diff --git a/sass/_code.scss b/sass/_code.scss
index b06bf7b..7fe0039 100644
--- a/sass/_code.scss
+++ b/sass/_code.scss
@@ -8,6 +8,12 @@ pre {
 	overflow-x: scroll;
 }
 
+:root.light {
+	pre {
+		@extend .inverted;
+	}
+}
+
 p code,
 li code,
 div code {
diff --git a/sass/_main.scss b/sass/_main.scss
index ace4c10..cd630fe 100644
--- a/sass/_main.scss
+++ b/sass/_main.scss
@@ -1,3 +1,15 @@
+:root.dark {
+	.lightOnly {
+		display: none;
+	}
+}
+
+:root.light {
+	.darkOnly {
+		display: none;
+	}
+}
+
 ::-moz-selection, ::selection {
 	color: var(--bgColor);
 	background: var(--fgColor);
@@ -101,6 +113,11 @@ img {
 	border-radius: 15px;
 }
 
+.inverted {
+	-webkit-filter: invert(1);
+	filter: invert(1);	
+}
+
 iframe {
 	max-width: 90%;
 }