3 --light-color-background: #f2f4f8;
4 --light-color-background-secondary: #eff0f1;
5 --light-color-warning-text: #222;
6 --light-color-background-warning: #e6e600;
7 --light-color-icon-background: var
(--light-color-background
);
8 --light-color-accent: #c5c7c9;
9 --light-color-text: #222;
10 --light-color-text-aside: #707070;
11 --light-color-link: #4da6ff;
12 --light-color-ts: #db1373;
13 --light-color-ts-interface: #139d2c;
14 --light-color-ts-enum: #9c891a;
15 --light-color-ts-class: #2484e5;
16 --light-color-ts-function: #572be7;
17 --light-color-ts-namespace: #b111c9;
18 --light-color-ts-private: #707070;
19 --light-color-ts-variable: #4d68ff;
20 --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>");
21 --light-color-scheme: light
;
24 --dark-color-background: #2b2e33;
25 --dark-color-background-secondary: #1e2024;
26 --dark-color-background-warning: #bebe00;
27 --dark-color-warning-text: #222;
28 --dark-color-icon-background: var
(--dark-color-background-secondary
);
29 --dark-color-accent: #9096a2;
30 --dark-color-text: #f5f5f5;
31 --dark-color-text-aside: #dddddd;
32 --dark-color-link: #00aff4;
33 --dark-color-ts: #ff6492;
34 --dark-color-ts-interface: #6cff87;
35 --dark-color-ts-enum: #f4d93e;
36 --dark-color-ts-class: #61b0ff;
37 --dark-color-ts-function: #9772ff;
38 --dark-color-ts-namespace: #e14dff;
39 --dark-color-ts-private: #e2e2e2;
40 --dark-color-ts-variable: #4d68ff;
41 --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>");
42 --dark-color-scheme: dark
;
45 @media (prefers-color-scheme: light
) {
47 --color-background: var
(--light-color-background
);
48 --color-background-secondary: var
(--light-color-background-secondary
);
49 --color-background-warning: var
(--light-color-background-warning
);
50 --color-warning-text: var
(--light-color-warning-text
);
51 --color-icon-background: var
(--light-color-icon-background
);
52 --color-accent: var
(--light-color-accent
);
53 --color-text: var
(--light-color-text
);
54 --color-text-aside: var
(--light-color-text-aside
);
55 --color-link: var
(--light-color-link
);
56 --color-ts: var
(--light-color-ts
);
57 --color-ts-interface: var
(--light-color-ts-interface
);
58 --color-ts-enum: var
(--light-color-ts-enum
);
59 --color-ts-class: var
(--light-color-ts-class
);
60 --color-ts-function: var
(--light-color-ts-function
);
61 --color-ts-namespace: var
(--light-color-ts-namespace
);
62 --color-ts-private: var
(--light-color-ts-private
);
63 --color-ts-variable: var
(--light-color-ts-variable
);
64 --external-icon: var
(--light-external-icon
);
65 --color-scheme: var
(--light-color-scheme
);
69 @media (prefers-color-scheme: dark
) {
71 --color-background: var
(--dark-color-background
);
72 --color-background-secondary: var
(--dark-color-background-secondary
);
73 --color-background-warning: var
(--dark-color-background-warning
);
74 --color-warning-text: var
(--dark-color-warning-text
);
75 --color-icon-background: var
(--dark-color-icon-background
);
76 --color-accent: var
(--dark-color-accent
);
77 --color-text: var
(--dark-color-text
);
78 --color-text-aside: var
(--dark-color-text-aside
);
79 --color-link: var
(--dark-color-link
);
80 --color-ts: var
(--dark-color-ts
);
81 --color-ts-interface: var
(--dark-color-ts-interface
);
82 --color-ts-enum: var
(--dark-color-ts-enum
);
83 --color-ts-class: var
(--dark-color-ts-class
);
84 --color-ts-function: var
(--dark-color-ts-function
);
85 --color-ts-namespace: var
(--dark-color-ts-namespace
);
86 --color-ts-private: var
(--dark-color-ts-private
);
87 --color-ts-variable: var
(--dark-color-ts-variable
);
88 --external-icon: var
(--dark-external-icon
);
89 --color-scheme: var
(--dark-color-scheme
);
94 color-scheme: var
(--color-scheme
);
101 :root
[data-theme
="light"] {
102 --color-background: var
(--light-color-background
);
103 --color-background-secondary: var
(--light-color-background-secondary
);
104 --color-background-warning: var
(--light-color-background-warning
);
105 --color-warning-text: var
(--light-color-warning-text
);
106 --color-icon-background: var
(--light-color-icon-background
);
107 --color-accent: var
(--light-color-accent
);
108 --color-text: var
(--light-color-text
);
109 --color-text-aside: var
(--light-color-text-aside
);
110 --color-link: var
(--light-color-link
);
111 --color-ts: var
(--light-color-ts
);
112 --color-ts-interface: var
(--light-color-ts-interface
);
113 --color-ts-enum: var
(--light-color-ts-enum
);
114 --color-ts-class: var
(--light-color-ts-class
);
115 --color-ts-function: var
(--light-color-ts-function
);
116 --color-ts-namespace: var
(--light-color-ts-namespace
);
117 --color-ts-private: var
(--light-color-ts-private
);
118 --color-ts-variable: var
(--light-color-ts-variable
);
119 --external-icon: var
(--light-external-icon
);
120 --color-scheme: var
(--light-color-scheme
);
123 :root
[data-theme
="dark"] {
124 --color-background: var
(--dark-color-background
);
125 --color-background-secondary: var
(--dark-color-background-secondary
);
126 --color-background-warning: var
(--dark-color-background-warning
);
127 --color-warning-text: var
(--dark-color-warning-text
);
128 --color-icon-background: var
(--dark-color-icon-background
);
129 --color-accent: var
(--dark-color-accent
);
130 --color-text: var
(--dark-color-text
);
131 --color-text-aside: var
(--dark-color-text-aside
);
132 --color-link: var
(--dark-color-link
);
133 --color-ts: var
(--dark-color-ts
);
134 --color-ts-interface: var
(--dark-color-ts-interface
);
135 --color-ts-enum: var
(--dark-color-ts-enum
);
136 --color-ts-class: var
(--dark-color-ts-class
);
137 --color-ts-function: var
(--dark-color-ts-function
);
138 --color-ts-namespace: var
(--dark-color-ts-namespace
);
139 --color-ts-private: var
(--dark-color-ts-private
);
140 --color-ts-variable: var
(--dark-color-ts-variable
);
141 --external-icon: var
(--dark-external-icon
);
142 --color-scheme: var
(--dark-color-scheme
);
146 .always-visible .tsd-signatures {
147 display: inherit
!important
;
190 text-transform: uppercase
;
195 white-space: pre-wrap
;
196 word-wrap: break-word
;
217 border-top: 1px solid var
(--color-accent
);
219 padding-bottom: 1rem;
231 /* toolbar, footer, margin */
232 min-height: calc
(100vh - 41px - 56px - 4rem);
243 @keyframes fade-out
{
252 @keyframes fade-in-delayed
{
263 @keyframes fade-out-delayed
{
275 @keyframes pop-in-from-right
{
277 transform: translate
(100%, 0);
280 transform: translate
(0, 0);
283 @keyframes pop-out-to-right
{
285 transform: translate
(0, 0);
289 transform: translate
(100%, 0);
293 background: var
(--color-background
);
294 font-family: "Segoe UI", sans-serif
;
296 color: var
(--color-text
);
300 color: var
(--color-link
);
301 text-decoration: none
;
304 text-decoration: underline
;
306 a
.external
[target
="_blank"] {
307 background-image: var
(--external-icon
);
308 background-position: top
3px right
;
309 background-repeat: no-repeat
;
315 font-family: Menlo
, Monaco
, Consolas
, "Courier New", monospace
;
319 border-radius: 0.8em;
324 border: 0.1em solid var
(--color-accent
);
334 border-left: 4px solid gray
;
338 line-height: 1.333em;
346 .tsd-typography
.tsd-index-panel h3
,
347 .tsd-index-panel
.tsd-typography h3
,
366 color: var
(--color-text-aside
);
369 color: var
(--color-text-aside
);
370 text-decoration: none
;
372 .tsd-breadcrumb a:hover {
373 text-decoration: underline
;
378 .tsd-breadcrumb li:after {
384 flex-direction: column
;
386 dl
.tsd-comment-tag-group
{
392 dl
.tsd-comment-tag-group dt
{
398 dl
.tsd-comment-tag-group dd
{
402 padding: 0.25em 0.4em;
403 border: 0.1em solid var
(--color-accent
);
404 margin-right: 0.25em;
407 h1 code
.tsd-tag:first-of-type
{
411 dl
.tsd-comment-tag-group
dd:before
,
412 dl
.tsd-comment-tag-group
dd:after
{
415 dl
.tsd-comment-tag-group dd pre
,
416 dl
.tsd-comment-tag-group
dd:after
{
419 dl
.tsd-comment-tag-group p
{
423 .tsd-panel.tsd-comment .lead {
425 line-height: 1.333em;
428 .tsd-panel.tsd-comment .lead:last-child {
432 .tsd-filter-visibility h4 {
434 padding-top: 0.75rem;
435 padding-bottom: 0.5rem;
438 .tsd-filter-item:not(:last-child) {
439 margin-bottom: 0.5rem;
444 width: -moz-fit-content
;
447 -webkit-user-select: none
;
448 -moz-user-select: none
;
449 -ms-user-select: none
;
452 .tsd-filter-input input[type="checkbox"] {
459 .tsd-filter-input input[type="checkbox"]:disabled {
460 pointer-events: none
;
462 .tsd-filter-input svg {
467 border-radius: 0.33em;
468 /* Leaving this at full opacity breaks event listeners on Firefox.
469 Don't remove unless you know what you're doing. */
472 .tsd-filter-input input[type="checkbox"]:focus + svg {
473 transform: scale
(0.95);
475 .tsd-filter-input input[type="checkbox"]:focus:not(:focus-visible) + svg {
478 .tsd-checkbox-background {
479 fill: var
(--color-accent
);
481 input
[type
="checkbox"]:checked
~ svg
.tsd-checkbox-checkmark
{
482 stroke: var
(--color-text
);
484 .tsd-filter-input input:disabled ~ svg > .tsd-checkbox-background {
485 fill: var
(--color-background
);
486 stroke: var
(--color-accent
);
487 stroke-width: 0.25rem;
489 .tsd-filter-input input:disabled ~ svg > .tsd-checkbox-checkmark {
490 stroke: var
(--color-accent
);
494 padding-top: 0.75rem;
496 .tsd-theme-toggle > h4 {
498 vertical-align: middle
;
499 margin-right: 0.75rem;
506 .tsd-hierarchy .target {
510 .tsd-panel-group.tsd-index-group {
513 .tsd-index-panel .tsd-index-list {
515 line-height: 1.333em;
517 padding: 0.25rem 0 0 0;
520 grid-template-columns: repeat
(3, 1fr);
522 grid-template-rows: auto
;
524 @media (max-width: 1024px) {
525 .tsd-index-panel .tsd-index-list {
526 grid-template-columns: repeat
(2, 1fr);
529 @media (max-width: 768px) {
530 .tsd-index-panel .tsd-index-list {
531 grid-template-columns: repeat
(1, 1fr);
534 .tsd-index-panel .tsd-index-list li {
535 -webkit-page-break-inside: avoid
;
536 -moz-page-break-inside: avoid
;
537 -ms-page-break-inside: avoid
;
538 -o-page-break-inside: avoid
;
539 page-break-inside: avoid
;
542 .tsd-index-panel a.tsd-parent-kind-module {
543 color: var
(--color-ts
);
545 .tsd-index-panel a.tsd-parent-kind-interface {
546 color: var
(--color-ts-interface
);
548 .tsd-index-panel a.tsd-parent-kind-enum {
549 color: var
(--color-ts-enum
);
551 .tsd-index-panel a.tsd-parent-kind-class {
552 color: var
(--color-ts-class
);
554 .tsd-index-panel a.tsd-kind-module {
555 color: var
(--color-ts-namespace
);
557 .tsd-index-panel a.tsd-kind-interface {
558 color: var
(--color-ts-interface
);
560 .tsd-index-panel a.tsd-kind-enum {
561 color: var
(--color-ts-enum
);
563 .tsd-index-panel a.tsd-kind-class {
564 color: var
(--color-ts-class
);
566 .tsd-index-panel a.tsd-kind-function {
567 color: var
(--color-ts-function
);
569 .tsd-index-panel a.tsd-kind-namespace {
570 color: var
(--color-ts-namespace
);
572 .tsd-index-panel a.tsd-kind-variable {
573 color: var
(--color-ts-variable
);
575 .tsd-index-panel a.tsd-is-private {
576 color: var
(--color-ts-private
);
580 display: inline-block
;
581 padding: 0.25em 0.4em;
583 color: var
(--color-comment-tag-text
);
584 background-color: var
(--color-comment-tag
);
599 .tsd-member .tsd-anchor + h3 {
606 .tsd-member [data-tsd-kind] {
607 color: var
(--color-ts
);
609 .tsd-member [data-tsd-kind="Interface"] {
610 color: var
(--color-ts-interface
);
612 .tsd-member [data-tsd-kind="Enum"] {
613 color: var
(--color-ts-enum
);
615 .tsd-member [data-tsd-kind="Class"] {
616 color: var
(--color-ts-class
);
618 .tsd-member [data-tsd-kind="Private"] {
619 color: var
(--color-ts-private
);
622 .tsd-navigation.settings {
626 .tsd-page-navigation a {
627 display: inline-flex
;
630 color: var
(--color-text
);
631 text-decoration: none
;
634 /* why 3rem? No idea, but it seems to work. */
635 width: calc
(100% - 3rem);
637 .tsd-page-navigation a {
638 /* why is this different? */
641 .tsd-navigation a
.current
,
642 .tsd-page-navigation a.current {
643 background: var
(--color-accent
);
645 .tsd-navigation
a:hover
,
646 .tsd-page-navigation a:hover {
647 text-decoration: underline
;
650 .tsd-page-navigation ul {
656 .tsd-page-navigation li {
660 .tsd-nested-navigation > li > a {
663 .tsd-nested-navigation > li > details {
666 .tsd-small-nested-navigation > li > a {
669 .tsd-small-nested-navigation > li > details {
672 .tsd-page-navigation ul {
673 padding-left: 1.75rem;
676 #tsd-sidebar-links a
{
678 margin-bottom: 0.5rem;
679 line-height: 1.25rem;
681 #tsd-sidebar-links a:last-of-type
{
686 padding: 0.25rem 0 !important
;
688 line-height: 1.25rem;
689 display: inline-flex
;
692 .tsd-accordion-summary
,
693 .tsd-accordion-summary a {
695 -moz-user-select: none
;
696 -webkit-user-select: none
;
697 -ms-user-select: none
;
703 .tsd-accordion-summary > * {
709 .tsd-accordion-summary::-webkit-details-marker {
712 .tsd-index-accordion .tsd-accordion-summary svg {
713 margin-right: 0.25rem;
715 .tsd-index-content > :not(:first-child) {
720 margin-bottom: 0.75rem;
724 margin-right: 0.5rem;
730 .tsd-kind-icon path {
731 transform-origin: center
;
732 transform: scale
(1.1);
734 .tsd-signature > .tsd-kind-icon {
735 margin-right: 0.8rem;
739 margin-bottom: 2.5rem;
741 .tsd-panel.tsd-member {
750 margin: 1.5rem -1.5rem 0.75rem -1.5rem;
751 padding: 0 1.5rem 0.75rem 1.5rem;
753 .tsd-panel
> h1
.tsd-before-signature
,
754 .tsd-panel
> h2
.tsd-before-signature
,
755 .tsd-panel > h3.tsd-before-signature {
763 .tsd-panel-group.tsd-index-group {
766 .tsd-panel-group.tsd-index-group details {
771 transition: background-color
0.2s;
784 #tsd-search .field input
{
785 box-sizing: border-box
;
794 background: transparent
;
795 color: var
(--color-text
);
797 #tsd-search .field label
{
802 #tsd-search .field input
,
804 #tsd-toolbar-links a
{
805 transition: opacity
0.2s;
807 #tsd-search .results
{
815 box-shadow: 0 0 4px rgba
(0, 0, 0, 0.25);
817 #tsd-search .results li
{
819 background-color: var
(--color-background
);
821 #tsd-search .results
li:nth-child
(even
) {
822 background-color: var
(--color-background-secondary
);
824 #tsd-search .results li
.state
{
827 #tsd-search .results li
.current
,
828 #tsd-search .results
li:hover
{
829 background-color: var
(--color-accent
);
831 #tsd-search .results a
{
834 #tsd-search .results
a:before
{
837 #tsd-search .results span
.parent
{
838 color: var
(--color-text-aside
);
841 #tsd-search.has-focus
{
842 background-color: var
(--color-accent
);
844 #tsd-search.has-focus
.field input
{
848 #tsd-search.has-focus
.title
,
849 #tsd-search.has-focus #tsd-toolbar-links a
{
853 #tsd-search.has-focus
.results
{
856 #tsd-search.loading
.results li
.state
.loading
{
859 #tsd-search.failure
.results li
.state
.failure
{
870 justify-content: flex-end
;
872 #tsd-toolbar-links a
{
875 #tsd-toolbar-links a:hover
{
876 text-decoration: underline
;
881 padding: 1rem 0.5rem;
882 border: 1px solid var
(--color-accent
);
883 font-family: Menlo
, Monaco
, Consolas
, "Courier New", monospace
;
888 .tsd-signature-symbol {
889 color: var
(--color-text-aside
);
893 .tsd-signature-type {
901 list-style-type: none
;
903 .tsd-signatures .tsd-signature {
905 border-color: var
(--color-accent
);
907 transition: background-color
0.1s;
909 .tsd-description .tsd-signatures .tsd-signature {
913 ul
.tsd-parameter-list
,
914 ul
.tsd-type-parameter-list
{
919 ul
.tsd-parameter-list
> li
.tsd-parameter-signature
,
920 ul
.tsd-type-parameter-list
> li
.tsd-parameter-signature
{
924 ul
.tsd-parameter-list h5
,
925 ul
.tsd-type-parameter-list h5
{
927 margin: 1em 0 0.5em 0;
934 color: var
(--color-text-aside
);
935 text-decoration: underline
;
948 color: var
(--color-text
);
949 background: var
(--color-background-secondary
);
950 border-bottom: 1px var
(--color-accent
) solid
;
951 transition: transform
0.3s ease-in-out
;
953 .tsd-page-toolbar a {
954 color: var
(--color-text
);
955 text-decoration: none
;
957 .tsd-page-toolbar a.title {
960 .tsd-page-toolbar a.title:hover {
961 text-decoration: underline
;
963 .tsd-page-toolbar .tsd-toolbar-contents {
965 justify-content: space-between
;
969 .tsd-page-toolbar .table-cell {
974 .tsd-page-toolbar .table-cell:first-child {
977 .tsd-page-toolbar .tsd-toolbar-icon {
978 box-sizing: border-box
;
984 display: inline-block
;
988 transition: opacity
0.1s, background-color
0.2s;
989 vertical-align: bottom
;
997 background-color: var
(--color-accent
);
999 .tsd-widget.no-caption {
1002 .tsd-widget.no-caption:before {
1006 .tsd-widget
.options
,
1010 input
[type
="checkbox"] + .tsd-widget:before
{
1011 background-position: -120px 0;
1013 input
[type
="checkbox"]:checked
+ .tsd-widget:before
{
1014 background-position: -160px 0;
1022 display: inline-flex
;
1023 align-items: center
;
1024 margin-left: 0.5rem;
1025 vertical-align: middle
;
1026 color: var
(--color-text
);
1029 .tsd-anchor-icon svg {
1035 .tsd-anchor-link:hover > .tsd-anchor-icon svg {
1036 visibility: visible
;
1040 text-decoration: line-through
;
1045 color: var
(--color-warning-text
);
1046 background: var
(--color-background-warning
);
1050 scrollbar-width: thin
;
1051 scrollbar-color: var
(--color-accent
) var
(--color-icon-background
);
1054 *::-webkit-scrollbar
{
1058 *::-webkit-scrollbar-track
{
1059 background: var
(--color-icon-background
);
1062 *::-webkit-scrollbar-thumb
{
1063 background-color: var
(--color-accent
);
1064 border-radius: 999rem;
1065 border: 0.25rem solid var
(--color-icon-background
);
1069 @media (max-width: 769px) {
1070 .tsd-widget
.options
,
1072 display: inline-block
;
1084 position: fixed
!important
;
1086 -webkit-overflow-scrolling: touch
;
1089 bottom: 0 !important
;
1090 left: auto
!important
;
1091 right: 0 !important
;
1092 padding: 1.5rem 1.5rem 0 0;
1095 background-color: var
(--color-background
);
1096 transform: translate
(100%, 0);
1098 html
.col-sidebar
> *:last-child
{
1099 padding-bottom: 20px;
1110 background-color: rgba
(0, 0, 0, 0.75);
1114 .to-has-menu .overlay {
1115 animation: fade-in
0.4s;
1118 .to-has-menu .col-sidebar {
1119 animation: pop-in-from-right
0.4s;
1122 .from-has-menu .overlay {
1123 animation: fade-out
0.4s;
1126 .from-has-menu .col-sidebar {
1127 animation: pop-out-to-right
0.4s;
1133 .has-menu .overlay {
1134 visibility: visible
;
1136 .has-menu .col-sidebar {
1137 visibility: visible
;
1138 transform: translate
(0, 0);
1140 flex-direction: column
;
1145 .has-menu .tsd-navigation {
1151 @media (min-width: 770px) {
1154 grid-template-columns: minmax
(0, 1fr) minmax
(0, 2fr);
1155 grid-template-areas: "sidebar content";
1167 @media (min-width: 770px) and
(max-width: 1399px) {
1169 max-height: calc
(100vh - 2rem - 42px);
1178 @media (min-width: 1200px) {
1180 grid-template-columns: minmax
(0, 1fr) minmax
(0, 2.5fr) minmax
(0, 20rem);
1181 grid-template-areas: "sidebar content toc";
1202 max-height: calc
(100vh - 2rem - 42px);