Fix icon colors

This commit is contained in:
2024-01-22 22:30:05 -06:00
parent 07ddc100c0
commit 1265d3d4a9
16 changed files with 176 additions and 85 deletions

View File

@ -19,6 +19,10 @@
--text-color-link: var(--text-color);
--text-color-tag: var(--contrast-color);
/* Change <img> SVG color with filter */
--logo-filter: brightness(0) saturate(100%) invert(16%) sepia(0%) saturate(1024%) hue-rotate(177deg) brightness(99%) contrast(88%);
--icon-filter: none;
/* Corners */
--corner-radius: .3rem;
@ -63,6 +67,8 @@
--text-color-link: var(--contrast-color);
--background-color: #15202b;
--logo-filter: none;
--icon-filter: brightness(0) saturate(100%) invert(9%) sepia(76%) saturate(340%) hue-rotate(168deg) brightness(95%) contrast(94%);
}
}
@ -142,6 +148,9 @@ h3 {
hr {
border-top: var(--border-thin);
}
.logo {
filter: var(--logo-filter);
}
main { --border-nav-currentpage: 15px solid var(--contrast-color);
padding: var(--single-gap);
@ -173,14 +182,14 @@ figcaption {
.page-block {
margin-bottom: var(--triple-gap);
}
a[href] {
a[href]:not(.icon-button) {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link);
}
a[href]:hover,
a[href]:active {
a[href]:hover:not(.icon-button),
a[href]:active:not(.icon-button) {
color: var(--contrast-color);
}
.links-nextprev {