don't invert images in dark mode

itsTheFae · Oct 8, 2024 · 7d6cb77 · 7d6cb77
1 parent 68548cc
commit 7d6cb77
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -89,7 +89,6 @@ <h3>{{ page.title }}</h3>
 			});
 
 			function listenerByClass(className, eventName, funct) {
-				console.log("binding " + className + " with " + eventName)
 				var elms = document.getElementsByClassName(className);
 				for (var i=0; i < elms.length; i++) {
 					elms[i].addEventListener(eventName, funct);
@@ -98,7 +97,6 @@ <h3>{{ page.title }}</h3>
 
 			var DeetsOpen = false;
 			listenerByClass("expand-all-details", "click", function () {
-				console.log('show-hide click');
 				var deets = document.getElementsByTagName("details");
 				for (var i=0; i < deets.length; i++) {
 					if (DeetsOpen) {

diff --git a/_sass/_layout.scss b/_sass/_layout.scss
@@ -436,6 +436,10 @@ blockquote {
 img {
 	max-width: 100%;
 	height: auto;
+
+	@media (prefers-color-scheme: dark) {
+		filter: invert(100%) hue-rotate(180deg);
+	}
 }
 
 .editor-link {