Update web/static/themes/forest.css

web/static/themes/forest.css

@@ -1,114 +1,17 @@
-/* ===============================
-   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;
+/* Forest: calming greens */
+:root {
+  --bg: #0d1411;
+  --bg-elev: #121a16;
+  --text: #e7f2ea;
+  --muted: #a6b9ac;
+  --card: #0f1813;
+  --border: #203428;
+  --accent: #3da67a;
+  --accent-contrast: #0b1411;
+  --accent-soft: rgba(61,166,122,.18);
+  --success: #46d093;
+  --warning: #d2b04a;
+  --danger:  #e0727c;
+  --shadow: 0 10px 28px rgba(0,0,0,.28);
+  --radius: 14px;
 }