diff --git a/web/index.html b/web/index.html
index 71106983..ef8d7cba 100644
--- a/web/index.html
+++ b/web/index.html
@@ -125,7 +125,7 @@
 			}
 		}
 		a.upub-title {
-			color: var(--primary);
+			color: var(--accent);
 			text-decoration: none;
 		}
 		a.upub-title:hover {
@@ -143,7 +143,7 @@
 		}
 		a.breadcrumb:hover {
 			font-weight: bold;
-			color: var(--primary);
+			color: var(--accent);
 		}
 		b.big {
 			font-size: 18pt;
@@ -165,7 +165,7 @@
 		}
 		img.avatar-border {
 			background-color: var(--background);
-			border: .3em solid var(--primary);
+			border: .3em solid var(--accent);
 		}
 		img.avatar-inline {
 			display: inline;
@@ -177,7 +177,7 @@
 			width: 2em;
 		}
 		.box {
-			border: 3px solid var(--primary);
+			border: 3px solid var(--accent);
 		}
 		.cursor {
 			cursor: pointer;
@@ -189,7 +189,7 @@
 			cursor: pointer;
 			height: 10em;
 			width: 100%;
-			border: 3px solid var(--primary);
+			border: 3px solid var(--accent);
 			padding: 5px;
 			object-fit: cover;
 			box-sizing: border-box;
@@ -203,7 +203,7 @@
 		}
 		div.tl-header {
 			background-color: rgba(var(--accent-rgb), 0.33);
-			color: var(--primary);
+			color: var(--accent);
 		}
 		p.tiny-text {
 			line-height: .75em;
@@ -216,7 +216,7 @@
 		}
 		tr.post-table,
 		td.post-table {
-			border: 1px dashed var(--primary);
+			border: 1px dashed var(--accent);
 			padding: .5em;
 		}
 		td.top {