|
4 | 4 | * work well for content-centric websites. |
5 | 5 | */ |
6 | 6 |
|
7 | | -/* You can override the default Infima variables here. */ |
| 7 | +/* |
| 8 | + You can override the default Infima variables here. |
| 9 | + This is the light theme configuration. |
| 10 | +*/ |
8 | 11 | :root { |
9 | | - --ifm-color-primary: #2e8555; |
10 | | - --ifm-color-primary-dark: #29784c; |
11 | | - --ifm-color-primary-darker: #277148; |
12 | | - --ifm-color-primary-darkest: #205d3b; |
13 | | - --ifm-color-primary-light: #33925d; |
14 | | - --ifm-color-primary-lighter: #359962; |
15 | | - --ifm-color-primary-lightest: #3cad6e; |
| 12 | +/* Infima primary color */ |
| 13 | +--ifm-color-primary:#457b9d; |
| 14 | +--ifm-color-primary-dark:#3d6d8b; |
| 15 | +--ifm-color-primary-darker:#3a6682; |
| 16 | +--ifm-color-primary-darkest:#2e5066; |
| 17 | +--ifm-color-primary-light:#4d89b1; |
| 18 | +--ifm-color-primary-lighter:#5491ba; |
| 19 | +--ifm-color-primary-lightest:#69a3c9; |
| 20 | + |
| 21 | +/* Code block styling */ |
16 | 22 | --ifm-code-font-size:95%; |
17 | | - --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1); |
| 23 | +--docusaurus-highlighted-code-line-bg:rgba(0,0,0,0.08); |
| 24 | + |
| 25 | +/* Custom palette colors */ |
| 26 | +--custom-red-pantone:#e63946; |
| 27 | +--custom-honeydew:#f1faee; |
| 28 | +--custom-non-photo-blue:#a8dadc; |
| 29 | +--custom-cerulean:#457b9d; |
| 30 | +--custom-berkeley-blue:#1d3557; |
18 | 31 | } |
19 | 32 |
|
20 | | -/* For readability concerns, you should choose a lighter palette in dark mode. */ |
| 33 | +/* |
| 34 | + For readability concerns, you should choose a lighter palette in dark mode. |
| 35 | + This is the dark theme configuration. |
| 36 | +*/ |
21 | 37 | [data-theme='dark'] { |
22 | | - --ifm-color-primary: #25c2a0; |
23 | | - --ifm-color-primary-dark: #21af90; |
24 | | - --ifm-color-primary-darker: #1fa588; |
25 | | - --ifm-color-primary-darkest: #1a8870; |
26 | | - --ifm-color-primary-light: #29d5b0; |
27 | | - --ifm-color-primary-lighter: #32d8b4; |
28 | | - --ifm-color-primary-lightest: #4fddbf; |
| 38 | +/* Infima primary color - using the lighter blue for contrast */ |
| 39 | +--ifm-color-primary:#a8dadc; |
| 40 | +--ifm-color-primary-dark:#96c4c6; |
| 41 | +--ifm-color-primary-darker:#8fc0c2; |
| 42 | +--ifm-color-primary-darkest:#73a7a9; |
| 43 | +--ifm-color-primary-light:#badde0; |
| 44 | +--ifm-color-primary-lighter:#c1e1e3; |
| 45 | +--ifm-color-primary-lightest:#d4e9eb; |
| 46 | + |
| 47 | +/* Code block styling */ |
29 | 48 | --docusaurus-highlighted-code-line-bg:rgba(0,0,0,0.3); |
30 | 49 | } |