66
77/* You can override the default Infima variables here. */
88: root {
9- --ifm-color-primary : # 2a5298 ;
10- --ifm-color-primary-dark : # 254a89 ;
11- --ifm-color-primary-darker : # 234582 ;
12- --ifm-color-primary-darkest : # 1c376b ;
13- --ifm-color-primary-light : # 2f5aa7 ;
14- --ifm-color-primary-lighter : # 325fae ;
15- --ifm-color-primary-lightest : # 4169c4 ;
9+ --ifm-color-primary : # 41F27C ;
10+ --ifm-color-primary-dark : # 34C263 ;
11+ --ifm-color-primary-darker : # 2FB758 ;
12+ --ifm-color-primary-darkest : # 27914A ;
13+ --ifm-color-primary-light : # 67F596 ;
14+ --ifm-color-primary-lighter : # 7DF6A4 ;
15+ --ifm-color-primary-lightest : # B3FAC8 ;
1616 --ifm-code-font-size : 95% ;
1717 --docusaurus-highlighted-code-line-bg : rgba (0 , 0 , 0 , 0.1 );
1818 --ifm-font-family-base : 'Inter' , system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
19+ --ifm-navbar-background-color : # 1A1536 ;
20+ --ifm-navbar-link-color : # ffffff ;
1921}
2022
2123/* For readability concerns, you should choose a lighter palette in dark mode. */
2224[data-theme = 'dark' ] {
23- --ifm-color-primary : # 4d7fd8 ;
24- --ifm-color-primary-dark : # 3770d3 ;
25- --ifm-color-primary-darker : # 2d66d0 ;
26- --ifm-color-primary-darkest : # 1e4fac ;
27- --ifm-color-primary-light : # 638edd ;
28- --ifm-color-primary-lighter : # 6d97e0 ;
29- --ifm-color-primary-lightest : # 8eafe8 ;
25+ --ifm-color-primary : # 67F596 ;
26+ --ifm-color-primary-dark : # 41F27C ;
27+ --ifm-color-primary-darker : # 34C263 ;
28+ --ifm-color-primary-darkest : # 2FB758 ;
29+ --ifm-color-primary-light : # 7DF6A4 ;
30+ --ifm-color-primary-lighter : # 8DF7B0 ;
31+ --ifm-color-primary-lightest : # B3FAC8 ;
3032 --docusaurus-highlighted-code-line-bg : rgba (0 , 0 , 0 , 0.3 );
33+ --ifm-navbar-background-color : # 1A1536 ;
3134}
3235
3336/* Additional custom styles */
@@ -99,7 +102,7 @@ html {
99102.navbar-item-latest {
100103 font-weight : 600 !important ;
101104 color : var (--ifm-color-primary-darkest ) !important ;
102- background : linear-gradient (90deg , rgba (42 , 82 , 152 , 0.08 ), rgba (42 , 82 , 152 , 0.03 ));
105+ background : linear-gradient (90deg , rgba (65 , 242 , 124 , 0.08 ), rgba (65 , 242 , 124 , 0.03 ));
103106 border-left : 3px solid var (--ifm-color-primary );
104107 padding-left : 12px !important ;
105108 margin : 2px 0 ;
@@ -127,14 +130,14 @@ html {
127130.navbar-item-legacy : hover {
128131 color : var (--ifm-color-primary ) !important ;
129132 opacity : 1 ;
130- background : rgba (42 , 82 , 152 , 0.05 );
133+ background : rgba (65 , 242 , 124 , 0.05 );
131134 border-radius : 4px ;
132135}
133136
134137/* Dark mode adjustments */
135138[data-theme = 'dark' ] .navbar-item-latest {
136139 color : var (--ifm-color-primary-lightest ) !important ;
137- background : linear-gradient (90deg , rgba (77 , 127 , 216 , 0.1 ), rgba (77 , 127 , 216 , 0.04 ));
140+ background : linear-gradient (90deg , rgba (103 , 245 , 150 , 0.1 ), rgba (103 , 245 , 150 , 0.04 ));
138141 border-left-color : var (--ifm-color-primary-light );
139142}
140143
@@ -144,7 +147,7 @@ html {
144147
145148[data-theme = 'dark' ] .navbar-item-legacy : hover {
146149 color : var (--ifm-color-primary-light ) !important ;
147- background : rgba (77 , 127 , 216 , 0.08 );
150+ background : rgba (103 , 245 , 150 , 0.08 );
148151}
149152
150153/* Product grouping visual separation */
0 commit comments