33/* 1. Define Variables & Defaults (Dark Mode) */
44: root {
55 /* Custom Palette */
6- --premium-bg : # 0f172a ;
7- --premium-sidebar : # 1e293b ;
8- --premium-text : # e2e8f0 ;
9- --premium-heading : # f8fafc ;
10- --premium-accent : # 06b6d4 ;
11- --premium-accent-hover : # 22d3ee ;
12- --premium-border : # 334155 ;
13- --premium-code-bg : # 1e293b ;
14- --premium-link : # 38bdf8 ;
6+ --premium-bg : # 2d3748 ;
7+ --premium-sidebar : # 232b38 ; /* Slightly darker than bg */
8+ --premium-text : # f7f9fb ;
9+ --premium-heading : # f7f9fb ;
10+ --premium-accent : # e06c3c ;
11+ --premium-accent-hover : # ff8a65 ;
12+ --premium-border : # 607d8b ;
13+ --premium-code-bg : # 1a202c ;
14+ --premium-link : # e06c3c ;
1515
1616 /* Fonts */
1717 --font-primary : 'Inter' , system-ui, -apple-system, sans-serif;
2323 --sidebar-bg : var (--premium-sidebar );
2424 --sidebar-fg : var (--premium-text );
2525 --sidebar-non-existant : var (--premium-text );
26- --quote-bg : rgba (59 , 130 , 246 , 0.1 );
26+ --quote-bg : rgba (224 , 108 , 60 , 0.1 );
2727 --table-header-bg : var (--premium-sidebar );
2828 --table-border-color : var (--premium-border );
2929}
3333.light ,
3434.rust {
3535 /* Custom Palette - High Contrast */
36- --premium-bg : # ffffff ;
37- --premium-sidebar : # f1f5f9 ;
38- /* Slate 100 */
39- --premium-text : # 334155 ;
40- /* Slate 700 - Dark Grey */
41- --premium-heading : # 0f172a ;
42- /* Slate 900 - Black */
43- --premium-accent : # 0891b2 ;
44- /* Cyan 600 */
45- --premium-accent-hover : # 06b6d4 ;
36+ --premium-bg : # f7f9fb ;
37+ --premium-sidebar : # ffffff ;
38+ --premium-text : # 2d3748 ;
39+ --premium-heading : # 1a202c ;
40+ --premium-accent : # e06c3c ;
41+ --premium-accent-hover : # d85a2b ;
4642 --premium-border : # cbd5e1 ;
47- /* Slate 300 */
48- --premium-code-bg : # f8fafc ;
49- /* Slate 50 */
50- --premium-link : # 0284c7 ;
51- /* Sky 600 */
43+ --premium-code-bg : # e2e8f0 ;
44+ --premium-link : # e06c3c ;
5245
5346 /* Override MDBook Variables for Light Mode */
5447 --bg : var (--premium-bg );
5548 --fg : var (--premium-text );
5649 --sidebar-bg : var (--premium-sidebar );
5750 --sidebar-fg : var (--premium-text );
58- --quote-bg : rgba (59 , 130 , 246 , 0.05 );
59- --table-header-bg : # f8fafc ;
51+ --quote-bg : rgba (224 , 108 , 60 , 0.05 );
52+ --table-header-bg : # fff ;
6053 --table-border-color : var (--premium-border );
6154}
6255
8679 color : var (--premium-heading );
8780 font-weight : 700 ;
8881 margin-top : 2em ;
82+ font-family : var (--font-mono ); /* Geeky font for headers */
8983}
9084
9185h1 {
9286 font-size : 2.5em ;
9387 border-bottom : 2px solid var (--premium-border );
9488 padding-bottom : 0.5em ;
95- background : linear-gradient (to right, # 22d3ee, # 818cf8 );
96- -webkit-background-clip : text;
97- -webkit-text-fill-color : transparent;
89+ color : var (--premium-accent );
9890 display : inline-block;
9991}
10092
101- /* Darker gradient for Light Mode */
102- .light h1 ,
103- .rust h1 {
104- background : linear-gradient (to right, # 0891b2, # 4f46e5 );
105- -webkit-background-clip : text;
106- -webkit-text-fill-color : transparent;
107- }
108-
10993/* Links */
11094a {
11195 color : var (--premium-link );
@@ -132,12 +116,12 @@ a:hover {
132116.chapter li .active > a {
133117 color : var (--premium-accent );
134118 border-left : 2px solid var (--premium-accent );
135- background : rgba (6 , 182 , 212 , 0.1 );
119+ background : rgba (224 , 108 , 60 , 0.1 );
136120 padding-left : 8px ;
137121}
138122
139123.light .chapter li .active > a {
140- background : rgba (8 , 145 , 178 , 0.1 );
124+ background : rgba (224 , 108 , 60 , 0.1 );
141125}
142126
143127.chapter a {
@@ -158,7 +142,7 @@ a:hover {
158142pre ,
159143code {
160144 background-color : var (--premium-code-bg );
161- border-radius : 8 px ;
145+ border-radius : 0 px ; /* Sharper, techy look */
162146 border : 1px solid var (--premium-border );
163147 font-family : var (--font-mono );
164148}
@@ -171,12 +155,11 @@ pre {
171155/* Blockquotes */
172156blockquote {
173157 background : var (--quote-bg );
174- border-left : 4px solid # 3b82f6 ;
158+ border-left : 4px solid var ( --premium-accent ) ;
175159 margin : 1.5em 0 ;
176160 padding : 1em ;
177161 border-radius : 0 8px 8px 0 ;
178162 color : var (--fg );
179- /* Ensure this inherits correct text color */
180163}
181164
182165/* Tables */
196179 font-weight : 600 ;
197180 padding : 12px ;
198181 border-bottom : 1px solid var (--table-border-color );
182+ font-family : var (--font-mono );
199183}
200184
201185td {
@@ -209,12 +193,7 @@ tr:last-child td {
209193}
210194
211195tr : hover td {
212- background-color : rgba (255 , 255 , 255 , 0.02 );
213- }
214-
215- .light tr : hover td ,
216- .rust tr : hover td {
217- background-color : rgba (0 , 0 , 0 , 0.02 );
196+ background-color : rgba (224 , 108 , 60 , 0.05 );
218197}
219198
220199/* Scrollbars */
@@ -233,5 +212,5 @@ tr:hover td {
233212}
234213
235214::-webkit-scrollbar-thumb : hover {
236- background : # 475569 ;
237- }
215+ background : var ( --premium-accent ) ;
216+ }
0 commit comments