|
| 1 | +/** |
| 2 | + * Any CSS included here will be global. The classic template |
| 3 | + * bundles Infima by default. Infima is a CSS framework designed to |
| 4 | + * work well for content-centric websites. |
| 5 | + */ |
| 6 | + |
| 7 | +/* You can override the default Infima variables here. */ |
| 8 | +: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; |
| 16 | + --ifm-code-font-size: 95%; |
| 17 | + --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1); |
| 18 | +} |
| 19 | + |
| 20 | +/* For readability concerns, you should choose a lighter palette in dark mode. */ |
| 21 | +[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; |
| 29 | + --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); |
| 30 | +} |
| 31 | + |
1 | 32 | /* Mobile and Tablet optimizations */ |
2 | 33 | @media (max-width: 996px) { |
3 | 34 | :root { |
|
0 commit comments