diff --git a/themes/theme/static/darkmode-js.min.js b/themes/theme/static/darkmode-js.min.js
new file mode 100644
index 0000000..0b505c0
--- /dev/null
+++ b/themes/theme/static/darkmode-js.min.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("darkmode-js",[],t):"object"==typeof exports?exports["darkmode-js"]=t():e["darkmode-js"]=t()}("undefined"!=typeof self?self:this,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){var o=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(e,n):{};o.get||o.set?Object.defineProperty(t,n,o):t[n]=e[n]}return t.default=e,t}(n(1));var r=o.default;t.default=r,o.IS_BROWSER&&function(e){e.Darkmode=o.default}(window),e.exports=t.default},function(e,t,n){"use strict";function o(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.IS_BROWSER=void 0;var r="undefined"!=typeof window;t.IS_BROWSER=r;var a=function(){function e(t){if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),r){t=Object.assign({},{bottom:"32px",right:"32px",left:"unset",time:"0.3s",mixColor:"#fff",backgroundColor:"#fff",buttonColorDark:"#100f2c",buttonColorLight:"#fff",label:"",saveInCookies:!0,autoMatchOsTheme:!0},t);var n="\n      .darkmode-layer {\n        position: fixed;\n        pointer-events: none;\n        background: ".concat(t.mixColor,";\n        transition: all ").concat(t.time," ease;\n        mix-blend-mode: difference;\n      }\n\n      .darkmode-layer--button {\n        width: 2.9rem;\n        height: 2.9rem;\n        border-radius: 50%;\n        right: ").concat(t.right,";\n        bottom: ").concat(t.bottom,";\n        left: ").concat(t.left,";\n      }\n\n      .darkmode-layer--simple {\n        width: 100%;\n        height: 100%;\n        top: 0;\n        left: 0;\n        transform: scale(1) !important;\n      }\n\n      .darkmode-layer--expanded {\n        transform: scale(100);\n        border-radius: 0;\n      }\n\n      .darkmode-layer--no-transition {\n        transition: none;\n      }\n\n      .darkmode-toggle {\n        background: ").concat(t.buttonColorDark,";\n        width: 3rem;\n        height: 3rem;\n        position: fixed;\n        border-radius: 50%;\n        border:none;\n        right: ").concat(t.right,";\n        bottom: ").concat(t.bottom,";\n        left: ").concat(t.left,";\n        cursor: pointer;\n        transition: all 0.5s ease;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n\n      .darkmode-toggle--white {\n        background: ").concat(t.buttonColorLight,";\n      }\n\n      .darkmode-toggle--inactive {\n        display: none;\n      }\n\n      .darkmode-background {\n        background: ").concat(t.backgroundColor,";\n        position: fixed;\n        pointer-events: none;\n        z-index: -10;\n        width: 100%;\n        height: 100%;\n        top: 0;\n        left: 0;\n      }\n\n      img, .darkmode-ignore {\n        isolation: isolate;\n        display: inline-block;\n      }\n\n      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n        .darkmode-toggle {display: none !important}\n      }\n\n      @supports (-ms-ime-align:auto), (-ms-accelerator:true) {\n        .darkmode-toggle {display: none !important}\n      }\n    "),o=document.createElement("div"),a=document.createElement("button"),d=document.createElement("div");a.innerHTML=t.label,a.classList.add("darkmode-toggle--inactive"),o.classList.add("darkmode-layer"),d.classList.add("darkmode-background");var i="true"===window.localStorage.getItem("darkmode"),s=t.autoMatchOsTheme&&window.matchMedia("(prefers-color-scheme: dark)").matches,l=null===window.localStorage.getItem("darkmode");(!0===i&&t.saveInCookies||l&&s)&&(o.classList.add("darkmode-layer--expanded","darkmode-layer--simple","darkmode-layer--no-transition"),a.classList.add("darkmode-toggle--white"),document.body.classList.add("darkmode--activated")),document.body.insertBefore(a,document.body.firstChild),document.body.insertBefore(o,document.body.firstChild),document.body.insertBefore(d,document.body.firstChild),this.addStyle(n),this.button=a,this.layer=o,this.saveInCookies=t.saveInCookies,this.time=t.time}}var t,n,a;return t=e,(n=[{key:"addStyle",value:function(e){var t=document.createElement("link");t.setAttribute("rel","stylesheet"),t.setAttribute("type","text/css"),t.setAttribute("href","data:text/css;charset=UTF-8,"+encodeURIComponent(e)),document.head.appendChild(t)}},{key:"showWidget",value:function(){var e=this;if(r){var t=this.button,n=this.layer,o=1e3*parseFloat(this.time);t.classList.add("darkmode-toggle"),t.classList.remove("darkmode-toggle--inactive"),n.classList.add("darkmode-layer--button"),t.addEventListener("click",(function(){var r=e.isActivated();r?(n.classList.remove("darkmode-layer--simple"),t.setAttribute("disabled",!0),setTimeout((function(){n.classList.remove("darkmode-layer--no-transition"),n.classList.remove("darkmode-layer--expanded"),t.removeAttribute("disabled")}),1)):(n.classList.add("darkmode-layer--expanded"),t.setAttribute("disabled",!0),setTimeout((function(){n.classList.add("darkmode-layer--no-transition"),n.classList.add("darkmode-layer--simple"),t.removeAttribute("disabled")}),o)),t.classList.toggle("darkmode-toggle--white"),document.body.classList.toggle("darkmode--activated"),window.localStorage.setItem("darkmode",!r)}))}}},{key:"toggle",value:function(){if(r){var e=this.layer,t=this.isActivated();e.classList.toggle("darkmode-layer--simple"),document.body.classList.toggle("darkmode--activated"),window.localStorage.setItem("darkmode",!t)}}},{key:"isActivated",value:function(){return r?document.body.classList.contains("darkmode--activated"):null}}])&&o(t.prototype,n),a&&o(t,a),e}();t.default=a}])}));
\ No newline at end of file
diff --git a/themes/theme/static/fonts/fonts.css b/themes/theme/static/fonts/fonts.css
index 59fb7f3..5c1dbfd 100644
--- a/themes/theme/static/fonts/fonts.css
+++ b/themes/theme/static/fonts/fonts.css
@@ -1,51 +1,59 @@
 @font-face {
-    font-family: 'Apparatus SIL';
-    src: url('AppSILR.ttf') format('truetype');
+	font-family: 'Apparatus SIL';
+	src: url('AppSILR.ttf') format('truetype');
+	font-display: swap;
 }
 
 @font-face {
-    font-family: 'Apparatus SIL';
+	font-family: 'Apparatus SIL';
 	font-style: italic;
-    src: url('AppSILI.ttf') format('truetype');
+	src: url('AppSILI.ttf') format('truetype');
+	font-display: swap;
 }
 
 @font-face {
-    font-family: 'Apparatus SIL';
+	font-family: 'Apparatus SIL';
 	font-weight: bold;
-    src: url('AppSILB.ttf') format('truetype');
+	src: url('AppSILB.ttf') format('truetype');
+	font-display: swap;
 }
 
 @font-face {
-    font-family: 'Apparatus SIL';
+	font-family: 'Apparatus SIL';
 	font-weight: bold;
 	font-style: italic;
-    src: url('AppSILBI.ttf') format('truetype');
+	src: url('AppSILBI.ttf') format('truetype');
+	font-display: swap;
 }
 
 @font-face {
-  font-family: 'Lato';
-  font-style: italic;
-  font-weight: 400;
-  src: local('Lato Italic'), local('Lato-Italic'), url('Lato-Italic.ttf') format('truetype');
+	font-family: 'Lato';
+	font-style: italic;
+	font-weight: 400;
+	src: local('Lato Italic'), local('Lato-Italic'), url('Lato-Italic.ttf') format('truetype');
+	font-display: swap;
 }
 
 @font-face {
-  font-family: 'Lato';
-  font-style: italic;
-  font-weight: 700;
-  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('Lato-BoldItalic.ttf') format('truetype');
+	font-family: 'Lato';
+	font-style: italic;
+	font-weight: 700;
+	src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('Lato-BoldItalic.ttf') format('truetype');
+	font-display: swap;
 }
 
 @font-face {
-  font-family: 'Lato';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Lato Regular'), local('Lato-Regular'), url('Lato-Regular.ttf') format('truetype');
+	font-family: 'Lato';
+	font-style: normal;
+	font-weight: 400;
+	src: local('Lato Regular'), local('Lato-Regular'), url('Lato-Regular.ttf') format('truetype');
+	font-display: swap;
 }
 
 @font-face {
-  font-family: 'Lato';
-  font-style: normal;
-  font-weight: 700;
-  src: local('Lato Bold'), local('Lato-Bold'), url('Lato-Bold.ttf') format('truetype');
+	font-family: 'Lato';
+	font-style: normal;
+	font-weight: 700;
+	src: local('Lato Bold'), local('Lato-Bold'), url('Lato-Bold.ttf') format('truetype');
+	font-display: swap;
 }
diff --git a/themes/theme/static/logo-black.png b/themes/theme/static/logo-black.png
new file mode 100644
index 0000000..f9bbe09
Binary files /dev/null and b/themes/theme/static/logo-black.png differ
diff --git a/themes/theme/static/logo.png b/themes/theme/static/logo.png
index f9bbe09..0698317 100644
Binary files a/themes/theme/static/logo.png and b/themes/theme/static/logo.png differ
diff --git a/themes/theme/templates/article.html b/themes/theme/templates/article.html
index 2a3db57..60cf311 100644
--- a/themes/theme/templates/article.html
+++ b/themes/theme/templates/article.html
@@ -1,6 +1,7 @@
 {% extends "base.html" %}
 
 {% block content %}
+<p><a href="/">← Return to Home</a></p>
 <header>
 	<h1>{{ article.title }}</h1>
 	<div class="summary">
diff --git a/themes/theme/templates/base.html b/themes/theme/templates/base.html
index 6f31ddc..059aaba 100644
--- a/themes/theme/templates/base.html
+++ b/themes/theme/templates/base.html
@@ -16,7 +16,7 @@
 	<body>
 		<div class="container">
 			<div class="sidebar">
-				<img src="/theme/me.jpg" />
+				<img src="/theme/me.jpg" alt="A picture of me smiling" />
 				<p>
 					Tanner Collin
 				</p>
@@ -24,14 +24,25 @@
 			<div class="content">
 				<div class="topbar">
 					<p>
-						<img src="/theme/logo.png" />
+						<img src="/theme/logo.png" alt="My name in handwriting" />
 					</p>
 				</div>
 				{% block content %}
 				{% endblock %}
 			</div>
 		</div>
-	</body>
 
+		<script src="/theme/darkmode-js.min.js"></script>
+		<script>
+			const options = {
+				bottom: '16px',
+				right: '16px',
+				buttonColorDark: '#666',
+				buttonColorLight: '#aaa',
+				label: '🌙',
+			};
+			new Darkmode(options).showWidget();
+		</script>
+	</body>
 </html>
 		
diff --git a/themes/theme/templates/style.css b/themes/theme/templates/style.css
index 4e84e9c..75ffa44 100644
--- a/themes/theme/templates/style.css
+++ b/themes/theme/templates/style.css
@@ -49,6 +49,7 @@ pre {
 }
 
 .content .topbar img {
+	filter: invert(100%);
 	width: 14rem;
 	height: auto;
 }
@@ -90,8 +91,7 @@ pre {
 }
 
 .content ul {
-	padding-left: 0;
-	list-style-position: inside;
+	padding-left: 1.1rem;
 }
 
 .content li {
@@ -127,3 +127,15 @@ pre {
 		display: none;
 	}
 }
+
+.darkmode-toggle {
+	z-index: 500;
+}
+
+.darkmode--activated .content img {
+	filter: brightness(75%);
+}
+
+.darkmode--activated video {
+	mix-blend-mode: difference;
+}