mirror of
https://github.com/obsqrbtz/goose-highlighter.git
synced 2026-04-08 20:19:06 +03:00
74 lines
1.9 KiB
CSS
74 lines
1.9 KiB
CSS
/* Shared Color Scheme */
|
|
|
|
/* Typography + Light theme */
|
|
:root {
|
|
--font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
--font-mono: 'DM Sans', ui-monospace, monospace;
|
|
--text-xs: 11px;
|
|
--text-sm: 12px;
|
|
--text-base: 13px;
|
|
--text-md: 14px;
|
|
--text-lg: 16px;
|
|
--leading-tight: 1.25;
|
|
--leading-normal: 1.4;
|
|
--leading-relaxed: 1.5;
|
|
--tracking-tight: -0.01em;
|
|
--tracking-wide: 0.05em;
|
|
--bg-color: #f5f5f5;
|
|
--text-color: #2d2d2d;
|
|
--input-bg: #ffffff;
|
|
--input-border: #e0e0e0;
|
|
--button-bg: #ffffff;
|
|
--button-hover: #eeeeee;
|
|
--button-text: #2d2d2d;
|
|
--accent: #ff8c00;
|
|
--accent-text: #ffffff;
|
|
--accent-hover: #ff9f1a;
|
|
--highlight-tag: #fff3e6;
|
|
--highlight-tag-border: #ffe4cc;
|
|
--danger: #ef4444;
|
|
--success: #22c55e;
|
|
--shadow: 0 10px 22px rgba(0, 0, 0, 0.08);
|
|
--shadow-sm: 0 4px 10px rgba(0, 0, 0, 0.06);
|
|
--border-radius: 12px;
|
|
--section-bg: #ffffff;
|
|
--panel-bg: #ffffff;
|
|
--switch-bg: #e0e0e0;
|
|
--checkbox-accent: #ff8c00;
|
|
--checkbox-border: #d0d0d0;
|
|
--focus-ring: 0 0 0 3px rgba(255, 140, 0, 0.25);
|
|
--footer-text: #6b6b6b;
|
|
--tab-active-bg: #e8e8e8;
|
|
--tab-inactive-color: #6b6b6b;
|
|
}
|
|
|
|
/* Dark theme */
|
|
html.dark,
|
|
body.dark {
|
|
--bg-color: #0d0d0d;
|
|
--text-color: #f0f0f0;
|
|
--input-bg: #171717;
|
|
--input-border: #2a2a2a;
|
|
--button-bg: #171717;
|
|
--button-hover: #222222;
|
|
--button-text: #f0f0f0;
|
|
--accent: #ff8c00;
|
|
--accent-text: #ffffff;
|
|
--accent-hover: #ff9f1a;
|
|
--highlight-tag: #171717;
|
|
--highlight-tag-border: #2a2a2a;
|
|
--danger: #f87171;
|
|
--success: #22c55e;
|
|
--shadow: 0 10px 22px rgba(0, 0, 0, 0.6);
|
|
--shadow-sm: 0 4px 10px rgba(0, 0, 0, 0.5);
|
|
--section-bg: #121212;
|
|
--panel-bg: #121212;
|
|
--switch-bg: #2a2a2a;
|
|
--checkbox-accent: #ff8c00;
|
|
--checkbox-border: #333333;
|
|
--focus-ring: 0 0 0 3px rgba(255, 140, 0, 0.3);
|
|
--footer-text: #8a8a8a;
|
|
--tab-active-bg: #2b2b2b;
|
|
--tab-inactive-color: #adadad;
|
|
}
|