From 3ed673e215fc4a0a371155a1715ed545a669e5c8 Mon Sep 17 00:00:00 2001
From: ordinarthur <@arthurbarre.js@gmail.com>
Date: Mon, 20 Apr 2026 12:59:14 +0200
Subject: [PATCH] feat(design): shift ink tokens to deep modern blue
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

All text, borders and QR codes now render in blue-ink on cream paper.
ink #1A1714 → #1E3A8A, ink-muted warm → cool blue-gray, rule-strong
+ QR fgColor updated to match.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 web/src/components/CloudSharePanel.tsx | 2 +-
 web/src/components/PublicRoomPanel.tsx | 2 +-
 web/src/design/tokens.ts               | 6 +++---
 web/src/index.css                      | 4 ++--
 web/tailwind.config.js                 | 6 +++---
 5 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/web/src/components/CloudSharePanel.tsx b/web/src/components/CloudSharePanel.tsx
index 990fdec..e5a8f22 100644
--- a/web/src/components/CloudSharePanel.tsx
+++ b/web/src/components/CloudSharePanel.tsx
@@ -219,7 +219,7 @@ export default function CloudSharePanel() {
                 value={stage.shareUrl}
                 size={128}
                 bgColor="#F5F0E6"
-                fgColor="#1A1714"
+                fgColor="#1E3A8A"
               />
             </div>
             <div className="min-w-0 flex-1">
diff --git a/web/src/components/PublicRoomPanel.tsx b/web/src/components/PublicRoomPanel.tsx
index a3699ad..a003431 100644
--- a/web/src/components/PublicRoomPanel.tsx
+++ b/web/src/components/PublicRoomPanel.tsx
@@ -85,7 +85,7 @@ function PublicRoomModal({
           <>
             <div className="flex justify-center mb-5">
               <div className="bg-paper p-3 border border-paper-edge rounded-sm">
-                <QRCodeSVG value={url} size={180} bgColor="#F5F0E6" fgColor="#1A1714" />
+                <QRCodeSVG value={url} size={180} bgColor="#F5F0E6" fgColor="#1E3A8A" />
               </div>
             </div>
 
diff --git a/web/src/design/tokens.ts b/web/src/design/tokens.ts
index ab7921d..5eba2e9 100644
--- a/web/src/design/tokens.ts
+++ b/web/src/design/tokens.ts
@@ -12,9 +12,9 @@ export const color = {
   paper: "#F5F0E6",
   paperDeep: "#EBE4D4",
   paperEdge: "#DCD3BE",
-  ink: "#1A1714",
-  inkMuted: "#6B635A",
-  inkFaint: "#A89F93",
+  ink: "#1E3A8A",
+  inkMuted: "#6B7CA3",
+  inkFaint: "#A8B0C3",
 
   signal: "#1D4ED8",
   signalQuiet: "#E3EAF5",
diff --git a/web/src/index.css b/web/src/index.css
index ef8e2e8..2d4aa47 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -11,7 +11,7 @@
   html,
   body {
     background: #f5f0e6;
-    color: #1a1714;
+    color: #1e3a8a;
     font-family: "Inter", "Söhne", system-ui, -apple-system, sans-serif;
     font-feature-settings: "ss01", "cv11";
     -webkit-font-smoothing: antialiased;
@@ -60,7 +60,7 @@
     border-bottom: 1px solid #dcd3be;
   }
   .rule-strong {
-    border-bottom: 1px solid #1a1714;
+    border-bottom: 1px solid #1e3a8a;
   }
   /* Envelope: subtle diagonal flap hint used on panels */
   .paper-panel {
diff --git a/web/tailwind.config.js b/web/tailwind.config.js
index 5f9c475..ea21bea 100644
--- a/web/tailwind.config.js
+++ b/web/tailwind.config.js
@@ -7,9 +7,9 @@ export default {
         paper: "#F5F0E6",
         "paper-deep": "#EBE4D4",
         "paper-edge": "#DCD3BE",
-        ink: "#1A1714",
-        "ink-muted": "#6B635A",
-        "ink-faint": "#A89F93",
+        ink: "#1E3A8A",
+        "ink-muted": "#6B7CA3",
+        "ink-faint": "#A8B0C3",
         signal: "#1D4ED8",
         "signal-quiet": "#E3EAF5",
         ok: "#3E6B4A",