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

This commit is contained in:
Robert Kaussow 2022-12-21 14:35:22 +01:00 committed by GitHub
parent 0968dd7a49
commit 49bc0c77e3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -14,6 +14,9 @@
--link-color-visited: #{$link-color-visited}; --link-color-visited: #{$link-color-visited};
--link-color-footer: #{$link-color-footer}; --link-color-footer: #{$link-color-footer};
--hint-link-color: #{$link-color};
--hint-link-color-visited: #{$link-color-visited};
--accent-color-dark: #{$gray-600}; --accent-color-dark: #{$gray-600};
--accent-color: #{$gray-200}; --accent-color: #{$gray-200};
--accent-color-lite: #{$gray-100}; --accent-color-lite: #{$gray-100};
@ -54,6 +57,9 @@
--link-color-visited: #{$link-color-visited-dark}; --link-color-visited: #{$link-color-visited-dark};
--link-color-footer: #{$link-color-footer}; --link-color-footer: #{$link-color-footer};
--hint-link-color: #{$link-color};
--hint-link-color-visited: #{$link-color-visited};
--code-copy-font-color: #{lighten($body-font-color, 48)}; --code-copy-font-color: #{lighten($body-font-color, 48)};
--code-copy-border-color: #{lighten($body-font-color, 32)}; --code-copy-border-color: #{lighten($body-font-color, 32)};
--code-copy-success-color: #{map.get($hint-colors, "ok")}; --code-copy-success-color: #{map.get($hint-colors, "ok")};
@ -80,6 +86,24 @@
.gblog-hint, .gblog-hint,
.admonitionblock { .admonitionblock {
filter: saturate(2.5) brightness(0.85); filter: saturate(2.5) brightness(0.85);
a {
color: var(--hint-link-color);
&:hover {
background: var(--hint-link-color);
color: $gray-100;
}
&:visited {
color: var(--hint-link-color-visited);
&:hover {
background: var(--hint-link-color-visited);
color: $gray-100;
}
}
}
} }
.gblog-hint__title, .gblog-hint__title,