|
27 | 27 | // ============================================================================= |
28 | 28 |
|
29 | 29 | // Warm Light Theme (Default) |
30 | | -// Warm, inviting palette with terracotta accents |
| 30 | +// Solarized Light inspired - warm, high contrast |
31 | 31 | [data-theme="warm-light"], |
32 | 32 | :root { |
33 | | - --bg-primary: #fffbf4; // Warm off-white background |
34 | | - --bg-card: #fff8ef; // Slightly darker for cards/sections |
35 | | - --text-primary: #4a453f; // Soft dark grey for readability |
36 | | - --text-secondary: #6b7b81; // Muted grey for secondary text |
37 | | - --border-color: #e8cfb8; // Warm beige border |
38 | | - --border-light: #f0dcc8; // Lighter variant for subtle borders |
39 | | - --accent: #c85a3c; // Terracotta accent for links/highlights |
40 | | - --shadow: rgba(200, 90, 60, 0.06); |
| 33 | + --bg-primary: #fdf6e3; // Solarized light base3 |
| 34 | + --bg-card: #eee8d5; // Solarized light base2 |
| 35 | + --text-primary: #586e75; // Solarized base01 (darker) |
| 36 | + --text-secondary: #657b83; // Solarized base00 |
| 37 | + --border-color: #d9cdb3; // Between base2 and base3 |
| 38 | + --border-light: #e9ddc3; // Lighter variant |
| 39 | + --accent: #b5632d; // Medium warm orange |
| 40 | + --shadow: rgba(0, 0, 0, 0.04); |
41 | 41 | } |
42 | 42 |
|
43 | 43 | // Dark Theme |
44 | | -// Solarized dark blue palette with elegant blue accents |
| 44 | +// Solarized Dark inspired |
45 | 45 | [data-theme="dark"] { |
46 | | - --bg-primary: #002b36; // Deep blue-black background |
47 | | - --bg-card: #073642; // Lighter blue for cards |
48 | | - --text-primary: #93a1a1; // Light grey for primary text |
49 | | - --text-secondary: #839496; // Muted grey for secondary text |
50 | | - --border-color: #0d4552; // Subtle blue-grey border |
| 46 | + --bg-primary: #002b36; // Solarized dark base03 |
| 47 | + --bg-card: #073642; // Solarized dark base02 |
| 48 | + --text-primary: #839496; // Solarized base0 |
| 49 | + --text-secondary: #657b83; // Solarized base00 |
| 50 | + --border-color: #0d4552; // Between base02 and base03 |
51 | 51 | --border-light: #073642; // Matches card background |
52 | | - --accent: #6ba5db; // Soft periwinkle blue for links |
| 52 | + --accent: #5c9db8; // Medium teal-blue |
53 | 53 | --shadow: rgba(0, 0, 0, 0.2); |
54 | 54 | } |
55 | 55 |
|
|
0 commit comments