|
4 | 4 | * work well for content-centric websites. |
5 | 5 | */ |
6 | 6 |
|
7 | | - /* You can override the default Infima variables here. */ |
| 7 | +/* You can override the default Infima variables here. */ |
8 | 8 | :root { |
9 | | - --ifm-color-primary: #FF6F00; /* Orange from the logo */ |
10 | | - --ifm-color-primary-dark: #E65100; /* Darker orange */ |
11 | | - --ifm-color-primary-darker: #BF360C; /* Even darker orange */ |
12 | | - --ifm-color-primary-darkest: #A52300; /* Darkest orange */ |
13 | | - --ifm-color-primary-light: #FF8F00; /* Lighter orange */ |
14 | | - --ifm-color-primary-lighter: #FFA726; /* Lightest orange */ |
15 | | - --ifm-color-primary-lightest: #FFB74D; /* Lightest tone from the logo */ |
| 9 | + --ifm-color-primary: #F72F3B; |
| 10 | + --ifm-color-primary-dark: #F01622; |
| 11 | + --ifm-color-primary-darker: #E30F1A; |
| 12 | + --ifm-color-primary-darkest: #BB0C15; |
| 13 | + --ifm-color-primary-light: #F84854; |
| 14 | + --ifm-color-primary-lighter: #F9616C; |
| 15 | + --ifm-color-primary-lightest: #FB8B93; |
16 | 16 | --ifm-code-font-size: 95%; |
17 | | - --docusaurus-highlighted-code-line-bg: rgba(255, 111, 0, 0.1); /* Highlight color based on the logo's orange */ |
| 17 | + --docusaurus-highlighted-code-line-bg: rgba(247, 47, 59, 0.1); |
18 | 18 | } |
19 | 19 |
|
20 | | -/* For readability concerns, you should choose a lighter palette in dark mode. */ |
21 | 20 | [data-theme='dark'] { |
22 | | - --ifm-color-primary: #FF9100; /* A brighter orange suitable for dark mode */ |
23 | | - --ifm-color-primary-dark: #FF6F00; /* Darker bright orange */ |
24 | | - --ifm-color-primary-darker: #E65100; /* Darkest bright orange */ |
25 | | - --ifm-color-primary-darkest: #BF360C; /* Darker shade for contrast */ |
26 | | - --ifm-color-primary-light: #FFA726; /* Brighter light for dark mode */ |
27 | | - --ifm-color-primary-lighter: #FFB74D; /* Even brighter for lighter highlights */ |
28 | | - --ifm-color-primary-lightest: #FFD54F; /* Lightest yellow-orange for contrast */ |
29 | | - --docusaurus-highlighted-code-line-bg: rgba(255, 111, 0, 0.3); /* Dark mode highlight based on the logo's orange */ |
| 21 | + --ifm-color-primary: #F84854; |
| 22 | + --ifm-color-primary-dark: #F72F3B; |
| 23 | + --ifm-color-primary-darker: #F01622; |
| 24 | + --ifm-color-primary-darkest: #E30F1A; |
| 25 | + --ifm-color-primary-light: #F9616C; |
| 26 | + --ifm-color-primary-lighter: #FB8B93; |
| 27 | + --ifm-color-primary-lightest: #FCB4BA; |
| 28 | + --docusaurus-highlighted-code-line-bg: rgba(247, 47, 59, 0.3); |
30 | 29 | } |
0 commit comments