mirror of
https://github.com/McShelby/hugo-theme-relearn.git
synced 2024-11-23 07:47:54 +00:00
variant: set browser scrollbar color to dark for dark variants #471
This commit is contained in:
parent
d62e2f7e0e
commit
11e7df31a7
7 changed files with 28 additions and 0 deletions
|
@ -5,6 +5,10 @@
|
||||||
- remove the following `@import` of the self-defined chroma stylesheet */
|
- remove the following `@import` of the self-defined chroma stylesheet */
|
||||||
@import "chroma-learn.css";
|
@import "chroma-learn.css";
|
||||||
|
|
||||||
|
:root {
|
||||||
|
color-scheme: only light; /* set browser scrollbar color */
|
||||||
|
}
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--MAIN-TEXT-color: #323232; /* Color of text by default */
|
--MAIN-TEXT-color: #323232; /* Color of text by default */
|
||||||
--MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5-h6 */
|
--MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5-h6 */
|
||||||
|
|
|
@ -5,6 +5,10 @@
|
||||||
- remove the following `@import` of the self-defined chroma stylesheet */
|
- remove the following `@import` of the self-defined chroma stylesheet */
|
||||||
@import "chroma-learn.css";
|
@import "chroma-learn.css";
|
||||||
|
|
||||||
|
:root {
|
||||||
|
color-scheme: only light; /* set browser scrollbar color */
|
||||||
|
}
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--MAIN-TEXT-color: #323232; /* Color of text by default */
|
--MAIN-TEXT-color: #323232; /* Color of text by default */
|
||||||
--MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5-h6 */
|
--MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5-h6 */
|
||||||
|
|
|
@ -5,6 +5,10 @@
|
||||||
- remove the following `@import` of the self-defined chroma stylesheet */
|
- remove the following `@import` of the self-defined chroma stylesheet */
|
||||||
@import "chroma-learn.css";
|
@import "chroma-learn.css";
|
||||||
|
|
||||||
|
:root {
|
||||||
|
color-scheme: only light; /* set browser scrollbar color */
|
||||||
|
}
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--MAIN-TEXT-color: #323232; /* Color of text by default */
|
--MAIN-TEXT-color: #323232; /* Color of text by default */
|
||||||
--MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5-h6 */
|
--MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5-h6 */
|
||||||
|
|
|
@ -9,6 +9,10 @@
|
||||||
ignore this variant in IE completely */
|
ignore this variant in IE completely */
|
||||||
@supports not (-ms-high-contrast:none) {
|
@supports not (-ms-high-contrast:none) {
|
||||||
|
|
||||||
|
:root {
|
||||||
|
color-scheme: only dark; /* set browser scrollbar color */
|
||||||
|
}
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--PRIMARY-color: #f300b2; /* brand primary color */
|
--PRIMARY-color: #f300b2; /* brand primary color */
|
||||||
--SECONDARY-color: #1c90f3; /* brand secondary color */
|
--SECONDARY-color: #1c90f3; /* brand secondary color */
|
||||||
|
|
|
@ -5,6 +5,10 @@
|
||||||
- remove the following `@import` of the self-defined chroma stylesheet */
|
- remove the following `@import` of the self-defined chroma stylesheet */
|
||||||
@import "chroma-learn.css";
|
@import "chroma-learn.css";
|
||||||
|
|
||||||
|
:root {
|
||||||
|
color-scheme: only light; /* set browser scrollbar color */
|
||||||
|
}
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--MAIN-TEXT-color: #323232; /* Color of text by default */
|
--MAIN-TEXT-color: #323232; /* Color of text by default */
|
||||||
--MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5-h6 */
|
--MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5-h6 */
|
||||||
|
|
|
@ -5,6 +5,10 @@
|
||||||
- remove the following `@import` of the self-defined chroma stylesheet */
|
- remove the following `@import` of the self-defined chroma stylesheet */
|
||||||
@import "chroma-relearn-dark.css";
|
@import "chroma-relearn-dark.css";
|
||||||
|
|
||||||
|
:root {
|
||||||
|
color-scheme: only dark; /* set browser scrollbar color */
|
||||||
|
}
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--PRIMARY-color: #7dc903; /* brand primary color */
|
--PRIMARY-color: #7dc903; /* brand primary color */
|
||||||
--SECONDARY-color: #6c8ce3; /* brand secondary color */
|
--SECONDARY-color: #6c8ce3; /* brand secondary color */
|
||||||
|
|
|
@ -5,6 +5,10 @@
|
||||||
- remove the following `@import` of the self-defined chroma stylesheet */
|
- remove the following `@import` of the self-defined chroma stylesheet */
|
||||||
@import "chroma-relearn-light.css";
|
@import "chroma-relearn-light.css";
|
||||||
|
|
||||||
|
:root {
|
||||||
|
color-scheme: only light; /* set browser scrollbar color */
|
||||||
|
}
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--PRIMARY-color: #7dc903; /* brand primary color */
|
--PRIMARY-color: #7dc903; /* brand primary color */
|
||||||
--SECONDARY-color: #486ac9; /* brand secondary color */
|
--SECONDARY-color: #486ac9; /* brand secondary color */
|
||||||
|
|
Loading…
Reference in a new issue