45
45
46
46
}
47
47
48
+ html [data-theme = "light" ] {
49
+ /*****************************************************************************
50
+ * main colors
51
+ */
52
+ --pst-color-primary : rgb (255 , 183 , 27 );
53
+ --pst-color-secondary : rgb (200 , 146 , 17 );
54
+ --pst-color-success : rgb (40 , 167 , 69 );
55
+ --pst-color-text-base : rgb (51 , 51 , 51 );
56
+ --pst-color-text-muted : rgb (26 , 24 , 24 );
57
+ --pst-color-border : rgb (201 , 201 , 201 );
58
+ --pst-color-shadow : rgb (216 , 216 , 216 );
59
+
60
+ /*****************************************************************************
61
+ * depth colors
62
+ *
63
+ * background: the more in depth color
64
+ * on-background: the object directly set on the background, use of shadows in light theme
65
+ * surface: object set on the background (without shadows)
66
+ * on_surface: object set on surface object (without shadows)
67
+ */
68
+ --pst-color-on-background : rgb (0 , 0 , 0 );
69
+ --pst-color-on-surface : rgb (255 , 255 , 255 );
70
+
71
+ /*****************************************************************************
72
+ * extensions
73
+ */
74
+
75
+ --pst-color-panel-background : var (--pst-color-on-background );
76
+
77
+ /*****************************************************************************
78
+ * layout
79
+ */
80
+
81
+ --pst-color-link : rgb ( 57 , 114 , 161 );
82
+ --pst-color-link-hover : # 005B81 ;
83
+ --pst-color-inline-code : rgb (232 , 62 , 140 );
84
+ --pst-color-target : rgb (255 , 255 , 255 );
85
+ }
86
+
87
+ html [data-theme = "dark" ] {
88
+ /*****************************************************************************
89
+ * main colors
90
+ */
91
+ --pst-color-primary : rgb (255 , 183 , 27 );
92
+ --pst-color-secondary : rgb (200 , 146 , 17 );
93
+ --pst-color-success : rgb (72 , 135 , 87 );
94
+ --pst-color-text-base : rgb (201 , 209 , 217 );
95
+ --pst-color-text-muted : rgb (192 , 192 , 192 );
96
+ --pst-color-border : rgb (192 , 192 , 192 );
97
+ --pst-color-shadow : var (--pst-color-background );
98
+ --pst-color-background : rgb (18 , 18 , 18 );
99
+ --pst-color-on-background : rgb (0 , 0 , 0 );
100
+ --pst-color-surface : rgb (41 , 41 , 41 );
101
+ --pst-color-on-surface : rgb (55 , 55 , 55 );
102
+
103
+ /*****************************************************************************
104
+ * extensions
105
+ */
106
+
107
+ --pst-color-panel-background : var (--pst-color-on-background );
108
+
109
+ /*****************************************************************************
110
+ * layout
111
+ */
112
+
113
+ --pst-color-link : rgb ( 57 , 114 , 161 );
114
+ --pst-color-link-hover : # 005B81 ;
115
+ --pst-color-inline-code : rgb (221 , 158 , 194 );
116
+ --pst-color-target : rgb (71 , 39 , 0 );
117
+ }
118
+
119
+ .admonition , div .admonition {
120
+ background-color : var ( --pst-color-on-surface );
121
+ }
122
+
123
+ .bd-header .navbar-light # navbar-main .navbar-nav li a .nav-link {
124
+ color : # ffffff ;
125
+ }
126
+
48
127
.docutils {
49
128
color : # C89211 ;
50
129
font-family : 'Inconsolata' ;
@@ -116,15 +195,15 @@ table {
116
195
}
117
196
118
197
tr {
119
- background-color : white ;
198
+ background-color : var ( --pst-color-background ) ;
120
199
}
121
200
122
201
th {
123
202
background-color : rgb (255 , 183 , 27 , 0.55 );
124
203
}
125
204
126
205
tr : nth-child (odd){
127
- background-color : white ;
206
+ background-color : var ( --pst-color-background ) ;
128
207
}
129
208
130
209
tr : nth-child (even){
@@ -169,7 +248,7 @@ table.table-centered {
169
248
}
170
249
171
250
.table-centered tr {
172
- background-color : white ;
251
+ background-color : var ( --pst-color-background ) ;
173
252
text-align : center;
174
253
}
175
254
@@ -180,7 +259,7 @@ table.table-centered {
180
259
181
260
.table-centered tr : nth-child (odd){
182
261
text-align : center;
183
- background-color : white ;
262
+ background-color : var ( --pst-color-background ) ;
184
263
}
185
264
186
265
.table-centered tr : nth-child (even){
@@ -255,11 +334,11 @@ I do not think we will be able to call this class.
255
334
*/
256
335
257
336
.dataframe tr {
258
- background-color : white ;
337
+ background-color : var ( --pst-color-background ) ;
259
338
}
260
339
261
340
.dataframe tr : nth-child (odd){
262
- background-color : white !important ;
341
+ background-color : var ( --pst-color-background ) !important ;
263
342
}
264
343
265
344
.dataframe tr : nth-child (even){
@@ -281,12 +360,12 @@ I do not think we will be able to call this class.
281
360
*/
282
361
283
362
.dataframe-centered tr {
284
- background-color : white ;
363
+ background-color : var ( --pst-color-background ) ;
285
364
text-align : center;
286
365
}
287
366
288
367
.dataframe-centered tr : nth-child (odd){
289
- background-color : white !important ;
368
+ background-color : var ( --pst-color-background ) !important ;
290
369
text-align : center;
291
370
}
292
371
@@ -316,11 +395,11 @@ I do not think we will be able to call this class.
316
395
} */
317
396
318
397
.autosummary tr : nth-child (odd){
319
- background-color : white ;
398
+ background-color : var ( --pst-color-background ) ;
320
399
}
321
400
322
401
.autosummary tr : nth-child (even){
323
- background-color : white ;
402
+ background-color : var ( --pst-color-background ) ;
324
403
}
325
404
326
405
0 commit comments