Changed tags on tag overview.

assets/components/tile/network.vue

@@ -3,6 +3,7 @@
         :href="`/network/${network.slug}`"
         :title="network.name"
         class="tile"
+        :class="{ sfw }"
     >
         <img
             :src="`/img/logos/${network.slug}/network.png`"
@@ -13,6 +14,10 @@
 </template>
 
 <script>
+function sfw() {
+    return this.$store.state.ui.sfw;
+}
+
 export default {
     props: {
         network: {
@@ -20,6 +25,9 @@ export default {
             default: null,
         },
     },
+    computed: {
+        sfw,
+    },
 };
 </script>
 
@@ -28,7 +36,7 @@ export default {
 
 .tile {
     height: 6rem;
-    background: $profile;
+    background: var(--profile);
     display: flex;
     flex-shrink: 0;
     flex-direction: column;
@@ -57,7 +65,7 @@ export default {
 }
 
 .title {
-    color: $text;
+    color: var(--text);
     height: 100%;
     display: flex;
     align-items: center;