diff --git a/wwwroot/css/color.css b/wwwroot/css/color.css
index c68a70e..57ad4f3 100644
--- a/wwwroot/css/color.css
+++ b/wwwroot/css/color.css
@@ -59,6 +59,14 @@ body.dark {
   }
 }
 
+body, nav:is(.left,.right) {
+  background-color: var(--background);
+}
+
+article {
+  background-color: var(--surface);
+}
+
 .author {
   color: inherit
 }
diff --git a/wwwroot/css/icon.css b/wwwroot/css/icon.css
index a6826c4..a235ec5 100644
--- a/wwwroot/css/icon.css
+++ b/wwwroot/css/icon.css
@@ -4,10 +4,11 @@
 .animated[data-emoji|=🫥] { content: url(/vendor/fluent-emoji/1fae5/animated.png) }
 
 .fa-seedling { color: var(--green-9) !important }
-.fa-message-smile { color: var(--blue-4) !important }
-.fa-images { color: var(--yellow-6) !important }
-.fa-id-card { color: var(--pink-4) !important }
+.fa-message-smile { color: var(--blue-5) !important }
+.fa-images { color: var(--orange-5) !important }
+.fa-id-card { color: var(--red-5) !important }
 .fa-comment-dots { color: var(--gray-6) !important }
+.fa-clipboard { color: var(--violet-5) !important }
 
 i.tiny { ---size: 1em }