diff --git a/tcommon/static/css/base.css b/tcommon/static/css/base.css
index b60460f..51b6e52 100644
--- a/tcommon/static/css/base.css
+++ b/tcommon/static/css/base.css
@@ -90,6 +90,14 @@ ol {
   padding-left: 15px;
 }
 
+hr {
+  background: none;
+  border: 1px solid var(--accent);
+  outline: none;
+  width: 90vw;
+  max-width: 500px;
+}
+
 input[type="submit"]:focus,
 button:focus {
   outline-color: var(--accent);
@@ -109,6 +117,11 @@ button:active {
 .block { display: block; }
 .inline-block { display: inline-block; }
 
+.no-margin { margin: 0; }
+.no-padding { padding: 0; }
+.no-border { border: none; }
+.no-outline { outline: none; }
+
 #container {
   text-align: center;
   padding: 10px;
diff --git a/tcommon/static/js/theme.js b/tcommon/static/js/theme.js
index 13f6375..d3a2216 100644
--- a/tcommon/static/js/theme.js
+++ b/tcommon/static/js/theme.js
@@ -3,10 +3,17 @@ let light, useAutoTheme;
 light = _themeMM.matches;
 
 function setTheme() {
+  let favicon = document.getElementById("favicon");
+  let fLink = favicon.href.split("/");
+
   if (light) {
     document.documentElement.setAttribute("data-light", "");
+    fLink[fLink.length - 3] = "light";
+    favicon.href = fLink.join("/");
   } else {
     document.documentElement.removeAttribute("data-light");
+    fLink[fLink.length - 3] = "dark";
+    favicon.href = fLink.join("/");
   }
 }