|
6 | 6 | --header-height: 44px;
|
7 | 7 | --footer-height: 70px;
|
8 | 8 | --radius: 8px;
|
9 |
| - --theme: rgb(255, 255, 255); |
10 |
| - --entry: rgb(255, 255, 255); |
11 |
| - --primary: rgb(30, 30, 30); |
12 |
| - --secondary: rgb(108, 108, 108); |
13 |
| - --tertiary: rgb(214, 214, 214); |
14 |
| - --gray: rgb(165, 165, 165); |
15 |
| - --content: rgb(30, 30, 30); |
16 |
| - --code-block-bg: rgb(28, 29, 33); |
17 |
| - --code-bg: rgb(245, 245, 245); |
18 |
| - --border: rgb(238, 238, 238); |
19 |
| - --darkcolor: #6a7ba2; |
20 |
| - --lightcolor: #cbd1de; |
| 9 | + /* Everforest Light Theme */ |
| 10 | + --theme: #f3ead3; /* Light beige background */ |
| 11 | + --entry: #f8f4e4; /* Soft off-white for cards */ |
| 12 | + --primary: #5c6a72; /* Dark gray-blue (main text) */ |
| 13 | + --secondary: #829181; /* Muted green (secondary text) */ |
| 14 | + --tertiary: #d3c6aa; /* Light beige-gray (dividers) */ |
| 15 | + --gray: #9da9a0; /* Medium gray (neutral accent) */ |
| 16 | + --content: #5c6a72; /* Same as primary (content text) */ |
| 17 | + --code-block-bg: #2d353b; /* Dark slate for code blocks */ |
| 18 | + --code-bg: #e4ddc5; /* Light beige for inline code */ |
| 19 | + --border: #d3c6aa; /* Soft beige-gray border */ |
| 20 | + --darkcolor: #6a7ba2; /* Muted blue (adjust if needed) */ |
| 21 | + --lightcolor: #cbd1de; /* Light gray-blue (adjust if needed) */ |
| 22 | + /* Typography (unchanged from your original) */ |
21 | 23 | --semibold: 500;
|
22 | 24 | --homesize: 16px;
|
23 | 25 | --textsize: 18px;
|
|
31 | 33 | }
|
32 | 34 |
|
33 | 35 | .dark {
|
34 |
| - --theme: rgb(29, 30, 32); |
35 |
| - --entry: rgb(46, 46, 51); |
36 |
| - --primary: rgb(218, 218, 219); |
37 |
| - --secondary: rgb(155, 156, 157); |
38 |
| - --tertiary: rgb(65, 66, 68); |
39 |
| - --content: rgb(196, 196, 197); |
40 |
| - --code-block-bg: rgb(46, 46, 51); |
41 |
| - --code-bg: rgb(55, 56, 62); |
42 |
| - --border: rgb(51, 51, 51); |
| 36 | + /* Everforest Dark Theme */ |
| 37 | + --theme: #2d353b; /* Dark slate background */ |
| 38 | + --entry: #343f44; /* Slightly lighter slate for cards */ |
| 39 | + --primary: #d3c6aa; /* Soft beige (main text) */ |
| 40 | + --secondary: #a7c080; /* Muted green (secondary text) */ |
| 41 | + --tertiary: #475258; /* Dark gray-blue (dividers) */ |
| 42 | + --gray: #7a8478; /* Medium gray (neutral accent) */ |
| 43 | + --content: #d3c6aa; /* Same as primary (content text) */ |
| 44 | + --code-block-bg: #232a2e; /* Darker slate for code blocks */ |
| 45 | + --code-bg: #3d484d; /* Medium slate for inline code */ |
| 46 | + --border: #475258; /* Dark gray-blue border */ |
| 47 | + --darkcolor: #a7c080; /* Use Everforest green for dark mode */ |
| 48 | + --lightcolor: #d3c6aa; /* Use Everforest beige for dark mode */ |
| 49 | + /* Typography remains the same as light theme */ |
43 | 50 | }
|
44 | 51 |
|
45 | 52 | .list {
|
|
0 commit comments