diff options
-rw-r--r-- | src/scss/styles/_switch.scss | 1 | ||||
-rw-r--r-- | src/scss/styles/_variables.scss | 3 | ||||
-rw-r--r-- | src/scss/styles/post/_app.scss | 2 |
3 files changed, 5 insertions, 1 deletions
diff --git a/src/scss/styles/_switch.scss b/src/scss/styles/_switch.scss index 3b7361d..4e1dcf2 100644 --- a/src/scss/styles/_switch.scss +++ b/src/scss/styles/_switch.scss @@ -27,6 +27,7 @@ label[for=theme-switch] { --switch-border: var(--light-switch-border); --switch-transform: var(--light-switch-transform); --tag-bg: var(--light-tag-bg); + --tag-text: var(--light-tag-text); } .switch-label { diff --git a/src/scss/styles/_variables.scss b/src/scss/styles/_variables.scss index 2fdc734..f54fa2e 100644 --- a/src/scss/styles/_variables.scss +++ b/src/scss/styles/_variables.scss @@ -20,6 +20,7 @@ --light-switch-border: #1976d2; --light-switch-transform: translate(0%, 0%); --light-tag-bg: #1976D2; + --light-tag-text: #FFFFFF; /* Dark mode */ --dark-text: #FFFFFF; @@ -42,6 +43,7 @@ --dark-switch-border: #1976d2; --dark-switch-transform: translate(74%, 0%); --dark-tag-bg: #1976D2; + --dark-tag-text: #FFFFFF; /* Default mode */ --text: var(--dark-text); @@ -64,4 +66,5 @@ --switch-border: var(--dark-switch-border); --switch-transform: var(--dark-switch-transform); --tag-bg: var(--dark-tag-bg); + --tag-text: var(--dark-tag-text); } diff --git a/src/scss/styles/post/_app.scss b/src/scss/styles/post/_app.scss index d2e17d7..ce515f7 100644 --- a/src/scss/styles/post/_app.scss +++ b/src/scss/styles/post/_app.scss @@ -3,7 +3,7 @@ footer.tag-cloud a { padding: .2em .6em; font-size: .8em; line-height: 1; - color: var(--text); + color: var(--tag-text); text-align: center; white-space: nowrap; vertical-align: baseline; |