variant: set browser scrollbar color to dark for dark variants #471

This commit is contained in:
Sören Weber 2023-02-10 00:50:13 +01:00
parent d62e2f7e0e
commit 11e7df31a7
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
7 changed files with 28 additions and 0 deletions

View file

@ -5,6 +5,10 @@
- remove the following `@import` of the self-defined chroma stylesheet */
@import "chroma-learn.css";
:root {
color-scheme: only light; /* set browser scrollbar color */
}
:root {
--MAIN-TEXT-color: #323232; /* Color of text by default */
--MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5-h6 */

View file

@ -5,6 +5,10 @@
- remove the following `@import` of the self-defined chroma stylesheet */
@import "chroma-learn.css";
:root {
color-scheme: only light; /* set browser scrollbar color */
}
:root {
--MAIN-TEXT-color: #323232; /* Color of text by default */
--MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5-h6 */

View file

@ -5,6 +5,10 @@
- remove the following `@import` of the self-defined chroma stylesheet */
@import "chroma-learn.css";
:root {
color-scheme: only light; /* set browser scrollbar color */
}
:root {
--MAIN-TEXT-color: #323232; /* Color of text by default */
--MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5-h6 */

View file

@ -9,6 +9,10 @@
ignore this variant in IE completely */
@supports not (-ms-high-contrast:none) {
:root {
color-scheme: only dark; /* set browser scrollbar color */
}
:root {
--PRIMARY-color: #f300b2; /* brand primary color */
--SECONDARY-color: #1c90f3; /* brand secondary color */

View file

@ -5,6 +5,10 @@
- remove the following `@import` of the self-defined chroma stylesheet */
@import "chroma-learn.css";
:root {
color-scheme: only light; /* set browser scrollbar color */
}
:root {
--MAIN-TEXT-color: #323232; /* Color of text by default */
--MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5-h6 */

View file

@ -5,6 +5,10 @@
- remove the following `@import` of the self-defined chroma stylesheet */
@import "chroma-relearn-dark.css";
:root {
color-scheme: only dark; /* set browser scrollbar color */
}
:root {
--PRIMARY-color: #7dc903; /* brand primary color */
--SECONDARY-color: #6c8ce3; /* brand secondary color */

View file

@ -5,6 +5,10 @@
- remove the following `@import` of the self-defined chroma stylesheet */
@import "chroma-relearn-light.css";
:root {
color-scheme: only light; /* set browser scrollbar color */
}
:root {
--PRIMARY-color: #7dc903; /* brand primary color */
--SECONDARY-color: #486ac9; /* brand secondary color */