generated from thuliteio/doks
-
Notifications
You must be signed in to change notification settings - Fork 11
Expand file tree
/
Copy pathcustom.css
More file actions
32 lines (28 loc) · 2 KB
/
custom.css
File metadata and controls
32 lines (28 loc) · 2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
/**
* Any CSS included here will be global. The classic template
* bundles Infima by default. Infima is a CSS framework designed to
* work well for content-centric websites.
*/
/* You can override the default Infima variables here. */
:root {
--ifm-color-primary: #e76f00; /* Dark Orange for text and interactive elements */
--ifm-color-primary-dark: #cc6400; /* Darker Shade of Orange for headlines or strong emphasis */
--ifm-color-primary-darker: #b35900; /* Even Darker Orange for very important callouts or warnings */
--ifm-color-primary-darkest: #994c00; /* Brownish Orange for the most critical warnings or strong accents */
--ifm-color-primary-light: #fce4d6; /* Very Pale Orange for background highlights or selected items */
--ifm-color-primary-lighter: #fdfaf5; /* Near White with a hint of orange for background areas */
--ifm-color-primary-lightest: #ffffff; /* Pure White for main content background to ensure maximum readability */
--ifm-code-font-size: 95%;
--docusaurus-highlighted-code-line-bg: rgba(231, 111, 0, 0.1); /* Soft Orange for code block highlights */
}
/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] {
--ifm-color-primary: #f8a949; /* Soft Orange for buttons and icons */
--ifm-color-primary-dark: #c96f2a; /* Darker Orange for headings and important elements */
--ifm-color-primary-darker: #b26425; /* Even Darker Orange for emphasized text or active states */
--ifm-color-primary-darkest: #a2571e; /* Nearly Brown Orange for critical warnings or strong emphasis */
--ifm-color-primary-light: #4d3c30; /* Dark Brownish Gray for less prominent elements to ensure legibility */
--ifm-color-primary-lighter: #3a2e24; /* Darker Brownish Gray for secondary backgrounds, enhancing contrast */
--ifm-color-primary-lightest: #2c221b; /* Even Darker Brownish Gray for main backgrounds, maximizing contrast */
--docusaurus-highlighted-code-line-bg: rgba(231, 111, 0, 0.2); /* Slightly more visible Orange for code highlights */
}