From 9dd59706c84c9ddfb082800ead4dfa598791e5c2 Mon Sep 17 00:00:00 2001
From: Joshua Laymon <joshlaymon@icloud.com>
Date: Sat, 6 Sep 2025 22:17:58 +0000
Subject: [PATCH] Update web/static/themes/forest.css

---
 web/static/themes/forest.css | 40 +++++++++++++++++++++++++++++++-----
 1 file changed, 35 insertions(+), 5 deletions(-)

diff --git a/web/static/themes/forest.css b/web/static/themes/forest.css
index 53cf433..41a1e36 100644
--- a/web/static/themes/forest.css
+++ b/web/static/themes/forest.css
@@ -26,6 +26,11 @@ html[data-theme="forest"] {
   --forest-bar:        #0b4f38;  /* deep forest */
   --forest-bar-ink:    #ecfdf5;
 
+  /* Background shades */
+  --forest-bg-top: #e4f2ea;
+  --forest-bg-mid: #d5eadf;
+  --forest-bg-bot: #c8e2d6;
+
   /* Controls */
   --btn-radius: 12px;
   --panel-radius: 14px;
@@ -36,8 +41,34 @@ html[data-theme="forest"] body {
   min-height: 100vh;
   color: var(--forest-ink);
   background:
-    radial-gradient(1000px 360px at 80% -10%, rgba(22,163,74,.12), transparent 55%),
-    linear-gradient(180deg, #eef8f1 0%, #e9f6ee 40%, #e7f5ed 100%);
+    /* Faint pine outline (single SVG, no-repeat) */
+    url("data:image/svg+xml;utf8,\
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 520' fill='none' stroke='%230b3f2d' stroke-opacity='.08' stroke-width='2'>\
+  <g transform='translate(40,40)'>\
+    <polygon points='140,40 100,100 180,100'/>\
+    <polygon points='140,90 90,160 190,160'/>\
+    <polygon points='140,150 80,230 200,230'/>\
+    <line x1='140' y1='40' x2='140' y2='270'/>\
+  </g>\
+  <g transform='translate(240,100) scale(0.8)'>\
+    <polygon points='140,40 100,100 180,100'/>\
+    <polygon points='140,90 90,160 190,160'/>\
+    <polygon points='140,150 80,230 200,230'/>\
+    <line x1='140' y1='40' x2='140' y2='270'/>\
+  </g>\
+  <g transform='translate(0,140) scale(0.7)'>\
+    <polygon points='140,40 100,100 180,100'/>\
+    <polygon points='140,90 90,160 190,160'/>\
+    <polygon points='140,150 80,230 200,230'/>\
+    <line x1='140' y1='40' x2='140' y2='270'/>\
+  </g>\
+</svg>") right -60px top 30px / 440px auto no-repeat,
+
+    /* Dark green vignette */
+    radial-gradient(1200px 480px at 85% -10%, rgba(11,63,45,.22), transparent 62%),
+
+    /* Darker gradient base */
+    linear-gradient(180deg, var(--forest-bg-top) 0%, var(--forest-bg-mid) 46%, var(--forest-bg-bot) 100%);
 }
 
 /* Subtle selection */
@@ -57,7 +88,6 @@ html[data-theme="forest"] .version-link{
 html[data-theme="forest"] .version-link:hover{ opacity:.9; text-decoration: underline; }
 
 /* ---------- Topbar actions (Find/Create/Insights) ---------- */
-/* Keep the same size everywhere (matches your Win95 sizing logic) */
 html[data-theme="forest"] .topbar .nav-btn,
 html[data-theme="forest"] .topbar .btn,
 html[data-theme="forest"] .topbar .btn-success{
@@ -81,7 +111,7 @@ html[data-theme="forest"] .topbar .btn-success:hover{
   border-color: rgba(236,253,245,.45) !important;
 }
 
-/* Username chip stands out slightly */
+/* Username chip */
 html[data-theme="forest"] .topbar .user-chip{
   height: 36px !important; padding: 6px 14px !important; box-sizing: border-box !important;
   background: #0f2a1f20 !important;
@@ -236,7 +266,7 @@ html[data-theme="forest"] .search-input.scripture-invalid{
   box-shadow: 0 0 0 3px rgba(225,29,72,.18);
 }
 
-/* Scripture/Source state chips if you use them */
+/* Scripture/Source state chips */
 html[data-theme="forest"] .scripture-pill-invalid{
   background:#ffe6ea;
   border:1px solid #f3a5b4;