feat(ext/popup): swap blue accent palette for burnished gold
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken
@@ -35,7 +35,7 @@ body {
|
||||
.brand {
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
color: #58a6ff;
|
||||
color: #d2ab43;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
@@ -65,7 +65,7 @@ body {
|
||||
}
|
||||
|
||||
.error {
|
||||
color: #f85149;
|
||||
color: #ab2b20;
|
||||
font-size: 12px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
@@ -89,28 +89,28 @@ body {
|
||||
}
|
||||
|
||||
.btn:focus {
|
||||
outline: 1px solid #58a6ff;
|
||||
outline: 1px solid #d2ab43;
|
||||
outline-offset: 1px;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: #1f6feb;
|
||||
border-color: #1f6feb;
|
||||
background: #7c5719;
|
||||
border-color: #7c5719;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
background: #388bfd;
|
||||
background: #aa812a;
|
||||
}
|
||||
|
||||
.btn-danger {
|
||||
background: #da3633;
|
||||
border-color: #da3633;
|
||||
background: #791111;
|
||||
border-color: #791111;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn-danger:hover {
|
||||
background: #f85149;
|
||||
background: #ab2b20;
|
||||
}
|
||||
|
||||
/* Inputs */
|
||||
@@ -128,7 +128,7 @@ input, textarea, select {
|
||||
}
|
||||
|
||||
input:focus, textarea:focus, select:focus {
|
||||
border-color: #58a6ff;
|
||||
border-color: #d2ab43;
|
||||
}
|
||||
|
||||
input::placeholder, textarea::placeholder {
|
||||
@@ -188,7 +188,7 @@ textarea {
|
||||
}
|
||||
|
||||
.group-tab.active {
|
||||
color: #58a6ff;
|
||||
color: #d2ab43;
|
||||
background: #161b22;
|
||||
}
|
||||
|
||||
@@ -214,7 +214,7 @@ textarea {
|
||||
|
||||
.entry-row.selected {
|
||||
background: #161b22;
|
||||
border-left-color: #58a6ff;
|
||||
border-left-color: #d2ab43;
|
||||
}
|
||||
|
||||
.entry-row .entry-name {
|
||||
@@ -331,11 +331,11 @@ textarea {
|
||||
}
|
||||
|
||||
.progress-bar .step.done {
|
||||
background: #58a6ff;
|
||||
background: #d2ab43;
|
||||
}
|
||||
|
||||
.progress-bar .step.current {
|
||||
background: #388bfd;
|
||||
background: #aa812a;
|
||||
}
|
||||
|
||||
/* Spinner */
|
||||
@@ -344,7 +344,7 @@ textarea {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: 2px solid #30363d;
|
||||
border-top-color: #58a6ff;
|
||||
border-top-color: #d2ab43;
|
||||
border-radius: 50%;
|
||||
animation: spin 0.6s linear infinite;
|
||||
}
|
||||
@@ -437,7 +437,7 @@ textarea {
|
||||
}
|
||||
|
||||
.toggle-group button.active {
|
||||
background: #1f6feb;
|
||||
background: #7c5719;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@@ -452,7 +452,7 @@ textarea {
|
||||
}
|
||||
|
||||
.file-drop:hover {
|
||||
border-color: #58a6ff;
|
||||
border-color: #d2ab43;
|
||||
}
|
||||
|
||||
.file-drop.has-file {
|
||||
@@ -499,15 +499,15 @@ textarea {
|
||||
.sig-block {
|
||||
background: #161b22;
|
||||
border: 1px solid #30363d;
|
||||
border-left: 3px solid #1f6feb;
|
||||
border-left: 3px solid #7c5719;
|
||||
border-radius: 5px;
|
||||
padding: 14px;
|
||||
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--amber { border-left-color: #d29922; }
|
||||
.sig-block--red { border-left-color: #f85149; }
|
||||
.sig-block--red { border-left-color: #ab2b20; }
|
||||
|
||||
/* --- custom-section rendering (β₂ slice 1) --- */
|
||||
.section-header {
|
||||
@@ -533,7 +533,7 @@ textarea {
|
||||
padding-top: 10px;
|
||||
}
|
||||
.disclosure__toggle {
|
||||
background: transparent; border: 0; color: #58a6ff;
|
||||
background: transparent; border: 0; color: #d2ab43;
|
||||
cursor: pointer; font-size: 12px; padding: 0;
|
||||
font-family: inherit;
|
||||
}
|
||||
@@ -563,7 +563,7 @@ textarea {
|
||||
padding: 3px 6px; border-radius: 3px; font: inherit; font-size: 11px;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.section-editor__preserved {
|
||||
@@ -620,7 +620,7 @@ textarea {
|
||||
background: transparent; border: 0; color: #8b949e;
|
||||
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 + span {
|
||||
color: #c9d1d9; font-variant-numeric: tabular-nums;
|
||||
@@ -642,7 +642,7 @@ textarea {
|
||||
}
|
||||
.generator-popover .gen-preview__regen {
|
||||
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 {
|
||||
display: grid; grid-template-columns: 1fr 1fr;
|
||||
@@ -684,7 +684,7 @@ textarea {
|
||||
.ack-row__host { color: #c9d1d9; font-family: monospace; }
|
||||
.ack-row__meta { color: #6e7681; font-size: 10px; }
|
||||
.ack-row__revoke {
|
||||
background: transparent; border: 0; color: #f85149;
|
||||
background: transparent; border: 0; color: #ab2b20;
|
||||
cursor: pointer; font-size: 10px;
|
||||
}
|
||||
.settings-footer {
|
||||
|
||||
Reference in New Issue
Block a user