✨ Add theme support

src/views/SettingsView.vue

@@ -5,6 +5,7 @@ import {
   possibleTimetableGroups,
   timetableGroups,
   language,
+  theme,
 } from "../store";
 
 // eslint-disable-next-line no-undef
@@ -54,6 +55,16 @@ const gitHash = GITVERSION;
     </select>
     <div class="spacer"></div>
 
+    <!-- Theme -->
+    <h2>{{ $t("settings.heading.theme") }}</h2>
+    <p>{{ $t("settings.text.theme") }}</p>
+    <select v-model="theme">
+      <option value="auto">{{ $t("settings.theme.auto") }}</option>
+      <option value="dark">{{ $t("settings.theme.dark") }}</option>
+      <option value="light">{{ $t("settings.theme.light") }}</option>
+    </select>
+    <div class="spacer"></div>
+
     <!-- About -->
     <h2>{{ $t("settings.heading.about") }}</h2>
     <p>{{ $t("settings.text.about") }}</p>
@@ -87,6 +98,7 @@ select {
   background-color: var(--element-color);
   transition: 0.2s;
   transition-property: background-color border-color;
+  color: var(--text-color);
 }
 
 select:hover {