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

Update web/static/themes/forest.css

Browse Source
This commit is contained in:
Joshua Laymon 2025-09-06 03:51:34 +00:00
parent 5c3a0234af
commit 094df46036
1 changed files with 113 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

129
web/static/themes/forest.css
View File

@ -1,17 +1,114 @@
/* Forest: calming greens */ /* ===============================
:root { Forest Theme
--bg: #0d1411; =============================== */
--bg-elev: #121a16;
--text: #e7f2ea; /* Background: soft green gradient */
--muted: #a6b9ac; html[data-theme="forest"] body {
--card: #0f1813; min-height: 100vh;
--border: #203428; background: linear-gradient(135deg, #d9f7e2 0%, #b8eac7 40%, #9ad4b2 100%);
--accent: #3da67a; background-attachment: fixed;
--accent-contrast: #0b1411; color: #1e293b; /* slate-800 */
--accent-soft: rgba(61,166,122,.18); }
--success: #46d093;
--warning: #d2b04a; /* Cards and panels */
--danger: #e0727c; html[data-theme="forest"] .card,
--shadow: 0 10px 28px rgba(0,0,0,.28); html[data-theme="forest"] .result-card,
--radius: 14px; html[data-theme="forest"] .search-form,
html[data-theme="forest"] .form-card {
background: #ffffff;
border: 1px solid #cfe9d9;
border-radius: 16px;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
color: #1e293b;
}
/* Topbar */
html[data-theme="forest"] .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 {
color: #14532d; /* dark forest green */
}
html[data-theme="forest"] .version-link {
color: #4d7c52;
}
/* Buttons */
html[data-theme="forest"] .btn {
border: 1px solid #cfe9d9;
background: #f6fdf8;
color: #14532d;
}
html[data-theme="forest"] .btn:hover {
background: #e3f6e9;
}
html[data-theme="forest"] .btn-primary {
background: #16a34a; /* green-600 */
border-color: #16a34a;
color: #fff;
}
html[data-theme="forest"] .btn-primary:hover {
background: #15803d; /* green-700 */
border-color: #15803d;
}
html[data-theme="forest"] .btn-danger {
background: #dc2626; /* red-600 */
border-color: #dc2626;
color: #fff;
}
/* Pills / chips */
html[data-theme="forest"] .chip,
html[data-theme="forest"] .chip-link {
background: #f0fdf4;
border: 1px solid #bbf7d0;
color: #166534; /* green-800 */
}
html[data-theme="forest"] .chip-muted {
background: #ecfdf5;
color: #065f46; /* teal-900 */
}
/* Links */
html[data-theme="forest"] a {
color: #15803d; /* green-700 */
}
html[data-theme="forest"] a:hover {
text-decoration: underline;
}
/* Inputs */
html[data-theme="forest"] .search-input,
html[data-theme="forest"] .form-control,
html[data-theme="forest"] .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 {
border-color: #16a34a;
box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.3);
}
/* Messages */
html[data-theme="forest"] .msg.info {
border-color: #bae6fd;
background: #ecfeff;
}
html[data-theme="forest"] .msg.success {
border-color: #86efac;
background: #dcfce7;
}
html[data-theme="forest"] .msg.warning {
border-color: #fde68a;
background: #fef9c3;
}
html[data-theme="forest"] .msg.error {
border-color: #fca5a5;
background: #fee2e2;
} }