10
10
--light-color-text : # 222 ;
11
11
--light-color-text-aside : # 6e6e6e ;
12
12
--light-color-link : # 1f70c2 ;
13
+ --light-color-focus-outline : # 3584e4 ;
13
14
14
15
--light-color-ts-keyword : # 056bd6 ;
15
16
--light-color-ts-project : # b111c9 ;
35
36
--light-color-ts-set-signature : var (--light-color-ts-accessor );
36
37
--light-color-ts-type-alias : # d51270 ;
37
38
/* reference not included as links will be colored with the kind that it points to */
39
+ --light-color-document : # 000000 ;
38
40
39
41
--light-external-icon : url ("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='10' height='10'><path fill-opacity='0' stroke='%23000' stroke-width='10' d='m43,35H5v60h60V57M45,5v10l10,10-30,30 20,20 30-30 10,10h10V5z'/></svg>" );
40
42
--light-color-scheme : light;
50
52
--dark-color-text : # f5f5f5 ;
51
53
--dark-color-text-aside : # dddddd ;
52
54
--dark-color-link : # 00aff4 ;
55
+ --dark-color-focus-outline : # 4c97f2 ;
53
56
54
57
--dark-color-ts-keyword : # 3399ff ;
55
58
--dark-color-ts-project : # e358ff ;
75
78
--dark-color-ts-set-signature : var (--dark-color-ts-accessor );
76
79
--dark-color-ts-type-alias : # ff6492 ;
77
80
/* reference not included as links will be colored with the kind that it points to */
81
+ --dark-color-document : # ffffff ;
78
82
79
83
--dark-external-icon : url ("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='10' height='10'><path fill-opacity='0' stroke='%23fff' stroke-width='10' d='m43,35H5v60h60V57M45,5v10l10,10-30,30 20,20 30-30 10,10h10V5z'/></svg>" );
80
84
--dark-color-scheme : dark;
92
96
--color-text : var (--light-color-text );
93
97
--color-text-aside : var (--light-color-text-aside );
94
98
--color-link : var (--light-color-link );
99
+ --color-focus-outline : var (--light-color-focus-outline );
95
100
96
101
--color-ts-keyword : var (--light-color-ts-keyword );
97
102
--color-ts-module : var (--light-color-ts-module );
116
121
--color-ts-get-signature : var (--light-color-ts-get-signature );
117
122
--color-ts-set-signature : var (--light-color-ts-set-signature );
118
123
--color-ts-type-alias : var (--light-color-ts-type-alias );
124
+ --color-document : var (--light-color-document );
119
125
120
126
--external-icon : var (--light-external-icon );
121
127
--color-scheme : var (--light-color-scheme );
134
140
--color-text : var (--dark-color-text );
135
141
--color-text-aside : var (--dark-color-text-aside );
136
142
--color-link : var (--dark-color-link );
143
+ --color-focus-outline : var (--dark-color-focus-outline );
137
144
138
145
--color-ts-keyword : var (--dark-color-ts-keyword );
139
146
--color-ts-module : var (--dark-color-ts-module );
158
165
--color-ts-get-signature : var (--dark-color-ts-get-signature );
159
166
--color-ts-set-signature : var (--dark-color-ts-set-signature );
160
167
--color-ts-type-alias : var (--dark-color-ts-type-alias );
168
+ --color-document : var (--dark-color-document );
161
169
162
170
--external-icon : var (--dark-external-icon );
163
171
--color-scheme : var (--dark-color-scheme );
@@ -183,6 +191,7 @@ body {
183
191
--color-text : var (--light-color-text );
184
192
--color-text-aside : var (--light-color-text-aside );
185
193
--color-link : var (--light-color-link );
194
+ --color-focus-outline : var (--light-color-focus-outline );
186
195
187
196
--color-ts-keyword : var (--light-color-ts-keyword );
188
197
--color-ts-module : var (--light-color-ts-module );
@@ -207,6 +216,7 @@ body {
207
216
--color-ts-get-signature : var (--light-color-ts-get-signature );
208
217
--color-ts-set-signature : var (--light-color-ts-set-signature );
209
218
--color-ts-type-alias : var (--light-color-ts-type-alias );
219
+ --color-document : var (--light-color-document );
210
220
211
221
--external-icon : var (--light-external-icon );
212
222
--color-scheme : var (--light-color-scheme );
@@ -223,6 +233,7 @@ body {
223
233
--color-text : var (--dark-color-text );
224
234
--color-text-aside : var (--dark-color-text-aside );
225
235
--color-link : var (--dark-color-link );
236
+ --color-focus-outline : var (--dark-color-focus-outline );
226
237
227
238
--color-ts-keyword : var (--dark-color-ts-keyword );
228
239
--color-ts-module : var (--dark-color-ts-module );
@@ -247,11 +258,17 @@ body {
247
258
--color-ts-get-signature : var (--dark-color-ts-get-signature );
248
259
--color-ts-set-signature : var (--dark-color-ts-set-signature );
249
260
--color-ts-type-alias : var (--dark-color-ts-type-alias );
261
+ --color-document : var (--dark-color-document );
250
262
251
263
--external-icon : var (--dark-external-icon );
252
264
--color-scheme : var (--dark-color-scheme );
253
265
}
254
266
267
+ * : focus-visible ,
268
+ .tsd-accordion-summary : focus-visible svg {
269
+ outline : 2px solid var (--color-focus-outline );
270
+ }
271
+
255
272
.always-visible ,
256
273
.always-visible .tsd-signatures {
257
274
display : inherit !important ;
@@ -266,16 +283,6 @@ h6 {
266
283
line-height : 1.2 ;
267
284
}
268
285
269
- h1 > a : not (.link ),
270
- h2 > a : not (.link ),
271
- h3 > a : not (.link ),
272
- h4 > a : not (.link ),
273
- h5 > a : not (.link ),
274
- h6 > a : not (.link ) {
275
- text-decoration : none;
276
- color : var (--color-text );
277
- }
278
-
279
286
h1 {
280
287
font-size : 1.875rem ;
281
288
margin : 0.67rem 0 ;
@@ -306,10 +313,6 @@ h6 {
306
313
margin : 2.33rem 0 ;
307
314
}
308
315
309
- .uppercase {
310
- text-transform : uppercase;
311
- }
312
-
313
316
dl ,
314
317
menu ,
315
318
ol ,
@@ -333,7 +336,7 @@ footer {
333
336
padding-bottom : 1rem ;
334
337
max-height : 3.5rem ;
335
338
}
336
- . tsd-generator {
339
+ footer > p {
337
340
margin : 0 1em ;
338
341
}
339
342
@@ -421,6 +424,9 @@ a.external[target="_blank"] {
421
424
background-repeat : no-repeat;
422
425
padding-right : 13px ;
423
426
}
427
+ a .tsd-anchor-link {
428
+ color : var (--color-text );
429
+ }
424
430
425
431
code ,
426
432
pre {
@@ -580,13 +586,13 @@ dl.tsd-comment-tag-group p {
580
586
}
581
587
.tsd-filter-input {
582
588
display : flex;
583
- width : fit-content;
584
589
width : -moz-fit-content;
590
+ width : fit-content;
585
591
align-items : center;
586
- user-select : none;
587
592
-webkit-user-select : none;
588
593
-moz-user-select : none;
589
594
-ms-user-select : none;
595
+ user-select : none;
590
596
cursor : pointer;
591
597
}
592
598
.tsd-filter-input input [type = "checkbox" ] {
@@ -609,11 +615,8 @@ dl.tsd-comment-tag-group p {
609
615
Don't remove unless you know what you're doing. */
610
616
opacity : 0.99 ;
611
617
}
612
- .tsd-filter-input input [type = "checkbox" ]: focus + svg {
613
- transform : scale (0.95 );
614
- }
615
- .tsd-filter-input input [type = "checkbox" ]: focus : not (: focus-visible ) + svg {
616
- transform : scale (1 );
618
+ .tsd-filter-input input [type = "checkbox" ]: focus-visible + svg {
619
+ outline : 2px solid var (--color-focus-outline );
617
620
}
618
621
.tsd-checkbox-background {
619
622
fill : var (--color-accent );
@@ -630,13 +633,18 @@ input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
630
633
stroke : var (--color-accent );
631
634
}
632
635
633
- .tsd-theme-toggle {
634
- padding-top : 0.75rem ;
636
+ .settings-label {
637
+ font-weight : bold;
638
+ text-transform : uppercase;
639
+ display : inline-block;
635
640
}
636
- .tsd-theme-toggle > h4 {
637
- display : inline;
638
- vertical-align : middle;
639
- margin-right : 0.75rem ;
641
+
642
+ .tsd-filter-visibility .settings-label {
643
+ margin : 0.75rem 0 0.5rem 0 ;
644
+ }
645
+
646
+ .tsd-theme-toggle .settings-label {
647
+ margin : 0.75rem 0.75rem 0 0 ;
640
648
}
641
649
642
650
.tsd-hierarchy {
@@ -769,6 +777,9 @@ input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
769
777
padding : 0 ;
770
778
max-width : 100% ;
771
779
}
780
+ .tsd-navigation .tsd-nav-link {
781
+ display : none;
782
+ }
772
783
.tsd-nested-navigation {
773
784
margin-left : 3rem ;
774
785
}
@@ -782,6 +793,15 @@ input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
782
793
margin-left : -1.5rem ;
783
794
}
784
795
796
+ .tsd-page-navigation-section {
797
+ margin-left : 10px ;
798
+ }
799
+ .tsd-page-navigation-section > summary {
800
+ padding : 0.25rem ;
801
+ }
802
+ .tsd-page-navigation-section > div {
803
+ margin-left : 20px ;
804
+ }
785
805
.tsd-page-navigation ul {
786
806
padding-left : 1.75rem ;
787
807
}
@@ -812,10 +832,10 @@ a.tsd-index-link {
812
832
}
813
833
.tsd-accordion-summary ,
814
834
.tsd-accordion-summary a {
815
- user-select : none;
816
835
-moz-user-select : none;
817
836
-webkit-user-select : none;
818
837
-ms-user-select : none;
838
+ user-select : none;
819
839
820
840
cursor : pointer;
821
841
}
@@ -828,8 +848,9 @@ a.tsd-index-link {
828
848
padding-top : 0 ;
829
849
padding-bottom : 0 ;
830
850
}
831
- .tsd-index- accordion .tsd-accordion-summary > svg {
851
+ .tsd-accordion .tsd-accordion-summary > svg {
832
852
margin-left : 0.25rem ;
853
+ vertical-align : text-top;
833
854
}
834
855
.tsd-index-content > : not (: first-child ) {
835
856
margin-top : 0.75rem ;
@@ -877,14 +898,17 @@ a.tsd-index-link {
877
898
}
878
899
879
900
.tsd-panel-group {
880
- margin : 4 rem 0 ;
901
+ margin : 2 rem 0 ;
881
902
}
882
903
.tsd-panel-group .tsd-index-group {
883
904
margin : 2rem 0 ;
884
905
}
885
906
.tsd-panel-group .tsd-index-group details {
886
907
margin : 2rem 0 ;
887
908
}
909
+ .tsd-panel-group > .tsd-accordion-summary {
910
+ margin-bottom : 1rem ;
911
+ }
888
912
889
913
# tsd-search {
890
914
transition : background-color 0.2s ;
@@ -1034,6 +1058,12 @@ a.tsd-index-link {
1034
1058
border-width : 1px 0 ;
1035
1059
transition : background-color 0.1s ;
1036
1060
}
1061
+ .tsd-signatures .tsd-index-signature : not (: last-child ) {
1062
+ margin-bottom : 1em ;
1063
+ }
1064
+ .tsd-signatures .tsd-index-signature .tsd-signature {
1065
+ border-width : 1px ;
1066
+ }
1037
1067
.tsd-description .tsd-signatures .tsd-signature {
1038
1068
border-width : 1px ;
1039
1069
}
@@ -1347,6 +1377,12 @@ img {
1347
1377
.has-menu .tsd-navigation {
1348
1378
max-height : 100% ;
1349
1379
}
1380
+ # tsd-toolbar-links {
1381
+ display : none;
1382
+ }
1383
+ .tsd-navigation .tsd-nav-link {
1384
+ display : flex;
1385
+ }
1350
1386
}
1351
1387
1352
1388
/* one sidebar */
0 commit comments