localadministrator/avbeat-com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

slice 4: accent palette refinement — blue → teal

Browse Source 
Replace the four accent-family hex codes site-wide with the teal palette
(keeps the dark theme; only swaps the accent family, not the dark base):

  #3b82f6 (accent primary CTA)   → #5B7C8D  (teal)        [839×]
  #2563eb (accent-dark / hover)  → #4A6473  (darker teal) [44×]
  #60a5fa (info link, lighter)   → #8FB0C3  (mid teal)    [68×]
  #1e3a5f (accent-muted bg)      → #2F4F5F  (navy)        [44×]

tailwind.config.js tokens updated to match (accent/accent-dark/accent-muted).
Sweep also covers tailwind.css. 108 files touched. The dark base (#0d0d0d,
#111, #161616, #1a1a1a etc.) is intentionally untouched.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Ryan Salazar (via Claude)
2026-05-15 23:33:04 +00:00
parent f6fa7570c4
commit 52fe7bceb6
109 changed files with 937 additions and 937 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/styles/redesign-tokens.css
View File

@@ -6,8 +6,8 @@
/* AI accent (blue) — same hue as --color-accent but exposed via the
spec name --color-text-info so the redesign components can reference
it without coupling to the existing --color-accent. */
--color-text-info: #60a5fa;
--color-text-info-strong: #3b82f6;
--color-text-info: #8FB0C3;
--color-text-info-strong: #5B7C8D;
/* Backgrounds */
--color-background-primary: #0a0a0a;
@@ -53,7 +53,7 @@
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--color-text-info, #60a5fa);
background: var(--color-text-info, #8FB0C3);
animation: bb-pulse 2s infinite ease-in-out;
}
@@ -64,7 +64,7 @@
position: absolute;
inset: 0;
border-radius: 50%;
border: 2px solid var(--color-text-info, #60a5fa);
border: 2px solid var(--color-text-info, #8FB0C3);
animation: bb-ring 1.8s infinite ease-out;
pointer-events: none;
}

12
src/styles/tailwind.css
View File

@@ -5,9 +5,9 @@
:root {
--color-primary: #0d0d0d;
--color-secondary: #161616;
--color-accent: #3b82f6;
--color-accent-dark: #2563eb;
--color-accent-muted: #1e3a5f;
--color-accent: #5B7C8D;
--color-accent-dark: #4A6473;
--color-accent-muted: #2F4F5F;
--color-accent-red: #cc0000;
--color-accent-red-dark: #aa0000;
--color-bg: #111111;
@@ -797,12 +797,12 @@ h1, h2, h3 {
.ProseMirror ul { list-style: disc; padding-left: 1.5rem; margin: 0.5rem 0; }
.ProseMirror ol { list-style: decimal; padding-left: 1.5rem; margin: 0.5rem 0; }
.ProseMirror li { margin: 0.25rem 0; }
.ProseMirror blockquote { border-left: 3px solid #3b82f6; padding-left: 1rem; margin: 0.75rem 0; color: #888; font-style: italic; }
.ProseMirror blockquote { border-left: 3px solid #5B7C8D; padding-left: 1rem; margin: 0.75rem 0; color: #888; font-style: italic; }
.ProseMirror pre { background: #1a1a1a; border: 1px solid #252525; border-radius: 6px; padding: 1rem; overflow-x: auto; margin: 0.75rem 0; }
.ProseMirror code { background: #1a1a1a; border-radius: 3px; padding: 0.15em 0.4em; font-family: 'Courier New', monospace; font-size: 0.875em; color: #3b82f6; }
.ProseMirror code { background: #1a1a1a; border-radius: 3px; padding: 0.15em 0.4em; font-family: 'Courier New', monospace; font-size: 0.875em; color: #5B7C8D; }
.ProseMirror pre code { background: none; padding: 0; color: #cccccc; }
.ProseMirror hr { border: none; border-top: 1px solid #252525; margin: 1.25rem 0; }
.ProseMirror a { color: #3b82f6; text-decoration: underline; }
.ProseMirror a { color: #5B7C8D; text-decoration: underline; }
.ProseMirror img { max-width: 100%; height: auto; border-radius: 6px; margin: 0.75rem 0; }
.ProseMirror strong { font-weight: 700; color: #fff; }
.ProseMirror em { font-style: italic; }