Added dark and SFW modes.

assets/components/tags/tag.vue

@@ -99,13 +99,17 @@ export default {
 @import 'theme';
 
 .description a {
-    color: $link;
+    color: var(--link);
     text-decoration: inherit;
 
     &:hover {
-        color: $primary;
+        color: var(--primary);
     }
 }
+
+.dark .sidebar {
+    border-right: solid 1px var(--shadow-weak);
+}
 </style>
 
 <style lang="scss" scoped>
@@ -134,8 +138,8 @@ export default {
 }
 
 .header {
-    background: $profile;
-    color: $text-contrast;
+    background: var(--profile);
+    color: var(--text-light);
     display: none;
     padding: .5rem 1rem;
 
@@ -149,8 +153,8 @@ export default {
 }
 
 .sidebar {
-    background: $profile;
-    color: $text-contrast;
+    background: var(--profile);
+    color: var(--text-light);
     display: flex;
     flex-direction: column;
     width: 25rem;
@@ -182,7 +186,7 @@ export default {
     text-transform: capitalize;
 
     .icon {
-        fill: $text-contrast;
+        fill: var(--text-light);
         width: 1.25rem;
         height: 1.25rem;
     }