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

Add web/static/themes/mint.css

Browse Source
This commit is contained in:
Joshua Laymon 2025-09-06 03:52:31 +00:00
parent 094df46036
commit dc3df4a174
1 changed files with 114 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

114
web/static/themes/mint.css Normal file
View File

@ -0,0 +1,114 @@
/* ===============================
Forest Theme
=============================== */
/* Background: soft green gradient */
html[data-theme="forest"] body {
min-height: 100vh;
background: linear-gradient(135deg, #d9f7e2 0%, #b8eac7 40%, #9ad4b2 100%);
background-attachment: fixed;
color: #1e293b; /* slate-800 */
}
/* 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 {
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;
}