Cleanup

Author: colepeters

app/elements/site-header.mjs

@@ -72,7 +72,7 @@ export default function SiteHeader ({ html, state }) {
       }
 
       a.active {
-        color: var(--fore);
+        color: var(--rift);
         position: relative;
       }
 

app/pages/blog/index.mjs

@@ -10,6 +10,10 @@ export default function ({ html, state }) {
         background-color: var(--cloud-ateneo);
         color: var(--rift-white);
       }
+
+      site-header {
+        --site-header-background: white;
+      }
     </style>
 
     <site-header active="/blog"></site-header>

app/pages/blog/posts/$$.mjs

@@ -29,6 +29,10 @@ export default function ({ html, state }) {
         display: block;
       }
 
+      site-header {
+        --site-header-background: white;
+      }
+
       site-container {
         background-color: var(--white-denim);
         border-radius: 0.5em;