From dc3df4a1741475fb3df5de48019e4d9c902fa3cc Mon Sep 17 00:00:00 2001 From: Joshua Laymon Date: Sat, 6 Sep 2025 03:52:31 +0000 Subject: [PATCH] Add web/static/themes/mint.css --- web/static/themes/mint.css | 114 +++++++++++++++++++++++++++++++++++++ 1 file changed, 114 insertions(+) create mode 100644 web/static/themes/mint.css diff --git a/web/static/themes/mint.css b/web/static/themes/mint.css new file mode 100644 index 0000000..78acc9c --- /dev/null +++ b/web/static/themes/mint.css @@ -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; +} \ No newline at end of file