From ff80dfeb06567b6cc843cdadb3d46b9cbd9e1558 Mon Sep 17 00:00:00 2001
From: Zoltan Hosszu <zoltan@37signals.com>
Date: Thu, 12 Feb 2026 11:36:57 +0100
Subject: [PATCH 1/2] Fix dark mode colors

---
 app/assets/stylesheets/lexxy.css | 42 ++++++++++++++++++++++++++++++--
 1 file changed, 40 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/lexxy.css b/app/assets/stylesheets/lexxy.css
index d87724408..5e6781528 100644
--- a/app/assets/stylesheets/lexxy.css
+++ b/app/assets/stylesheets/lexxy.css
@@ -2,6 +2,42 @@
 @import url("lexxy-content.css") layer(base);
 @import url("lexxy-editor.css") layer(base);
 
+:root {
+  --lexxy-color-ink: var(--color-ink);
+  --lexxy-color-ink-medium: var(--color-ink-dark);
+  --lexxy-color-ink-light: var(--color-ink-light);
+  --lexxy-color-ink-lighter: var(--color-ink-lighter);
+  --lexxy-color-ink-lightest: var(--color-ink-lightest);
+  --lexxy-color-ink-inverted: var(--color-ink-inverted);
+
+  --lexxy-color-canvas: var(--color-canvas);
+
+  --lexxy-color-accent-dark: var(--color-accent-dark);
+  --lexxy-color-accent-medium: var(--color-accent-medium);
+  --lexxy-color-accent-light: var(--color-accent-light);
+  --lexxy-color-accent-lightest: var(--color-accent-lightest);
+
+  --lexxy-color-red: oklch(var(--lch-red-medium));
+  --lexxy-color-green: oklch(var(--lch-green-medium));
+  --lexxy-color-blue: oklch(var(--lch-blue-medium));
+  --lexxy-color-purple: oklch(var(--lch-purple-medium));
+
+  --lexxy-color-code-token-att: var(--color-code-token__att);
+  --lexxy-color-code-token-comment: var(--color-code-token__comment);
+  --lexxy-color-code-token-function: var(--color-code-token__function);
+  --lexxy-color-code-token-operator: var(--color-code-token__operator);
+  --lexxy-color-code-token-property: var(--color-code-token__property);
+  --lexxy-color-code-token-punctuation: var(--color-code-token__punctuation);
+  --lexxy-color-code-token-selector: var(--color-code-token__selector);
+  --lexxy-color-code-token-variable: var(--color-code-token__variable);
+
+  --lexxy-color-selected: oklch(var(--lch-blue-light));
+  --lexxy-color-selected-dark: oklch(var(--lch-blue-medium));
+
+  --lexxy-color-table-cell-border: var(--color-ink-light);
+  --lexxy-color-table-cell-selected-bg: var(--lexxy-color-selected);
+}
+
 @layer components {
   /* Editor
   /* ------------------------------------------------------------------------ */
@@ -132,8 +168,10 @@
         font-size: var(--text-small);
         padding-block: 0.75ch;
       }
-      th:not([class*="selected"], [data-action="delete"], [data-action="toggle"]) { background-color: var(--color-ink-lightest); }
-      td:not([class*="selected"], [data-action="delete"], [data-action="toggle"]) { background-color: var(--color-canvas); }
+      tr:not([data-action="delete"]) {
+        th:not([class*="selected"], [data-action="delete"], [data-action="toggle"]) { background-color: var(--color-ink-lightest); }
+        td:not([class*="selected"], [data-action="delete"], [data-action="toggle"]) { background-color: var(--color-canvas); }
+      }
     }
 
     .attachment {

From 135fe128f72a142a82cd14bd7cd03da1a25f4f4d Mon Sep 17 00:00:00 2001
From: Zoltan Hosszu <zoltan@37signals.com>
Date: Thu, 12 Feb 2026 11:46:04 +0100
Subject: [PATCH 2/2] Table style tweaks

---
 app/assets/stylesheets/lexxy.css | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/lexxy.css b/app/assets/stylesheets/lexxy.css
index 5e6781528..0b33162fb 100644
--- a/app/assets/stylesheets/lexxy.css
+++ b/app/assets/stylesheets/lexxy.css
@@ -5,9 +5,9 @@
 :root {
   --lexxy-color-ink: var(--color-ink);
   --lexxy-color-ink-medium: var(--color-ink-dark);
-  --lexxy-color-ink-light: var(--color-ink-light);
-  --lexxy-color-ink-lighter: var(--color-ink-lighter);
-  --lexxy-color-ink-lightest: var(--color-ink-lightest);
+  --lexxy-color-ink-light: var(--color-ink-medium);
+  --lexxy-color-ink-lighter: var(--color-ink-light);
+  --lexxy-color-ink-lightest: var(--color-ink-lighter);
   --lexxy-color-ink-inverted: var(--color-ink-inverted);
 
   --lexxy-color-canvas: var(--color-canvas);
@@ -34,8 +34,10 @@
   --lexxy-color-selected: oklch(var(--lch-blue-light));
   --lexxy-color-selected-dark: oklch(var(--lch-blue-medium));
 
-  --lexxy-color-table-cell-border: var(--color-ink-light);
+  --lexxy-color-table-cell-border: var(--color-ink-ligher);
   --lexxy-color-table-cell-selected-bg: var(--lexxy-color-selected);
+  --lexxy-color-table-cell-toggle: var(--lexxy-color-selected);
+  --lexxy-color-table-cell-remove: oklch(var(--lch-red-medium) / 20%);
 }
 
 @layer components {