joshlaymon/Illustrations
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update web/static/themes/mint.css

Browse Source
This commit is contained in:
Joshua Laymon 2025-09-06 04:32:33 +00:00
parent 62e427762c
commit 72b8544f34
1 changed files with 29 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
web/static/themes/mint.css
View File

@ -1,9 +1,9 @@
/* =============================== /* ===============================
Forest Theme Mint Theme (formerly "Forest")
=============================== */ =============================== */
/* Background: soft green gradient */ /* Background: soft green gradient */
html[data-theme="forest"] body { html[data-theme="mint"] body {
min-height: 100vh; min-height: 100vh;
background: linear-gradient(135deg, #d9f7e2 0%, #b8eac7 40%, #9ad4b2 100%); background: linear-gradient(135deg, #d9f7e2 0%, #b8eac7 40%, #9ad4b2 100%);
background-attachment: fixed; background-attachment: fixed;
@ -11,10 +11,10 @@ html[data-theme="forest"] body {
} }
/* Cards and panels */ /* Cards and panels */
html[data-theme="forest"] .card, html[data-theme="mint"] .card,
html[data-theme="forest"] .result-card, html[data-theme="mint"] .result-card,
html[data-theme="forest"] .search-form, html[data-theme="mint"] .search-form,
html[data-theme="forest"] .form-card { html[data-theme="mint"] .form-card {
background: #ffffff; background: #ffffff;
border: 1px solid #cfe9d9; border: 1px solid #cfe9d9;
border-radius: 16px; border-radius: 16px;
@ -23,92 +23,92 @@ html[data-theme="forest"] .form-card {
} }
/* Topbar */ /* Topbar */
html[data-theme="forest"] .topbar-wrap { html[data-theme="mint"] .topbar-wrap {
background: rgba(240, 252, 244, 0.9); background: rgba(240, 252, 244, 0.9);
backdrop-filter: blur(6px); backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
border-bottom: 1px solid #b8eac7; border-bottom: 1px solid #b8eac7;
} }
html[data-theme="forest"] .brand-title { html[data-theme="mint"] .brand-title {
color: #14532d; /* dark forest green */ color: #14532d; /* dark forest green */
} }
html[data-theme="forest"] .version-link { html[data-theme="mint"] .version-link {
color: #4d7c52; color: #4d7c52;
} }
/* Buttons */ /* Buttons */
html[data-theme="forest"] .btn { html[data-theme="mint"] .btn {
border: 1px solid #cfe9d9; border: 1px solid #cfe9d9;
background: #f6fdf8; background: #f6fdf8;
color: #14532d; color: #14532d;
} }
html[data-theme="forest"] .btn:hover { html[data-theme="mint"] .btn:hover {
background: #e3f6e9; background: #e3f6e9;
} }
html[data-theme="forest"] .btn-primary { html[data-theme="mint"] .btn-primary {
background: #16a34a; /* green-600 */ background: #16a34a; /* green-600 */
border-color: #16a34a; border-color: #16a34a;
color: #fff; color: #fff;
} }
html[data-theme="forest"] .btn-primary:hover { html[data-theme="mint"] .btn-primary:hover {
background: #15803d; /* green-700 */ background: #15803d; /* green-700 */
border-color: #15803d; border-color: #15803d;
} }
html[data-theme="forest"] .btn-danger { html[data-theme="mint"] .btn-danger {
background: #dc2626; /* red-600 */ background: #dc2626; /* red-600 */
border-color: #dc2626; border-color: #dc2626;
color: #fff; color: #fff;
} }
/* Pills / chips */ /* Pills / chips */
html[data-theme="forest"] .chip, html[data-theme="mint"] .chip,
html[data-theme="forest"] .chip-link { html[data-theme="mint"] .chip-link {
background: #f0fdf4; background: #f0fdf4;
border: 1px solid #bbf7d0; border: 1px solid #bbf7d0;
color: #166534; /* green-800 */ color: #166534; /* green-800 */
} }
html[data-theme="forest"] .chip-muted { html[data-theme="mint"] .chip-muted {
background: #ecfdf5; background: #ecfdf5;
color: #065f46; /* teal-900 */ color: #065f46; /* teal-900 */
} }
/* Links */ /* Links */
html[data-theme="forest"] a { html[data-theme="mint"] a {
color: #15803d; /* green-700 */ color: #15803d; /* green-700 */
} }
html[data-theme="forest"] a:hover { html[data-theme="mint"] a:hover {
text-decoration: underline; text-decoration: underline;
} }
/* Inputs */ /* Inputs */
html[data-theme="forest"] .search-input, html[data-theme="mint"] .search-input,
html[data-theme="forest"] .form-control, html[data-theme="mint"] .form-control,
html[data-theme="forest"] .login-input { html[data-theme="mint"] .login-input {
border: 1px solid #cfe9d9; border: 1px solid #cfe9d9;
background: #ffffff; background: #ffffff;
color: #1e293b; color: #1e293b;
} }
html[data-theme="forest"] .search-input:focus, html[data-theme="mint"] .search-input:focus,
html[data-theme="forest"] .form-control:focus, html[data-theme="mint"] .form-control:focus,
html[data-theme="forest"] .login-input:focus { html[data-theme="mint"] .login-input:focus {
border-color: #16a34a; border-color: #16a34a;
box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.3); box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.3);
} }
/* Messages */ /* Messages */
html[data-theme="forest"] .msg.info { html[data-theme="mint"] .msg.info {
border-color: #bae6fd; border-color: #bae6fd;
background: #ecfeff; background: #ecfeff;
} }
html[data-theme="forest"] .msg.success { html[data-theme="mint"] .msg.success {
border-color: #86efac; border-color: #86efac;
background: #dcfce7; background: #dcfce7;
} }
html[data-theme="forest"] .msg.warning { html[data-theme="mint"] .msg.warning {
border-color: #fde68a; border-color: #fde68a;
background: #fef9c3; background: #fef9c3;
} }
html[data-theme="forest"] .msg.error { html[data-theme="mint"] .msg.error {
border-color: #fca5a5; border-color: #fca5a5;
background: #fee2e2; background: #fee2e2;
} }