Added dark and SFW modes.

assets/components/container/container.vue

@@ -1,5 +1,8 @@
 <template>
-    <div class="container">
+    <div
+        class="container"
+        :class="theme"
+    >
         <Header />
 
         <div class="content">
@@ -10,12 +13,23 @@
 </template>
 
 <script>
+import { mapState } from 'vuex';
+
 import Header from '../header/header.vue';
 
+function theme(state) {
+    return state.ui.theme;
+}
+
 export default {
     components: {
         Header,
     },
+    computed: {
+        ...mapState({
+            theme,
+        }),
+    },
 };
 </script>
 
@@ -23,7 +37,7 @@ export default {
 @import 'theme';
 
 .container {
-    background: $background-dim;
+    background: var(--background-dim);
     height: 100%;
     display: flex;
     flex-direction: column;