dedup some code for themes

1 files changed, 6 insertions, 6 deletions

diff --git a/web/style/layout.css b/web/style/layout.css
index ea7d3e6..20896b0 100644
--- a/web/style/layout.css
+++ b/web/style/layout.css
@@ -55,7 +55,7 @@ nav {
     width: calc(100vw - 2em);
     height: 2em;
     backdrop-filter: blur(6px);
-    background-color: #1c1c1c9a;
+    background-color: var(--c-nav);
 
     display: flex;
     align-items: center;
@@ -76,10 +76,10 @@ nav a {
     text-decoration: none;
 }
 nav a:hover {
-    background-color: #ffffff10;
+    background-color: var(--c-nav-hover);
 }
 nav a {
-    color: #dfe5f3;
+    color: var(--font);
     text-decoration: none;
     background-image: linear-gradient(transparent, transparent),
         linear-gradient(var(--accent-light), var(--accent-light));
@@ -122,12 +122,12 @@ section.message {
 }
 .error {
     padding: 1em;
-    color: rgb(255, 117, 117);
+    color: var(--c-error);
     font-family: monospace;
 }
 .success {
     padding: 1em;
-    color: rgb(117, 255, 117);
+    color: var(--c-success);
 }
 
 footer {
@@ -135,6 +135,6 @@ footer {
     text-align: center;
 }
 footer p {
-    color: #828282;
+    color: var(--font-dark);
     font-size: 0.8em;
 }