11
11
--pst-font-family-base : var (--pst-font-family-base-system );
12
12
--pst-font-family-heading : var (--pst-font-family-base );
13
13
--pst-font-family-monospace : var (--pst-font-family-monospace-system );
14
-
14
+
15
15
/*****************************************************************************
16
- * Color
17
- *
18
- * Colors are defined in rgb string way, "red, green, blue"
16
+ * Colors
19
17
**/
18
+ /* specified with RGB or hexcodes */
19
+ --pst-color-primary : # 48A2AE ;
20
+ --pst-color-primary-text : # 333333 ;
21
+ --pst-color-secondary : # 052535 ;
20
22
--pst-color-link : # 48A2AE ;
21
23
--pst-color-link-hover : # 48A2AE ;
24
+ --pst-color-inline-code : 178 , 34 , 34 ;
22
25
--pst-color-sidebar-link-hover : # 48A2AE ;
23
26
--pst-color-toc-link-hover : # 48A2AE ;
24
27
--pst-color-toc-link-active : # 48A2AE ;
25
28
--pst-color-headerlink : # 48A2AE ;
26
29
--pst-color-headerlink-hover : # 48A2AE ;
27
- --pst-color-inline-code : 178 , 34 , 34 ;
28
- --primary-color : # 48A2AE ;
29
- --secondary-color : # 052535 ;
30
- --font-color : # 333333 ;
31
30
--bg-color : # ffffff ;
32
31
--heading-color : # 333333 ;
33
32
}
34
33
35
- [data-theme = "dark" ] {
36
- --primary-color : # 9A97F3 ;
37
- --secondary-color : # 818cab ;
38
- --font-color : # fff ;
39
- --bg-color : # 000000 ;
40
- --heading-color : # 818cab ;
34
+ html {
35
+ --pst-color-primary : # 48A2AE ;
36
+ --pst-color-primary-text : # 333333 ;
37
+ --pst-color-secondary : # 052535 ;
38
+ --pst-color-link : # 48A2AE ;
39
+ --pst-color-link-hover : # 48A2AE ;
40
+ --pst-color-inline-code : 178 , 34 , 34 ;
41
+ --pst-color-sidebar-link-hover : # 48A2AE ;
42
+ --pst-color-toc-link-hover : # 48A2AE ;
43
+ --pst-color-toc-link-active : # 48A2AE ;
44
+ --pst-color-headerlink : # 48A2AE ;
45
+ --pst-color-headerlink-hover : # 48A2AE ;
46
+ --bg-color : # ffffff ;
47
+ --heading-color : # 333333 ;
41
48
}
42
49
43
50
html {
@@ -49,80 +56,100 @@ html {
49
56
body {
50
57
font-family : var (--pst-font-family-base-system );
51
58
background-color : var (--bg-color );
52
- color : var (--font-color );
59
+ color : # 333333 ;
60
+ ;
53
61
}
54
62
55
63
/* Text styling */
56
64
p {
57
65
line-height : 1.7em ;
58
66
font-size : 16px ;
59
- color : var ( --font-color ) ;
67
+ color : # 333333 ;
60
68
font-family : var (--pst-font-family-base-system );
61
69
}
62
70
63
71
h1 {
64
72
font-family : var (--pst-font-family-base-system );
65
- color : var ( --heading-color ) ;
73
+ color : # 333333 ;
66
74
margin-bottom : 34px ;
67
75
}
68
76
69
77
h2 {
70
78
font-family : var (--pst-font-family-base-system );
71
- color : var ( --heading-color ) ;
79
+ color : # 333333 ;
72
80
margin-bottom : 28px ;
73
81
}
74
82
75
83
h3 {
76
84
font-family : var (--pst-font-family-base-system );
77
- color : var ( --heading-color ) ;
85
+ color : # 333333 ;
78
86
margin-bottom : 24px ;
79
87
}
80
88
81
89
h4 {
82
90
font-family : var (--pst-font-family-base-system );
83
- color : var ( --heading-color ) ;
91
+ color : # 333333 ;
84
92
}
85
93
86
94
h5 {
87
95
font-family : var (--pst-font-family-base-system );
88
- color : var ( --heading-color ) ;
96
+ color : # 333333 ;
89
97
}
90
98
91
99
h6 {
92
100
font-family : var (--pst-font-family-base-system );
93
- color : var ( --heading-color ) ;
101
+ color : # 333333 ;
94
102
}
95
103
96
- a .reference .external {
97
- color : var (--pst-color-link );
104
+ a {
105
+ color : # 48A2AE ;
106
+ text-decoration : none;
98
107
}
99
108
100
- a .reference .internal {
101
- color : var (--pst-color-link );
109
+ a .reference .internal : hover {
110
+ color : # 48A2AE ;
111
+ text-decoration : none;
102
112
}
103
113
104
- a .reference .internal : hover {
105
- color : var (--pst-color-link );
114
+ a .reference .external : hover {
115
+ color : # 48A2AE ;
116
+ text-decoration : none;
106
117
}
107
118
108
- a .reference . internal : active {
109
- color : var ( --pst-color-link ) ;
119
+ a .headerlink {
120
+ --pst-color-secondary : # 48A2AE ;
110
121
}
111
122
112
- a .left-prev {
113
- color : var ( --pst-color-link );
123
+ a .headerlink : active {
124
+ --pst-color-link-hover : # 48A2AE ;
114
125
}
115
126
116
- a .right-next {
117
- color : var (--pst-color-link );
127
+ p .copyright {
128
+ font-size : 8px ;
129
+ display : inline-block;
130
+ text-align : left;
131
+ padding-left : 16px ;
118
132
}
119
133
120
- a .current .reference .internal : hover {
121
- color : var (--pst-color-link );
134
+ .prev-next-area a p .prev-next-title {
135
+ text-decoration : none;
136
+ color : # 48A2AE ;
122
137
}
123
138
124
- .bd-sidebar .nav .active : hover > a {
125
- color : unset;
139
+ p .prev-next-title : hover {
140
+ --pst-color-link-hover : # 48A2AE ;
141
+ }
142
+
143
+ # pst-back-to-top {
144
+ background-color : # 052535 ;
145
+ }
146
+
147
+ .bd-search input {
148
+ --pst-color-accent : # 48A2AE ;
149
+ }
150
+
151
+ .toc-entry a .nav-link .active {
152
+ box-shadow : none;
126
153
}
127
154
128
155
/*Code styling */
@@ -153,14 +180,33 @@ iframe {
153
180
align-items : center;
154
181
}
155
182
183
+ .nav-item {
184
+ --pst-color-link-hover : # 48A2AE ;
185
+ }
186
+
187
+ .search-button__button {
188
+ --pst-color-link-hover : # 48A2AE ;
189
+ }
190
+
156
191
.navbar-end {
157
192
width : 33% ;
158
193
}
159
194
160
195
/* Sidebar */
161
- .bd-sidebar .nav .active : hover > label .fa-chevron-down : before ,
162
- .bd-sidebar .nav .active > label .fa-chevron-down : before {
163
- color : rgba (var (--pst-color-sidebar-link-active ), 1 );
196
+ .bd-sidebar {
197
+ text-decoration : none;
198
+ }
199
+
200
+ .bd-links__title {
201
+ visibility : hidden;
202
+ }
203
+
204
+ .bd-sidebar .nav .active : hover > a {
205
+ color : unset;
206
+ }
207
+
208
+ .fa-chevron-down : before {
209
+ color : # 888888 ;
164
210
}
165
211
166
212
.bd-sidebar label {
@@ -173,12 +219,30 @@ iframe {
173
219
background : none;
174
220
}
175
221
176
- .bd-sidebar .label-parts i {
222
+ .bd-sidebar .nav .active : hover > label .fa-chevron-down : before ,
223
+ .bd-sidebar .nav .active > label .fa-chevron-down : before {
224
+ color : rgba (var (--pst-color-sidebar-link-active ), 1 );
225
+ }
226
+
227
+ .bd-sidebar .label-parts .fa-chevron-down {
177
228
left : 0 ;
178
229
right : unset;
179
230
top : 9px ;
180
231
}
181
232
233
+ .navbar-nav .toctree-checkbox ~ label .fa-chevron-down {
234
+ transform : rotate (270deg );
235
+ }
236
+
237
+ .navbar-nav .toctree-checkbox : checked ~ label .fa-chevron-down {
238
+ transform : rotate (0deg );
239
+ }
240
+
241
+ ul .list-caption li .selected p .caption ,
242
+ ul .list-caption li .selected > label i : before {
243
+ color : rgba (var (--pst-color-sidebar-link-active ), 1 );
244
+ }
245
+
182
246
.bd-sidebar .nav {
183
247
font-size : 14px ;
184
248
padding : 0 0 4px 14px
@@ -213,34 +277,20 @@ iframe {
213
277
padding : 5px 0 5px 22px ;
214
278
}
215
279
216
- .toctree-checkbox ~ label i {
217
- transform : rotate (270deg );
218
- }
219
-
220
- .toctree-checkbox : checked ~ label i {
221
- transform : rotate (0deg );
222
- }
223
-
224
280
.bd-links {
225
281
margin-right : 0 ;
226
282
margin-left : 0 ;
227
283
}
228
284
229
- .fa-chevron-down : before {
230
- color : # 888888 ;
231
- }
232
-
233
285
nav .bd-links p .caption {
234
286
text-transform : unset;
235
287
font-weight : unset;
236
288
font-size : 14px ;
237
- padding : 0 0 0 22px ;
238
289
color : # 888888 ;
239
290
}
240
291
241
- .bd-sidebar .nav .active : hover > label .fa-chevron-down : before ,
242
- .bd-sidebar .nav .active > label .fa-chevron-down : before {
243
- color : rgba (var (--pst-color-sidebar-link-active ), 1 );
292
+ nav .bd-links .current > a {
293
+ box-shadow : none;
244
294
}
245
295
246
296
.bd-search {
@@ -255,46 +305,14 @@ nav.bd-links p.caption {
255
305
font-size : 15px ;
256
306
}
257
307
258
- .toctree-checkbox ~ label i {
259
- transform : rotate (270deg );
260
- }
261
-
262
- .toctree-checkbox : checked ~ label i {
263
- transform : rotate (0deg );
264
- }
265
-
266
- .sidebar-top-menu {
267
- display : flex;
268
- flex-direction : row;
269
- margin-top : 1em ;
270
- margin-left : -.809em ;
271
- margin-right : -.809em ;
272
- }
273
-
274
- .sidebar-top-menu a {
275
- color : # d9d9d9 ;
276
- flex : 1 ;
277
- padding : 0.5em ;
278
- border-radius : 2px 2px 0 0 ;
279
- }
280
-
281
308
.rst-versions .shift-up {
282
309
overflow-y : auto;
283
310
}
284
311
285
- .sidebar-top-menu a .active {
286
- background-color : # EFEFEF ;
287
- }
288
-
289
312
ul .list-caption li .selected p .caption {
290
313
font-weight : 600 ;
291
314
}
292
315
293
- ul .list-caption li .selected p .caption ,
294
- ul .list-caption li .selected > label i : before {
295
- color : rgba (var (--pst-color-sidebar-link-active ), 1 );
296
- }
297
-
298
316
/* Admonitions */
299
317
.section {
300
318
margin-bottom : 60px ;
@@ -425,7 +443,15 @@ div.admonition {
425
443
.navbar-toggler {
426
444
border : none;
427
445
}
428
-
446
+
447
+ label .sidebar-toggle .primary-toggle : hover {
448
+ --pst-color-link-hover : # 48A2AE ;
449
+ }
450
+
451
+ label .sidebar-toggle .secondary-toggle : hover {
452
+ --pst-color-link-hover : # 48A2AE ;
453
+ }
454
+
429
455
.row .bd-sidebar {
430
456
z-index : 10000 ;
431
457
position : absolute;
0 commit comments