X-Git-Url: https://git.piment-noir.org/?a=blobdiff_plain;ds=sidebyside;f=docs%2Fassets%2Fstyle.css;h=da6c789f80db999410530c03292e1d590e9dadd2;hb=8d1797ad15cb2d87ac3c9904ce6df3db45c0c742;hp=0db60927435bdb5532c2826b2cf3c88b85fc5b5a;hpb=812ad701baefad24cad2df8f9a60bf4d581d8697;p=poolifier.git
diff --git a/docs/assets/style.css b/docs/assets/style.css
index 0db60927..da6c789f 100644
--- a/docs/assets/style.css
+++ b/docs/assets/style.css
@@ -6,17 +6,36 @@
--light-color-background-warning: #e6e600;
--light-color-icon-background: var(--light-color-background);
--light-color-accent: #c5c7c9;
+ --light-color-active-menu-item: var(--light-color-accent);
--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-text-aside: #6e6e6e;
+ --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,");
--light-color-scheme: light;
@@ -27,17 +46,36 @@
--dark-color-warning-text: #222;
--dark-color-icon-background: var(--dark-color-background-secondary);
--dark-color-accent: #9096a2;
+ --dark-color-active-menu-item: #5d5d6a;
--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-enum-member: var(--dark-color-ts-enum);
+ --dark-color-ts-variable: #798dff;
--dark-color-ts-function: #9772ff;
- --dark-color-ts-namespace: #e14dff;
- --dark-color-ts-private: #e2e2e2;
- --dark-color-ts-variable: #4d68ff;
+ --dark-color-ts-class: #8ac4ff;
+ --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,");
--dark-color-scheme: dark;
}
@@ -50,17 +88,34 @@
--color-warning-text: var(--light-color-warning-text);
--color-icon-background: var(--light-color-icon-background);
--color-accent: var(--light-color-accent);
+ --color-active-menu-item: var(--light-color-active-menu-item);
--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);
}
@@ -74,17 +129,34 @@
--color-warning-text: var(--dark-color-warning-text);
--color-icon-background: var(--dark-color-icon-background);
--color-accent: var(--dark-color-accent);
+ --color-active-menu-item: var(--dark-color-active-menu-item);
--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);
}
@@ -105,17 +177,34 @@ body {
--color-warning-text: var(--light-color-warning-text);
--color-icon-background: var(--light-color-icon-background);
--color-accent: var(--light-color-accent);
+ --color-active-menu-item: var(--light-color-active-menu-item);
--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);
}
@@ -127,17 +216,34 @@ body {
--color-warning-text: var(--dark-color-warning-text);
--color-icon-background: var(--dark-color-icon-background);
--color-accent: var(--dark-color-accent);
+ --color-active-menu-item: var(--dark-color-active-menu-item);
--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);
}
@@ -538,43 +644,6 @@ input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
-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;
@@ -603,21 +672,6 @@ input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
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;
@@ -626,9 +680,10 @@ input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
.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. */
@@ -640,7 +695,7 @@ input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
}
.tsd-navigation a.current,
.tsd-page-navigation a.current {
- background: var(--color-accent);
+ background: var(--color-active-menu-item);
}
.tsd-navigation a:hover,
.tsd-page-navigation a:hover {
@@ -688,6 +743,7 @@ a.tsd-index-link {
line-height: 1.25rem;
display: inline-flex;
align-items: center;
+ color: var(--color-text);
}
.tsd-accordion-summary,
.tsd-accordion-summary a {
@@ -1046,6 +1102,78 @@ img {
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);
@@ -1172,6 +1300,9 @@ img {
top: 42px;
padding-top: 1rem;
}
+ .site-menu {
+ margin-top: 1rem;
+ }
}
/* two sidebars */