From 203596ee29fef86af4a0f3a4d41c0e2a0c16b39c Mon Sep 17 00:00:00 2001
From: Disco DeDisco <adamcraighamilton@gmail.com>
Date: Mon, 8 Jun 2026 19:38:35 -0400
Subject: [PATCH] =?UTF-8?q?post=20view:=20restore=20the=20post-line=20grid?=
 =?UTF-8?q?=20layout=20(author=20|=20text=20|=20time,=20bordered=20+=20rou?=
 =?UTF-8?q?nded)=20minus=20the=20--priUser=20fill=20&=20box-shadow=20?=
 =?UTF-8?q?=E2=80=94=20outlined=20rows,=20not=20filled=20pills?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Follow-up to the reelhouse recolor: the POST thread keeps its earlier per-line grid (author / text / time columns, 0.1rem --secUser border at the .form-control radius, margin/padding) but drops the background-color + box-shadow per user-spec, so the lines read as outlined rows on the plain wash. The filled-pill chrome remains salvaged in YARN.

- bundled (parallel work): rootvars.scss ongoing palette tuning (--terPer + neighbouring slots).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/static_src/scss/_room.scss    | 35 ++++++++++++++++++++++++++++---
 src/static_src/scss/rootvars.scss | 23 +++++++++++++-------
 2 files changed, 47 insertions(+), 11 deletions(-)

diff --git a/src/static_src/scss/_room.scss b/src/static_src/scss/_room.scss
index 6df4f62..eeaf2e9 100644
--- a/src/static_src/scss/_room.scss
+++ b/src/static_src/scss/_room.scss
@@ -299,9 +299,11 @@ html.sea-open .room-aperture.is-scrollable {
             background-color: rgba(var(--sepUser), 1);
         }
 
-        // Bare-<ul> normalization only — no list bullets/indent (there's no
-        // global ul reset), so the thread reads as plain feed rows on the
-        // default wash rather than a bulleted list. The pill chrome is gone.
+        // The post-lines keep their earlier grid layout — author | text | time,
+        // bordered + rounded at the .form-control radius — but WITHOUT the
+        // --priUser fill or box-shadow (user-spec): outlined rows, not filled
+        // pills (the filled-pill chrome lives in YARN now). list-style reset
+        // since there's no global ul reset.
         #id_post_table {
             list-style: none;
             margin: 0;
@@ -309,6 +311,33 @@ html.sea-open .room-aperture.is-scrollable {
             flex: 1;
             min-height: 0;
             overflow-y: auto;
+
+            .post-line {
+                display: grid;
+                grid-template-columns: minmax(4rem, auto) 1fr minmax(3rem, auto);
+                align-items: baseline;
+                gap: 0.5rem;
+                width: 100%;
+                border: 0.1rem solid rgba(var(--secUser), 0.5);
+                border-radius: calc((1rem + 1em) / 3);   // == .form-control radius
+                margin: 0.35rem 0;
+                padding: 0.5rem 0.75rem;
+
+                .post-line-author {
+                    font-weight: bold;
+                    color: rgba(var(--quaUser), 1);
+                    white-space: nowrap;
+                    font-size: 0.85rem;
+                }
+                .post-line-text { min-width: 0; overflow-wrap: anywhere; }
+                .post-line-time {
+                    font-size: 0.75rem;
+                    opacity: 0.5;
+                    text-align: right;
+                    white-space: nowrap;
+                }
+            }
+            .post-line-buffer { flex-shrink: 0; height: 0.25rem; }
         }
 
         // Composer stays a flex row: the OK btn sits inline beside the "Enter a
diff --git a/src/static_src/scss/rootvars.scss b/src/static_src/scss/rootvars.scss
index 078e3e7..20df8a3 100644
--- a/src/static_src/scss/rootvars.scss
+++ b/src/static_src/scss/rootvars.scss
@@ -292,11 +292,18 @@
     --sixPer: 206, 201, 242;
     // polished marble (Confession)
     --priMrb: 231, 233, 234;
-    --secMrb: 115, 116, 117;
-    --terMrb: 55, 56, 57;
+    --secMrb: 185, 186, 187;
+    --terMrb: 115, 116, 117;
+    --quaMrb: 85, 86, 87;
+    --quiMrb: 55, 56, 57;
+    --sixMrb: 25, 26, 27;
     // flaming porphyry (Satisfaction)
-    --priPhy: 200, 55, 66;
-    --secPhy: 75, 31, 48;
+    --priPhy: 250, 105, 116;
+    --secPhy: 200, 85, 92;
+    --terPhy: 150, 55, 66;
+    --quaPhy: 120, 49, 54;
+    --quiPhy: 75, 31, 48;
+    --sixPhy: 66, 20, 32;
     // threshold of adamant (Absolution)
     --priAdm: 35, 40, 43;
     --secAdm: 75, 81, 84;
@@ -417,10 +424,10 @@
     --secUser: var(--quaAdm);
     --terUser: var(--sixAdm);
     --quaUser: var(--priPhy);
-    --quiUser: var(--secPhy);
-    --sixUser: var(--priMrb);
-    --sepUser: var(--terPer);
-    --octUser: var(--terMrb);
+    --quiUser: var(--quiPhy);
+    --sixUser: var(--terPer);
+    --sepUser: var(--quaMrb);
+    --octUser: var(--priPer);
     --ninUser: var(--sixPer);
     --decUser: var(--terMrb);
 }