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