From 362c174b8beaa0bbbd8a94f154dc2506db75afa2 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Fri, 25 Jul 2025 10:27:55 -0500
Subject: [PATCH] Try a light theme for the fizzy bar

---
 app/assets/stylesheets/_global.css   | 8 ++++----
 app/assets/stylesheets/terminals.css | 3 +++
 app/assets/stylesheets/trays.css     | 4 ++--
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/app/assets/stylesheets/_global.css b/app/assets/stylesheets/_global.css
index 697fd1dcc..6f41bc597 100644
--- a/app/assets/stylesheets/_global.css
+++ b/app/assets/stylesheets/_global.css
@@ -174,9 +174,9 @@
   --color-selected-dark: oklch(var(--lch-blue-light));
   --color-highlight: oklch(var(--lch-yellow-lighter));
   --color-marker: oklch(var(--lch-red-medium));
-  --color-terminal-bg: oklch(var(--lch-blue-darkest));
-  --color-terminal-text: oklch(var(--lch-green-medium));
-  --color-terminal-text-light: oklch(var(--lch-green-light));
+  --color-terminal-bg: var(--color-canvas);
+  --color-terminal-text: oklch(var(--lch-green-dark));
+  --color-terminal-text-light: oklch(var(--lch-green-medium));
 
   /* Colors: Cards */
   --color-card-default: oklch(var(--lch-blue-dark));
@@ -298,7 +298,7 @@
     --lch-pink-lighter: 30% 0.03 346;
     --lch-pink-lightest: 25% 0.011 348;
 
-    --color-terminal-bg: var(--color-black);
+    --color-terminal-bg: var(--color-canvas);
     --color-terminal-text-light: oklch(var(--lch-green-dark));
 
     --shadow: 0 0 0 1px oklch(var(--lch-black) / 0.42),
diff --git a/app/assets/stylesheets/terminals.css b/app/assets/stylesheets/terminals.css
index ed2ab73f1..e598eb30f 100644
--- a/app/assets/stylesheets/terminals.css
+++ b/app/assets/stylesheets/terminals.css
@@ -3,6 +3,7 @@
     --row-gap: 0.2lh;
 
     background-color: var(--color-terminal-bg);
+    border-block-start: 1px solid var(--color-ink-light);
     color: var(--color-terminal-text);
     font-family: var(--font-mono);
     font-size: var(--text-normal);
@@ -156,6 +157,8 @@
   }
 
   .terminal__label {
+    font-weight: 600;
+
     .terminal--busy:is(:not(.terminal--confirmation)) & {
       animation: pulse 1s infinite;
     }
diff --git a/app/assets/stylesheets/trays.css b/app/assets/stylesheets/trays.css
index d03dd0952..3b29f4823 100644
--- a/app/assets/stylesheets/trays.css
+++ b/app/assets/stylesheets/trays.css
@@ -118,8 +118,8 @@
 
   .tray__toggle-btn {
     --btn-background: transparent;
-    --btn-border-color: var(--color-white);
-    --btn-color: var(--color-white);
+    --btn-border-color: var(--color-ink);
+    --btn-color: var(--color-ink);
 
     border-style: dashed;
     border-radius: 1ch;