Files
goose-highlighter/shared/colors.css
2026-02-05 14:29:43 +03:00

53 lines
1.3 KiB
CSS

/* Shared Color Scheme */
:root {
--bg-color: #fbf6f1;
--text-color: #3b2a21;
--input-bg: #ffffff;
--input-border: #e6d7cc;
--button-bg: #f6eee7;
--button-hover: #efe3d9;
--button-text: #3b2a21;
--accent: #cc6a2a;
--accent-text: #ffffff;
--accent-hover: #e07b36;
--highlight-tag: #f2e7dd;
--highlight-tag-border: #e7d2c1;
--danger: #ef4444;
--success: #10b981;
--shadow: 0 10px 22px rgba(59, 42, 33, 0.12);
--shadow-sm: 0 4px 10px rgba(59, 42, 33, 0.08);
--border-radius: 12px;
--section-bg: #fffaf6;
--panel-bg: #fffaf6;
--switch-bg: #e1d5cb;
--checkbox-accent: #cc6a2a;
--checkbox-border: #d8c8bb;
--focus-ring: 0 0 0 3px rgba(204, 106, 42, 0.2);
}
html.dark,
body.dark {
--bg-color: #12100e;
--text-color: #f4ede6;
--input-bg: #1a1714;
--input-border: #3a2e26;
--button-bg: #2b211b;
--button-hover: #3a2c24;
--button-text: #f7efe9;
--accent: #f2a865;
--accent-hover: #f7c38a;
--accent-text: #1b120b;
--highlight-tag: #231a14;
--highlight-tag-border: #46372c;
--danger: #f87171;
--success: #4ade80;
--shadow: 0 10px 22px rgba(0, 0, 0, 0.5);
--shadow-sm: 0 4px 10px rgba(0, 0, 0, 0.4);
--section-bg: #17130f;
--panel-bg: #17130f;
--switch-bg: #4b3a2f;
--checkbox-accent: #f2a865;
--checkbox-border: #5a483b;
--focus-ring: 0 0 0 3px rgba(242, 168, 101, 0.2);
}