From bbafe7fb7e252193089e0f0fe903a985371ca685 Mon Sep 17 00:00:00 2001
From: adlee-was-taken <aaron.daniel.lee@gmail.com>
Date: Fri, 24 Apr 2026 22:20:16 -0400
Subject: [PATCH] feat(ext): sweep inline blue/red colors to gold/theca-red

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 extension/src/content/capture.ts                    | 4 ++--
 extension/src/content/icon.ts                       | 4 ++--
 extension/src/popup/components/generator-popover.ts | 2 +-
 extension/src/popup/components/settings.ts          | 6 +++---
 extension/src/popup/components/types/login.ts       | 2 +-
 extension/src/popup/components/types/totp.ts        | 2 +-
 6 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/extension/src/content/capture.ts b/extension/src/content/capture.ts
index 3a3addc..6399ded 100644
--- a/extension/src/content/capture.ts
+++ b/extension/src/content/capture.ts
@@ -181,7 +181,7 @@ function showPrompt(
   msgSpan.style.cssText = 'flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;';
   msgSpan.appendChild(document.createTextNode(`${actionLabel} login for `));
   const hostStrong = document.createElement('strong');
-  hostStrong.style.color = '#58a6ff';
+  hostStrong.style.color = '#d2ab43';
   hostStrong.textContent = hostname;
   msgSpan.appendChild(hostStrong);
   if (username) {
@@ -192,7 +192,7 @@ function showPrompt(
   const saveBtn = document.createElement('button');
   saveBtn.textContent = actionLabel;
   saveBtn.style.cssText = [
-    'background:#1f6feb', 'color:#fff', 'border:none', 'padding:5px 14px',
+    'background:#7c5719', 'color:#fff', 'border:none', 'padding:5px 14px',
     'border-radius:3px', 'cursor:pointer', 'font-family:inherit', 'font-size:12px',
     'white-space:nowrap',
   ].join('; ');
diff --git a/extension/src/content/icon.ts b/extension/src/content/icon.ts
index a637559..eec7f1b 100644
--- a/extension/src/content/icon.ts
+++ b/extension/src/content/icon.ts
@@ -70,7 +70,7 @@ export function injectFieldIcons(
   icon.style.cssText = [
     'width: 20px', 'height: 20px', 'line-height: 20px',
     'text-align: center', 'font-size: 10px', 'font-weight: 700',
-    'font-family: monospace', 'color: #fff', 'background: #1f6feb',
+    'font-family: monospace', 'color: #fff', 'background: #7c5719',
     'border-radius: 3px', 'cursor: pointer', 'user-select: none',
     'box-sizing: border-box',
   ].join('; ');
@@ -200,7 +200,7 @@ function showAckHint(hostname: string): void {
   ].join('; ');
 
   const title = document.createElement('div');
-  title.style.cssText = 'font-weight: 700; margin-bottom: 4px; color: #58a6ff;';
+  title.style.cssText = 'font-weight: 700; margin-bottom: 4px; color: #d2ab43;';
   title.textContent = 'relicario';
   hint.appendChild(title);
 
diff --git a/extension/src/popup/components/generator-popover.ts b/extension/src/popup/components/generator-popover.ts
index 1669c88..5dbc35e 100644
--- a/extension/src/popup/components/generator-popover.ts
+++ b/extension/src/popup/components/generator-popover.ts
@@ -280,7 +280,7 @@ function buildInnerHtml(knobs: UiKnobs): string {
       <button type="button" class="gen-preview__regen" title="regenerate">↻</button>
     </div>
     ${knobs.kind === 'random'
-      ? `<p class="gen-validation" style="display:none;color:#f85149;font-size:10px;margin:4px 0 0;">pick at least one character class</p>`
+      ? `<p class="gen-validation" style="display:none;color:#ab2b20;font-size:10px;margin:4px 0 0;">pick at least one character class</p>`
       : ''}
     <div class="gen-actions">
       <button type="button" class="btn" id="gen-reset">reset to defaults</button>
diff --git a/extension/src/popup/components/settings.ts b/extension/src/popup/components/settings.ts
index a30ea03..2a3db15 100644
--- a/extension/src/popup/components/settings.ts
+++ b/extension/src/popup/components/settings.ts
@@ -25,7 +25,7 @@ export async function renderSettings(app: HTMLElement): Promise<void> {
         <div style="display:flex; align-items:center; justify-content:space-between; padding:4px 0; border-bottom:1px solid #21262d;">
           <span style="font-size:12px; overflow:hidden; text-overflow:ellipsis;">${escapeHtml(h)}</span>
           <button class="relicario-remove-bl" data-hostname="${escapeHtml(h)}" style="
-            background:transparent; color:#f85149; border:none; cursor:pointer;
+            background:transparent; color:#ab2b20; border:none; cursor:pointer;
             font-size:11px; padding:2px 6px;
           ">remove</button>
         </div>
@@ -49,8 +49,8 @@ export async function renderSettings(app: HTMLElement): Promise<void> {
       <div style="margin-bottom:16px;">
         <div style="font-size:12px; color:#8b949e; margin-bottom:6px;">prompt style</div>
         <div style="display:flex; gap:8px;">
-          <button id="style-bar" class="btn" style="font-size:11px; ${settings.captureStyle === 'bar' ? 'background:#1f6feb; color:#fff;' : ''}">bar</button>
-          <button id="style-toast" class="btn" style="font-size:11px; ${settings.captureStyle === 'toast' ? 'background:#1f6feb; color:#fff;' : ''}">toast</button>
+          <button id="style-bar" class="btn" style="font-size:11px; ${settings.captureStyle === 'bar' ? 'background:#7c5719; color:#fff;' : ''}">bar</button>
+          <button id="style-toast" class="btn" style="font-size:11px; ${settings.captureStyle === 'toast' ? 'background:#7c5719; color:#fff;' : ''}">toast</button>
         </div>
       </div>
 
diff --git a/extension/src/popup/components/types/login.ts b/extension/src/popup/components/types/login.ts
index 274c3d1..e66fc85 100644
--- a/extension/src/popup/components/types/login.ts
+++ b/extension/src/popup/components/types/login.ts
@@ -47,7 +47,7 @@ export async function renderDetail(app: HTMLElement, item: Item): Promise<void>
   const sigInner = `
     <div style="display:flex;justify-content:space-between;align-items:center;">
       <div style="font-size:14px;font-weight:600;color:#c9d1d9;">${escapeHtml(item.title)}</div>
-      ${url ? `<a href="${escapeHtml(url)}" target="_blank" rel="noopener noreferrer" style="font-size:11px;color:#58a6ff;">open ↗</a>` : ''}
+      ${url ? `<a href="${escapeHtml(url)}" target="_blank" rel="noopener noreferrer" style="font-size:11px;color:#d2ab43;">open ↗</a>` : ''}
     </div>
   `;
 
diff --git a/extension/src/popup/components/types/totp.ts b/extension/src/popup/components/types/totp.ts
index d0d04e8..867a24b 100644
--- a/extension/src/popup/components/types/totp.ts
+++ b/extension/src/popup/components/types/totp.ts
@@ -57,7 +57,7 @@ export async function renderDetail(app: HTMLElement, item: Item): Promise<void>
   const ringSvg = `
     <svg width="32" height="32" viewBox="0 0 32 32" style="display:block;">
       <circle cx="16" cy="16" r="14" stroke="#30363d" stroke-width="2" fill="none"/>
-      <circle id="totp-ring-arc" cx="16" cy="16" r="14" stroke="#58a6ff" stroke-width="2" fill="none"
+      <circle id="totp-ring-arc" cx="16" cy="16" r="14" stroke="#d2ab43" stroke-width="2" fill="none"
               stroke-linecap="round" stroke-dasharray="87.96"
               transform="rotate(-90 16 16)" style="transition:stroke-dashoffset 1s linear;"/>
     </svg>