1- : root {
2- /* Bootstrap / PyData colors */
3- --bs-primary : # ff7f0e ;
4- /* dev = orange */
5- --bs-link-color : # 1f77b4 ;
6- /* stable = blue links */
7- --bs-link-hover-color : # 135b91 ;
8- /* darker hover */
9- --bs-body-color : # 212529 ;
10- /* dark text */
11- --bs-body-bg : # ffffff ;
12- /* white background */
13-
14- /* Sphinx Design tokens */
15- --sd-color-primary : # ff7f0e ;
16- --sd-color-secondary : # 1f77b4 ;
17- --sd-color-success : # 28a745 ;
18- --sd-color-info : # 1f77b4 ;
19- --sd-color-warning : # f0b37e ;
20- --sd-color-danger : # dc3545 ;
21- --sd-color-light : # f8f9fa ;
22- --sd-color-muted : # 6c757d ;
23- --sd-color-dark : # 212529 ;
24-
25- --sd-color-primary-highlight : # e76f00 ;
26- --sd-color-secondary-highlight : # 135b91 ;
27- --sd-color-success-highlight : # 228e3b ;
28- --sd-color-info-highlight : # 135b91 ;
29- --sd-color-warning-highlight : # cc986b ;
30- --sd-color-danger-highlight : # bb2d3b ;
31- --sd-color-light-highlight : # d3d4d5 ;
32- --sd-color-muted-highlight : # 5c636a ;
33- --sd-color-dark-highlight : # 1c1f23 ;
34-
35- --sd-color-primary-text : # fff ;
36- --sd-color-secondary-text : # fff ;
37- --sd-color-success-text : # fff ;
38- --sd-color-info-text : # fff ;
39- --sd-color-warning-text : # 212529 ;
40- --sd-color-danger-text : # fff ;
41- --sd-color-light-text : # 212529 ;
42- --sd-color-muted-text : # fff ;
43- --sd-color-dark-text : # fff ;
44-
45- --sd-color-shadow : rgba (0 , 0 , 0 , 0.15 );
46- --sd-color-card-border : rgba (0 , 0 , 0 , 0.125 );
47- --sd-color-card-border-hover : # 1f77b4 ;
48-
49- --sd-color-card-background : transparent;
50- --sd-color-card-text : inherit;
51- --sd-color-card-header : transparent;
52- --sd-color-card-footer : transparent;
53-
54- --sd-color-tabs-label-active : # 1f77b4 ;
55- --sd-color-tabs-label-hover : # 1f77b4 ;
56- --sd-color-tabs-label-inactive : hsl (0 , 0% , 66% );
57- --sd-color-tabs-underline-active : # 1f77b4 ;
58- --sd-color-tabs-underline-hover : rgba (178 , 206 , 245 , 0.62 );
59- --sd-color-tabs-underline-inactive : transparent;
1+ /* Math formula centering */
2+ div .math mjx-container {
3+ text-align : center;
4+ }
605
61- --sd-color-tabs-overline : rgb (222 , 222 , 222 );
62- --sd-color-tabs-underline : rgb (222 , 222 , 222 );
6+ /* Define primary colors */
7+ : root {
8+ --pst-color-primary : # 4791c5 ;
9+ /* skglm blue */
10+ --pst-color-secondary : # ec9b4c ;
11+ /* skglm orange */
12+ --pst-color-link : var (--pst-color-primary );
13+ --pst-color-link-hover : # 336b96 ;
14+ /* darker blue on hover */
15+ --pst-color-inline-code : # 2c608f ;
16+ /* deep blue for code */
17+ --pst-color-inline-code-background : # f0f8ff ;
18+ /* very pale blue */
19+ --pst-color-announcement-background : # fff7ec ;
20+ /* soft orange */
21+ --pst-color-announcement-text : var (--pst-color-primary );
22+ }
6323
64- --sd-fontsize-tabs-label : 1rem ;
65- --sd-fontsize-dropdown-title : 1rem ;
66- --sd-fontweight-dropdown-title : 700 ;
24+ /* Light theme overrides */
25+ html [data-theme = "light" ] {
26+ --pst-color-primary : # 4791c5 ;
27+ --pst-color-secondary : # ec9b4c ;
28+ --pst-color-link : var (--pst-color-primary );
29+ --pst-color-link-hover : # 336b96 ;
30+ --pst-color-inline-code : # 2c608f ;
31+ --pst-color-inline-code-background : # f0f8ff ;
32+ --pst-color-announcement-background : # fff7ec ;
33+ --pst-color-secondary-bg : # fff7ec ;
6734}
6835
69- /* Remove default Pygments color for inline code (literal blocks) */
70- code ,
71- .highlight .n ,
72- .highlight .nf ,
73- .highlight .nn ,
74- .highlight .nt ,
75- .highlight .nb {
76- color : # 1f77b4 !important ;
77- /* or #ff7f0e if you want orange instead */
36+ /* Dark theme overrides */
37+ html [data-theme = "dark" ] {
38+ --pst-color-primary : # 79b8e6 ;
39+ --pst-color-secondary : # ec9b4c ;
40+ --pst-color-link : var (--pst-color-primary );
41+ --pst-color-link-hover : # a1cbe9 ;
42+ --pst-color-inline-code : # 79b8e6 ;
43+ --pst-color-inline-code-background : # 2e2e2e ;
44+ --pst-color-announcement-background : # 2e2e2e ;
45+ --pst-color-secondary-bg : # 383838 ;
7846}
7947
48+ /* Inline code styling */
49+ code {
50+ color : var (--pst-color-inline-code );
51+ background-color : var (--pst-color-inline-code-background );
52+ padding : 0.2em 0.4em ;
53+ border-radius : 4px ;
54+ font-family : monospace;
55+ }
8056
81- div .math mjx-container {
57+ /* Announcement banner styling */
58+ .bd-header-announcement {
59+ background-color : var (--pst-color-secondary-bg ) !important ;
60+ color : var (--pst-color-primary ) !important ;
61+ font-weight : bold;
8262 text-align : center;
8363}
0 commit comments