--light-color-accent: #c5c7c9;
--light-color-text: #222;
--light-color-text-aside: #707070;
- --light-color-link: #4da6ff;
- --light-color-ts: #db1373;
- --light-color-ts-interface: #139d2c;
- --light-color-ts-enum: #9c891a;
- --light-color-ts-class: #2484e5;
+ --light-color-link: #1f70c2;
+
+ --light-color-ts-project: #b111c9;
+ --light-color-ts-module: var(--light-color-ts-project);
+ --light-color-ts-namespace: var(--light-color-ts-project);
+ --light-color-ts-enum: #7e6f15;
+ --light-color-ts-enum-member: var(--light-color-ts-enum);
+ --light-color-ts-variable: #4760ec;
--light-color-ts-function: #572be7;
- --light-color-ts-namespace: #b111c9;
- --light-color-ts-private: #707070;
- --light-color-ts-variable: #4d68ff;
+ --light-color-ts-class: #1f70c2;
+ --light-color-ts-interface: #108024;
+ --light-color-ts-constructor: var(--light-color-ts-class);
+ --light-color-ts-property: var(--light-color-ts-variable);
+ --light-color-ts-method: var(--light-color-ts-function);
+ --light-color-ts-call-signature: var(--light-color-ts-method);
+ --light-color-ts-index-signature: var(--light-color-ts-property);
+ --light-color-ts-constructor-signature: var(--light-color-ts-constructor);
+ --light-color-ts-parameter: var(--light-color-ts-variable);
+ /* type literal not included as links will never be generated to it */
+ --light-color-ts-type-parameter: var(--light-color-ts-type-alias);
+ --light-color-ts-accessor: var(--light-color-ts-property);
+ --light-color-ts-get-signature: var(--light-color-ts-accessor);
+ --light-color-ts-set-signature: var(--light-color-ts-accessor);
+ /* object literal not included as it is not used and will be removed in 0.25 */
+ --light-color-ts-type-alias: #d51270;
+ /* reference not included as links will be colored with the kind that it points to */
+
--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>");
--light-color-scheme: light;
--dark-color-text: #f5f5f5;
--dark-color-text-aside: #dddddd;
--dark-color-link: #00aff4;
- --dark-color-ts: #ff6492;
- --dark-color-ts-interface: #6cff87;
+
+ --dark-color-ts-project: #e14dff;
+ --dark-color-ts-module: var(--dark-color-ts-project);
+ --dark-color-ts-namespace: var(--dark-color-ts-project);
--dark-color-ts-enum: #f4d93e;
- --dark-color-ts-class: #61b0ff;
- --dark-color-ts-function: #9772ff;
- --dark-color-ts-namespace: #e14dff;
- --dark-color-ts-private: #e2e2e2;
+ --dark-color-ts-enum-member: var(--dark-color-ts-enum);
--dark-color-ts-variable: #4d68ff;
+ --dark-color-ts-function: #9772ff;
+ --dark-color-ts-class: #61b0ff;
+ --dark-color-ts-interface: #6cff87;
+ --dark-color-ts-constructor: var(--dark-color-ts-class);
+ --dark-color-ts-property: var(--dark-color-ts-variable);
+ --dark-color-ts-method: var(--dark-color-ts-function);
+ --dark-color-ts-call-signature: var(--dark-color-ts-method);
+ --dark-color-ts-index-signature: var(--dark-color-ts-property);
+ --dark-color-ts-constructor-signature: var(--dark-color-ts-constructor);
+ --dark-color-ts-parameter: var(--dark-color-ts-variable);
+ /* type literal not included as links will never be generated to it */
+ --dark-color-ts-type-parameter: var(--dark-color-ts-type-alias);
+ --dark-color-ts-accessor: var(--dark-color-ts-property);
+ --dark-color-ts-get-signature: var(--dark-color-ts-accessor);
+ --dark-color-ts-set-signature: var(--dark-color-ts-accessor);
+ /* object literal not included as it is not used and will be removed in 0.25 */
+ --dark-color-ts-type-alias: #ff6492;
+ /* reference not included as links will be colored with the kind that it points to */
+
--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>");
--dark-color-scheme: dark;
}
--color-text: var(--light-color-text);
--color-text-aside: var(--light-color-text-aside);
--color-link: var(--light-color-link);
- --color-ts: var(--light-color-ts);
- --color-ts-interface: var(--light-color-ts-interface);
- --color-ts-enum: var(--light-color-ts-enum);
- --color-ts-class: var(--light-color-ts-class);
- --color-ts-function: var(--light-color-ts-function);
+
+ --color-ts-module: var(--light-color-ts-module);
--color-ts-namespace: var(--light-color-ts-namespace);
- --color-ts-private: var(--light-color-ts-private);
+ --color-ts-enum: var(--light-color-ts-enum);
+ --color-ts-enum-member: var(--light-color-ts-enum-member);
--color-ts-variable: var(--light-color-ts-variable);
+ --color-ts-function: var(--light-color-ts-function);
+ --color-ts-class: var(--light-color-ts-class);
+ --color-ts-interface: var(--light-color-ts-interface);
+ --color-ts-constructor: var(--light-color-ts-constructor);
+ --color-ts-property: var(--light-color-ts-property);
+ --color-ts-method: var(--light-color-ts-method);
+ --color-ts-call-signature: var(--light-color-ts-call-signature);
+ --color-ts-index-signature: var(--light-color-ts-index-signature);
+ --color-ts-constructor-signature: var(
+ --light-color-ts-constructor-signature
+ );
+ --color-ts-parameter: var(--light-color-ts-parameter);
+ --color-ts-type-parameter: var(--light-color-ts-type-parameter);
+ --color-ts-accessor: var(--light-color-ts-accessor);
+ --color-ts-get-signature: var(--light-color-ts-get-signature);
+ --color-ts-set-signature: var(--light-color-ts-set-signature);
+ --color-ts-type-alias: var(--light-color-ts-type-alias);
+
--external-icon: var(--light-external-icon);
--color-scheme: var(--light-color-scheme);
}
--color-text: var(--dark-color-text);
--color-text-aside: var(--dark-color-text-aside);
--color-link: var(--dark-color-link);
- --color-ts: var(--dark-color-ts);
- --color-ts-interface: var(--dark-color-ts-interface);
- --color-ts-enum: var(--dark-color-ts-enum);
- --color-ts-class: var(--dark-color-ts-class);
- --color-ts-function: var(--dark-color-ts-function);
+
+ --color-ts-module: var(--dark-color-ts-module);
--color-ts-namespace: var(--dark-color-ts-namespace);
- --color-ts-private: var(--dark-color-ts-private);
+ --color-ts-enum: var(--dark-color-ts-enum);
+ --color-ts-enum-member: var(--dark-color-ts-enum-member);
--color-ts-variable: var(--dark-color-ts-variable);
+ --color-ts-function: var(--dark-color-ts-function);
+ --color-ts-class: var(--dark-color-ts-class);
+ --color-ts-interface: var(--dark-color-ts-interface);
+ --color-ts-constructor: var(--dark-color-ts-constructor);
+ --color-ts-property: var(--dark-color-ts-property);
+ --color-ts-method: var(--dark-color-ts-method);
+ --color-ts-call-signature: var(--dark-color-ts-call-signature);
+ --color-ts-index-signature: var(--dark-color-ts-index-signature);
+ --color-ts-constructor-signature: var(
+ --dark-color-ts-constructor-signature
+ );
+ --color-ts-parameter: var(--dark-color-ts-parameter);
+ --color-ts-type-parameter: var(--dark-color-ts-type-parameter);
+ --color-ts-accessor: var(--dark-color-ts-accessor);
+ --color-ts-get-signature: var(--dark-color-ts-get-signature);
+ --color-ts-set-signature: var(--dark-color-ts-set-signature);
+ --color-ts-type-alias: var(--dark-color-ts-type-alias);
+
--external-icon: var(--dark-external-icon);
--color-scheme: var(--dark-color-scheme);
}
--color-text: var(--light-color-text);
--color-text-aside: var(--light-color-text-aside);
--color-link: var(--light-color-link);
- --color-ts: var(--light-color-ts);
- --color-ts-interface: var(--light-color-ts-interface);
- --color-ts-enum: var(--light-color-ts-enum);
- --color-ts-class: var(--light-color-ts-class);
- --color-ts-function: var(--light-color-ts-function);
+
+ --color-ts-module: var(--light-color-ts-module);
--color-ts-namespace: var(--light-color-ts-namespace);
- --color-ts-private: var(--light-color-ts-private);
+ --color-ts-enum: var(--light-color-ts-enum);
+ --color-ts-enum-member: var(--light-color-ts-enum-member);
--color-ts-variable: var(--light-color-ts-variable);
+ --color-ts-function: var(--light-color-ts-function);
+ --color-ts-class: var(--light-color-ts-class);
+ --color-ts-interface: var(--light-color-ts-interface);
+ --color-ts-constructor: var(--light-color-ts-constructor);
+ --color-ts-property: var(--light-color-ts-property);
+ --color-ts-method: var(--light-color-ts-method);
+ --color-ts-call-signature: var(--light-color-ts-call-signature);
+ --color-ts-index-signature: var(--light-color-ts-index-signature);
+ --color-ts-constructor-signature: var(
+ --light-color-ts-constructor-signature
+ );
+ --color-ts-parameter: var(--light-color-ts-parameter);
+ --color-ts-type-parameter: var(--light-color-ts-type-parameter);
+ --color-ts-accessor: var(--light-color-ts-accessor);
+ --color-ts-get-signature: var(--light-color-ts-get-signature);
+ --color-ts-set-signature: var(--light-color-ts-set-signature);
+ --color-ts-type-alias: var(--light-color-ts-type-alias);
+
--external-icon: var(--light-external-icon);
--color-scheme: var(--light-color-scheme);
}
--color-text: var(--dark-color-text);
--color-text-aside: var(--dark-color-text-aside);
--color-link: var(--dark-color-link);
- --color-ts: var(--dark-color-ts);
- --color-ts-interface: var(--dark-color-ts-interface);
- --color-ts-enum: var(--dark-color-ts-enum);
- --color-ts-class: var(--dark-color-ts-class);
- --color-ts-function: var(--dark-color-ts-function);
+
+ --color-ts-module: var(--dark-color-ts-module);
--color-ts-namespace: var(--dark-color-ts-namespace);
- --color-ts-private: var(--dark-color-ts-private);
+ --color-ts-enum: var(--dark-color-ts-enum);
+ --color-ts-enum-member: var(--dark-color-ts-enum-member);
--color-ts-variable: var(--dark-color-ts-variable);
+ --color-ts-function: var(--dark-color-ts-function);
+ --color-ts-class: var(--dark-color-ts-class);
+ --color-ts-interface: var(--dark-color-ts-interface);
+ --color-ts-constructor: var(--dark-color-ts-constructor);
+ --color-ts-property: var(--dark-color-ts-property);
+ --color-ts-method: var(--dark-color-ts-method);
+ --color-ts-call-signature: var(--dark-color-ts-call-signature);
+ --color-ts-index-signature: var(--dark-color-ts-index-signature);
+ --color-ts-constructor-signature: var(
+ --dark-color-ts-constructor-signature
+ );
+ --color-ts-parameter: var(--dark-color-ts-parameter);
+ --color-ts-type-parameter: var(--dark-color-ts-type-parameter);
+ --color-ts-accessor: var(--dark-color-ts-accessor);
+ --color-ts-get-signature: var(--dark-color-ts-get-signature);
+ --color-ts-set-signature: var(--dark-color-ts-set-signature);
+ --color-ts-type-alias: var(--dark-color-ts-type-alias);
+
--external-icon: var(--dark-external-icon);
--color-scheme: var(--dark-color-scheme);
}
-o-page-break-inside: avoid;
page-break-inside: avoid;
}
-.tsd-index-panel a,
-.tsd-index-panel a.tsd-parent-kind-module {
- color: var(--color-ts);
-}
-.tsd-index-panel a.tsd-parent-kind-interface {
- color: var(--color-ts-interface);
-}
-.tsd-index-panel a.tsd-parent-kind-enum {
- color: var(--color-ts-enum);
-}
-.tsd-index-panel a.tsd-parent-kind-class {
- color: var(--color-ts-class);
-}
-.tsd-index-panel a.tsd-kind-module {
- color: var(--color-ts-namespace);
-}
-.tsd-index-panel a.tsd-kind-interface {
- color: var(--color-ts-interface);
-}
-.tsd-index-panel a.tsd-kind-enum {
- color: var(--color-ts-enum);
-}
-.tsd-index-panel a.tsd-kind-class {
- color: var(--color-ts-class);
-}
-.tsd-index-panel a.tsd-kind-function {
- color: var(--color-ts-function);
-}
-.tsd-index-panel a.tsd-kind-namespace {
- color: var(--color-ts-namespace);
-}
-.tsd-index-panel a.tsd-kind-variable {
- color: var(--color-ts-variable);
-}
-.tsd-index-panel a.tsd-is-private {
- color: var(--color-ts-private);
-}
.tsd-flag {
display: inline-block;
margin-bottom: 0;
border-bottom: none;
}
-.tsd-member [data-tsd-kind] {
- color: var(--color-ts);
-}
-.tsd-member [data-tsd-kind="Interface"] {
- color: var(--color-ts-interface);
-}
-.tsd-member [data-tsd-kind="Enum"] {
- color: var(--color-ts-enum);
-}
-.tsd-member [data-tsd-kind="Class"] {
- color: var(--color-ts-class);
-}
-.tsd-member [data-tsd-kind="Private"] {
- color: var(--color-ts-private);
-}
.tsd-navigation.settings {
margin: 1rem 0;
.tsd-page-navigation a {
display: inline-flex;
align-items: center;
- padding: 0.25rem 0;
+ padding: 0.25rem;
color: var(--color-text);
text-decoration: none;
+ box-sizing: border-box;
}
.tsd-navigation a {
/* why 3rem? No idea, but it seems to work. */
background: var(--color-background-warning);
}
+.tsd-kind-project {
+ color: var(--color-ts-project);
+}
+.tsd-kind-module {
+ color: var(--color-ts-module);
+}
+.tsd-kind-namespace {
+ color: var(--color-ts-namespace);
+}
+.tsd-kind-enum {
+ color: var(--color-ts-enum);
+}
+.tsd-kind-enum-member {
+ color: var(--color-ts-enum-member);
+}
+.tsd-kind-variable {
+ color: var(--color-ts-variable);
+}
+.tsd-kind-function {
+ color: var(--color-ts-function);
+}
+.tsd-kind-class {
+ color: var(--color-ts-class);
+}
+.tsd-kind-interface {
+ color: var(--color-ts-interface);
+}
+.tsd-kind-constructor {
+ color: var(--color-ts-constructor);
+}
+.tsd-kind-property {
+ color: var(--color-ts-property);
+}
+.tsd-kind-method {
+ color: var(--color-ts-method);
+}
+.tsd-kind-call-signature {
+ color: var(--color-ts-call-signature);
+}
+.tsd-kind-index-signature {
+ color: var(--color-ts-index-signature);
+}
+.tsd-kind-constructor-signature {
+ color: var(--color-ts-constructor-signature);
+}
+.tsd-kind-parameter {
+ color: var(--color-ts-parameter);
+}
+.tsd-kind-type-literal {
+ color: var(--color-ts-type-literal);
+}
+.tsd-kind-type-parameter {
+ color: var(--color-ts-type-parameter);
+}
+.tsd-kind-accessor {
+ color: var(--color-ts-accessor);
+}
+.tsd-kind-get-signature {
+ color: var(--color-ts-get-signature);
+}
+.tsd-kind-set-signature {
+ color: var(--color-ts-set-signature);
+}
+.tsd-kind-type-alias {
+ color: var(--color-ts-type-alias);
+}
+
+/* if we have a kind icon, don't color the text by kind */
+.tsd-kind-icon ~ span {
+ color: var(--color-text);
+}
+
* {
scrollbar-width: thin;
scrollbar-color: var(--color-accent) var(--color-icon-background);
top: 42px;
padding-top: 1rem;
}
+ .site-menu {
+ margin-top: 1rem;
+ }
}
/* two sidebars */