Skip to content

Commit 123f6f3

Browse files
codeuralicodeurali
authored
Disable auto dark mode styles
Comment out auto dark mode styles in custom.scss
1 parent 4144580 commit 123f6f3

1 file changed

Lines changed: 142 additions & 142 deletions

File tree

‎docs/_sass/custom/custom.scss‎

Lines changed: 142 additions & 142 deletions
Original file line numberDiff line numberDiff line change
@@ -12,145 +12,145 @@
1212
.label-yellow { background-color: #d97706 !important; }
1313
.label-purple { background-color: #7c3aed !important; }
1414

15-
// ── Auto dark mode (follows OS preference) ──
16-
@media (prefers-color-scheme: dark) {
17-
// Base - Darker background, brighter text for maximum contrast
18-
body {
19-
background-color: #020617 !important; // Deep Slate 950
20-
color: #f8fafc !important; // Slate 50
21-
}
22-
23-
// Sidebar
24-
.side-bar {
25-
background-color: #0f172a !important; // Slate 900
26-
}
27-
28-
.site-title {
29-
color: #ffffff !important;
30-
font-weight: 600 !important;
31-
}
32-
33-
.site-nav,
34-
.nav-list .nav-list-item a {
35-
color: #e2e8f0 !important; // Slate 200
36-
}
37-
38-
.nav-list .nav-list-item a:hover,
39-
.nav-list .nav-list-item a.active {
40-
color: #ffffff !important;
41-
background-color: #1e293b !important; // Slate 800
42-
}
43-
44-
.site-nav .nav-list-expander { color: #cbd5e1 !important; } // Brighter Slate 300
45-
46-
// Main content
47-
.main-content {
48-
h1, h2, h3, h4, h5, h6 { color: #ffffff !important; }
49-
hr { border-color: #1e293b !important; } // Slate 800
50-
}
51-
52-
// Links - Lighter indigo for better contrast against dark bg
53-
a:not(.btn):not(.site-title):not(.search-result) {
54-
color: #a5b4fc !important; // Indigo 300
55-
&:hover { color: #c7d2fe !important; } // Indigo 200
56-
}
57-
58-
// Code
59-
code {
60-
background-color: #1e293b !important; // Slate 800
61-
color: #f8fafc !important; // Slate 50
62-
border-color: #334155 !important; // Slate 700
63-
}
64-
65-
pre {
66-
background-color: #0f172a !important; // Slate 900
67-
border: 1px solid #1e293b !important;
68-
> code {
69-
background-color: transparent !important;
70-
border: none !important;
71-
}
72-
}
73-
74-
// Tables
75-
table {
76-
th {
77-
background-color: #0f172a !important; // Slate 900
78-
color: #ffffff !important;
79-
border-color: #1e293b !important; // Slate 800
80-
}
81-
td {
82-
border-color: #1e293b !important; // Slate 800
83-
color: #f8fafc !important; // Slate 50
84-
}
85-
tr:nth-child(even) td {
86-
background-color: #0f172a !important; // Slate 900
87-
}
88-
}
89-
90-
// Search
91-
.search-input {
92-
background-color: #0f172a !important; // Slate 900
93-
color: #ffffff !important;
94-
border-color: #334155 !important; // Slate 700
95-
&:focus { border-color: #a5b4fc !important; } // Indigo 300
96-
}
97-
98-
.search-results {
99-
background-color: #0f172a !important; // Slate 900
100-
border-color: #1e293b !important; // Slate 800
101-
}
102-
103-
.search-result-title { color: #ffffff !important; }
104-
.search-result-previews { color: #cbd5e1 !important; } // Slate 300
105-
.search-result:hover { background-color: #1e293b !important; } // Slate 800
106-
107-
// Footer
108-
.site-footer {
109-
border-top-color: #1e293b !important; // Slate 800
110-
color: #cbd5e1 !important; // Slate 300
111-
a { color: #a5b4fc !important; }
112-
}
113-
114-
// Blockquotes
115-
blockquote {
116-
border-left-color: #a5b4fc !important; // Indigo 300
117-
color: #e2e8f0 !important; // Slate 200
118-
}
119-
120-
// Buttons
121-
.btn:not(.btn-primary) {
122-
color: #f8fafc !important; // Slate 50
123-
border-color: #475569 !important; // Slate 600
124-
background-color: #0f172a !important; // Slate 900
125-
&:hover { background-color: #1e293b !important; } // Slate 800
126-
}
127-
128-
// Main header & breadcrumbs
129-
.main-header {
130-
background-color: #020617 !important; // Slate 950
131-
border-bottom-color: #1e293b !important; // Slate 800
132-
}
133-
134-
.breadcrumb-nav {
135-
color: #cbd5e1 !important; // Slate 300
136-
a { color: #a5b4fc !important; }
137-
}
138-
139-
.back-to-top {
140-
color: #cbd5e1 !important; // Slate 300
141-
&:hover { color: #a5b4fc !important; }
142-
}
143-
144-
// Callouts
145-
.callout {
146-
background-color: #0f172a !important; // Slate 900
147-
border-color: #1e293b !important; // Slate 800
148-
color: #f8fafc !important;
149-
}
150-
151-
// Aux links (npm, GitHub)
152-
.aux-nav .aux-nav-list-item a {
153-
color: #cbd5e1 !important; // Slate 300
154-
&:hover { color: #ffffff !important; }
155-
}
156-
}
15+
// // ── Auto dark mode (follows OS preference) ──
16+
// @media (prefers-color-scheme: dark) {
17+
// // Base - Darker background, brighter text for maximum contrast
18+
// body {
19+
// background-color: #020617 !important; // Deep Slate 950
20+
// color: #f8fafc !important; // Slate 50
21+
// }
22+
23+
// // Sidebar
24+
// .side-bar {
25+
// background-color: #0f172a !important; // Slate 900
26+
// }
27+
28+
// .site-title {
29+
// color: #ffffff !important;
30+
// font-weight: 600 !important;
31+
// }
32+
33+
// .site-nav,
34+
// .nav-list .nav-list-item a {
35+
// color: #e2e8f0 !important; // Slate 200
36+
// }
37+
38+
// .nav-list .nav-list-item a:hover,
39+
// .nav-list .nav-list-item a.active {
40+
// color: #ffffff !important;
41+
// background-color: #1e293b !important; // Slate 800
42+
// }
43+
44+
// .site-nav .nav-list-expander { color: #cbd5e1 !important; } // Brighter Slate 300
45+
46+
// // Main content
47+
// .main-content {
48+
// h1, h2, h3, h4, h5, h6 { color: #ffffff !important; }
49+
// hr { border-color: #1e293b !important; } // Slate 800
50+
// }
51+
52+
// // Links - Lighter indigo for better contrast against dark bg
53+
// a:not(.btn):not(.site-title):not(.search-result) {
54+
// color: #a5b4fc !important; // Indigo 300
55+
// &:hover { color: #c7d2fe !important; } // Indigo 200
56+
// }
57+
58+
// // Code
59+
// code {
60+
// background-color: #1e293b !important; // Slate 800
61+
// color: #f8fafc !important; // Slate 50
62+
// border-color: #334155 !important; // Slate 700
63+
// }
64+
65+
// pre {
66+
// background-color: #0f172a !important; // Slate 900
67+
// border: 1px solid #1e293b !important;
68+
// > code {
69+
// background-color: transparent !important;
70+
// border: none !important;
71+
// }
72+
// }
73+
74+
// // Tables
75+
// table {
76+
// th {
77+
// background-color: #0f172a !important; // Slate 900
78+
// color: #ffffff !important;
79+
// border-color: #1e293b !important; // Slate 800
80+
// }
81+
// td {
82+
// border-color: #1e293b !important; // Slate 800
83+
// color: #f8fafc !important; // Slate 50
84+
// }
85+
// tr:nth-child(even) td {
86+
// background-color: #0f172a !important; // Slate 900
87+
// }
88+
// }
89+
90+
// // Search
91+
// .search-input {
92+
// background-color: #0f172a !important; // Slate 900
93+
// color: #ffffff !important;
94+
// border-color: #334155 !important; // Slate 700
95+
// &:focus { border-color: #a5b4fc !important; } // Indigo 300
96+
// }
97+
98+
// .search-results {
99+
// background-color: #0f172a !important; // Slate 900
100+
// border-color: #1e293b !important; // Slate 800
101+
// }
102+
103+
// .search-result-title { color: #ffffff !important; }
104+
// .search-result-previews { color: #cbd5e1 !important; } // Slate 300
105+
// .search-result:hover { background-color: #1e293b !important; } // Slate 800
106+
107+
// // Footer
108+
// .site-footer {
109+
// border-top-color: #1e293b !important; // Slate 800
110+
// color: #cbd5e1 !important; // Slate 300
111+
// a { color: #a5b4fc !important; }
112+
// }
113+
114+
// // Blockquotes
115+
// blockquote {
116+
// border-left-color: #a5b4fc !important; // Indigo 300
117+
// color: #e2e8f0 !important; // Slate 200
118+
// }
119+
120+
// // Buttons
121+
// .btn:not(.btn-primary) {
122+
// color: #f8fafc !important; // Slate 50
123+
// border-color: #475569 !important; // Slate 600
124+
// background-color: #0f172a !important; // Slate 900
125+
// &:hover { background-color: #1e293b !important; } // Slate 800
126+
// }
127+
128+
// // Main header & breadcrumbs
129+
// .main-header {
130+
// background-color: #020617 !important; // Slate 950
131+
// border-bottom-color: #1e293b !important; // Slate 800
132+
// }
133+
134+
// .breadcrumb-nav {
135+
// color: #cbd5e1 !important; // Slate 300
136+
// a { color: #a5b4fc !important; }
137+
// }
138+
139+
// .back-to-top {
140+
// color: #cbd5e1 !important; // Slate 300
141+
// &:hover { color: #a5b4fc !important; }
142+
// }
143+
144+
// // Callouts
145+
// .callout {
146+
// background-color: #0f172a !important; // Slate 900
147+
// border-color: #1e293b !important; // Slate 800
148+
// color: #f8fafc !important;
149+
// }
150+
151+
// // Aux links (npm, GitHub)
152+
// .aux-nav .aux-nav-list-item a {
153+
// color: #cbd5e1 !important; // Slate 300
154+
// &:hover { color: #ffffff !important; }
155+
// }
156+
// }

0 commit comments

Comments
 (0)