Skip to content

Commit bb61781

Browse files
committed
feat: Refine Dark Theme Styling for Navbar and Footer to Improve Visual Consistency
1 parent 2b74924 commit bb61781

File tree

1 file changed

+45
-19
lines changed

1 file changed

+45
-19
lines changed

website/src/css/custom.css

Lines changed: 45 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,59 @@
11
@import 'katex/dist/katex.min.css';
22

33
:root {
4-
--ifm-color-primary: #FF4F00; /* Fluorescent Orange - Darker */
5-
--ifm-color-primary-dark: #CC3E00; /* Darker Fluorescent Orange */
6-
--ifm-color-primary-darker: #B33000; /* Even Darker */
7-
--ifm-color-primary-darkest: #992600; /* Darkest */
8-
--ifm-color-primary-light: #FF6A00; /* Lighter Fluorescent Orange */
9-
--ifm-color-primary-lighter: #FF7F00; /* Even Lighter */
10-
--ifm-color-primary-lightest: #FF9900; /* Lightest */
4+
--ifm-color-primary: #FF4F00;
5+
/* Fluorescent Orange - Darker */
6+
--ifm-color-primary-dark: #CC3E00;
7+
/* Darker Fluorescent Orange */
8+
--ifm-color-primary-darker: #B33000;
9+
/* Even Darker */
10+
--ifm-color-primary-darkest: #992600;
11+
/* Darkest */
12+
--ifm-color-primary-light: #FF6A00;
13+
/* Lighter Fluorescent Orange */
14+
--ifm-color-primary-lighter: #FF7F00;
15+
/* Even Lighter */
16+
--ifm-color-primary-lightest: #FF9900;
17+
/* Lightest */
1118
--ifm-code-font-size: 95%;
12-
--docusaurus-highlighted-code-line-bg: rgba(255, 255, 255, 0.1); /* Light background for highlighted lines */
19+
--docusaurus-highlighted-code-line-bg: rgba(255, 255, 255, 0.1);
20+
/* Light background for highlighted lines */
1321
}
1422

1523
[data-theme='dark'] {
16-
--ifm-color-primary: #FF4F00; /* Fluorescent Orange - Darker */
17-
--ifm-color-primary-dark: #CC3E00; /* Darker Fluorescent Orange */
18-
--ifm-color-primary-darker: #B33000; /* Even Darker */
19-
--ifm-color-primary-darkest: #992600; /* Darkest */
20-
--ifm-color-primary-light: #FF6A00; /* Lighter Fluorescent Orange */
21-
--ifm-color-primary-lighter: #FF7F00; /* Even Lighter */
22-
--ifm-color-primary-lightest: #FF9900; /* Lightest */
23-
--docusaurus-highlighted-code-line-bg: rgba(255, 255, 255, 0.3); /* Light background for highlighted lines */
24+
--ifm-color-primary: #FF4F00;
25+
/* Fluorescent Orange - Darker */
26+
--ifm-color-primary-dark: #CC3E00;
27+
/* Darker Fluorescent Orange */
28+
--ifm-color-primary-darker: #B33000;
29+
/* Even Darker */
30+
--ifm-color-primary-darkest: #992600;
31+
/* Darkest */
32+
--ifm-color-primary-light: #FF6A00;
33+
/* Lighter Fluorescent Orange */
34+
--ifm-color-primary-lighter: #FF7F00;
35+
/* Even Lighter */
36+
--ifm-color-primary-lightest: #FF9900;
37+
/* Lightest */
38+
--docusaurus-highlighted-code-line-bg: rgba(255, 255, 255, 0.3);
39+
/* Light background for highlighted lines */
40+
--ifm-background-color: #0f172a;
41+
background-color: #0c1221;
42+
--ifm-navbar-background-color: #0f172a;
43+
--ifm-footer-background-color: #0f172a;
44+
}
45+
46+
html[data-theme='dark'] footer {
47+
background-color: #050817;
2448
}
2549

2650
:root {
2751
--search-local-modal-width: 480px;
28-
--search-local-highlight-color: #FF9900; /* Highlight Color */
52+
--search-local-highlight-color: #FF9900;
53+
/* Highlight Color */
2954
}
3055

3156
html[data-theme="dark"] {
32-
--search-local-highlight-color: #FF6A00; /* Highlight Color in Dark Mode */
33-
}
57+
--search-local-highlight-color: #FF6A00;
58+
/* Highlight Color in Dark Mode */
59+
}

0 commit comments

Comments
 (0)