systemausfall.org/hugo-theme-hilfe
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix: improve color of links within hints in dark mode (#555)

Browse source
This commit is contained in:
Robert Kaussow 2022-12-11 21:43:56 +01:00 committed by GitHub
parent 5d4370b617
commit 29627c964b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/sass/_color_mode.scss
View file

@ -13,6 +13,9 @@
--link-color: #{$link-color}; --link-color: #{$link-color};
--link-color-visited: #{$link-color-visited}; --link-color-visited: #{$link-color-visited};
--hint-link-color: #{$link-color};
--hint-link-color-visited: #{$link-color-visited};
--accent-color-dark: #{$gray-400}; --accent-color-dark: #{$gray-400};
--accent-color: #{$gray-200}; --accent-color: #{$gray-200};
--accent-color-lite: #{$gray-100}; --accent-color-lite: #{$gray-100};
@ -59,6 +62,9 @@
--link-color: #{$link-color-dark}; --link-color: #{$link-color-dark};
--link-color-visited: #{$link-color-visited-dark}; --link-color-visited: #{$link-color-visited-dark};
--hint-link-color: #{$link-color};
--hint-link-color-visited: #{$link-color-visited};
--accent-color-dark: #{darken($body-background-dark, 8)}; --accent-color-dark: #{darken($body-background-dark, 8)};
--accent-color: #{darken($body-background-dark, 4)}; --accent-color: #{darken($body-background-dark, 4)};
--accent-color-lite: #{darken($body-background-dark, 2)}; --accent-color-lite: #{darken($body-background-dark, 2)};
@ -83,6 +89,17 @@
filter: saturate(2.5) brightness(0.85); filter: saturate(2.5) brightness(0.85);
} }
.gdoc-hint,
.admonitionblock {
a {
color: var(--hint-link-color);
&:visited {
color: var(--hint-link-color-visited);
}
}
}
.gdoc-hint__title, .gdoc-hint__title,
.admonitionblock table td:first-child { .admonitionblock table td:first-child {
background-color: scale-color($gray-600, $alpha: -85%); background-color: scale-color($gray-600, $alpha: -85%);