alee/relicario
1
0
Fork 0
Code Issues Pull Requests 4 Actions Packages Projects Releases Wiki Activity

feat(ext/popup): swap blue accent palette for burnished gold

Browse Source 
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken
2026-04-24 22:10:03 -04:00
parent 61b16779ab
commit 976db85a45
1 changed files with 25 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
extension/src/popup/styles.css
View File

@@ -35,7 +35,7 @@ body {
.brand { .brand {
font-size: 16px; font-size: 16px;
font-weight: 700; font-weight: 700;
color: #58a6ff; color: #d2ab43;
letter-spacing: 1px; letter-spacing: 1px;
} }
@@ -65,7 +65,7 @@ body {
} }
.error { .error {
color: #f85149; color: #ab2b20;
font-size: 12px; font-size: 12px;
margin-top: 8px; margin-top: 8px;
} }
@@ -89,28 +89,28 @@ body {
} }
.btn:focus { .btn:focus {
outline: 1px solid #58a6ff; outline: 1px solid #d2ab43;
outline-offset: 1px; outline-offset: 1px;
} }
.btn-primary { .btn-primary {
background: #1f6feb; background: #7c5719;
border-color: #1f6feb; border-color: #7c5719;
color: #fff; color: #fff;
} }
.btn-primary:hover { .btn-primary:hover {
background: #388bfd; background: #aa812a;
} }
.btn-danger { .btn-danger {
background: #da3633; background: #791111;
border-color: #da3633; border-color: #791111;
color: #fff; color: #fff;
} }
.btn-danger:hover { .btn-danger:hover {
background: #f85149; background: #ab2b20;
} }
/* Inputs */ /* Inputs */
@@ -128,7 +128,7 @@ input, textarea, select {
} }
input:focus, textarea:focus, select:focus { input:focus, textarea:focus, select:focus {
border-color: #58a6ff; border-color: #d2ab43;
} }
input::placeholder, textarea::placeholder { input::placeholder, textarea::placeholder {
@@ -188,7 +188,7 @@ textarea {
} }
.group-tab.active { .group-tab.active {
color: #58a6ff; color: #d2ab43;
background: #161b22; background: #161b22;
} }
@@ -214,7 +214,7 @@ textarea {
.entry-row.selected { .entry-row.selected {
background: #161b22; background: #161b22;
border-left-color: #58a6ff; border-left-color: #d2ab43;
} }
.entry-row .entry-name { .entry-row .entry-name {
@@ -331,11 +331,11 @@ textarea {
} }
.progress-bar .step.done { .progress-bar .step.done {
background: #58a6ff; background: #d2ab43;
} }
.progress-bar .step.current { .progress-bar .step.current {
background: #388bfd; background: #aa812a;
} }
/* Spinner */ /* Spinner */
@@ -344,7 +344,7 @@ textarea {
width: 16px; width: 16px;
height: 16px; height: 16px;
border: 2px solid #30363d; border: 2px solid #30363d;
border-top-color: #58a6ff; border-top-color: #d2ab43;
border-radius: 50%; border-radius: 50%;
animation: spin 0.6s linear infinite; animation: spin 0.6s linear infinite;
} }
@@ -437,7 +437,7 @@ textarea {
} }
.toggle-group button.active { .toggle-group button.active {
background: #1f6feb; background: #7c5719;
color: #fff; color: #fff;
} }
@@ -452,7 +452,7 @@ textarea {
} }
.file-drop:hover { .file-drop:hover {
border-color: #58a6ff; border-color: #d2ab43;
} }
.file-drop.has-file { .file-drop.has-file {
@@ -499,15 +499,15 @@ textarea {
.sig-block { .sig-block {
background: #161b22; background: #161b22;
border: 1px solid #30363d; border: 1px solid #30363d;
border-left: 3px solid #1f6feb; border-left: 3px solid #7c5719;
border-radius: 5px; border-radius: 5px;
padding: 14px; padding: 14px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.sig-block--blue { border-left-color: #1f6feb; } .sig-block--blue { border-left-color: #7c5719; }
.sig-block--green { border-left-color: #3fb950; } .sig-block--green { border-left-color: #3fb950; }
.sig-block--amber { border-left-color: #d29922; } .sig-block--amber { border-left-color: #d29922; }
.sig-block--red { border-left-color: #f85149; } .sig-block--red { border-left-color: #ab2b20; }
/* --- custom-section rendering (β₂ slice 1) --- */ /* --- custom-section rendering (β₂ slice 1) --- */
.section-header { .section-header {
@@ -533,7 +533,7 @@ textarea {
padding-top: 10px; padding-top: 10px;
} }
.disclosure__toggle { .disclosure__toggle {
background: transparent; border: 0; color: #58a6ff; background: transparent; border: 0; color: #d2ab43;
cursor: pointer; font-size: 12px; padding: 0; cursor: pointer; font-size: 12px; padding: 0;
font-family: inherit; font-family: inherit;
} }
@@ -563,7 +563,7 @@ textarea {
padding: 3px 6px; border-radius: 3px; font: inherit; font-size: 11px; padding: 3px 6px; border-radius: 3px; font: inherit; font-size: 11px;
} }
.section-editor__field .delete-field { .section-editor__field .delete-field {
background: transparent; border: 0; color: #f85149; background: transparent; border: 0; color: #ab2b20;
cursor: pointer; font-size: 14px; padding: 0 4px; cursor: pointer; font-size: 14px; padding: 0 4px;
} }
.section-editor__preserved { .section-editor__preserved {
@@ -620,7 +620,7 @@ textarea {
background: transparent; border: 0; color: #8b949e; background: transparent; border: 0; color: #8b949e;
padding: 3px 10px; cursor: pointer; font: inherit; font-size: 10px; padding: 3px 10px; cursor: pointer; font: inherit; font-size: 10px;
} }
.generator-popover .gen-toggle-group button.active { background: #1f6feb; color: #fff; } .generator-popover .gen-toggle-group button.active { background: #7c5719; color: #fff; }
.generator-popover .gen-slider { flex: 1; } .generator-popover .gen-slider { flex: 1; }
.generator-popover .gen-slider + span { .generator-popover .gen-slider + span {
color: #c9d1d9; font-variant-numeric: tabular-nums; color: #c9d1d9; font-variant-numeric: tabular-nums;
@@ -642,7 +642,7 @@ textarea {
} }
.generator-popover .gen-preview__regen { .generator-popover .gen-preview__regen {
flex-shrink: 0; background: transparent; border: 0; flex-shrink: 0; background: transparent; border: 0;
color: #58a6ff; cursor: pointer; font-size: 12px; color: #d2ab43; cursor: pointer; font-size: 12px;
} }
.generator-popover .gen-actions { .generator-popover .gen-actions {
display: grid; grid-template-columns: 1fr 1fr; display: grid; grid-template-columns: 1fr 1fr;
@@ -684,7 +684,7 @@ textarea {
.ack-row__host { color: #c9d1d9; font-family: monospace; } .ack-row__host { color: #c9d1d9; font-family: monospace; }
.ack-row__meta { color: #6e7681; font-size: 10px; } .ack-row__meta { color: #6e7681; font-size: 10px; }
.ack-row__revoke { .ack-row__revoke {
background: transparent; border: 0; color: #f85149; background: transparent; border: 0; color: #ab2b20;
cursor: pointer; font-size: 10px; cursor: pointer; font-size: 10px;
} }
.settings-footer { .settings-footer {