diff --git a/extension/src/popup/styles.css b/extension/src/popup/styles.css index 7297e8f..d43b5e2 100644 --- a/extension/src/popup/styles.css +++ b/extension/src/popup/styles.css @@ -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 {