Fix icon colors

public/css/index.css

@@ -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 {

public/css/links.css

@@ -27,7 +27,7 @@ ul.socialLinks {
 }
 
 .socialLinks a {
-	background-color: var(--text-color);
+	background-color: var(--color-gray-90);
 	border-radius: var(--corner-radius);
 	padding: .5em;
 	margin-bottom: 1em;
@@ -39,6 +39,7 @@ ul.socialLinks {
 	align-items: center;
 	justify-content: center;
 	text-decoration: none;
+	color: var(--background-color);
 }
 
 .socialLinks a:hover {
@@ -46,12 +47,14 @@ ul.socialLinks {
 	transform: scale(1.05, 1.05);
 }
 
-.socialLinks a img {
+.socialLinks a li img {
 	max-width: 1em;
 	margin-right: .5em;
+	filter: var(--icon-filter);
+}
 }
 
-.socialLinks a li {
+li.iconButton {
 	color: var(--background-color);
 }
 
@@ -66,3 +69,9 @@ ul.socialLinks {
 	}
 
 }
+
+@media (prefers-color-scheme: dark) {
+	.socialLinks a li img {
+		filter: auto;
+	}
+}