diff --git a/web/static/themes/mint.css b/web/static/themes/mint.css index 78acc9c..9cdb13f 100644 --- a/web/static/themes/mint.css +++ b/web/static/themes/mint.css @@ -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; } \ No newline at end of file