✨ Add theme support

src/strings.js

@@ -13,6 +13,7 @@ export const strings = {
         timetableGroups: "Timetable Groups",
         language: "Language",
         about: "About",
+        theme: "Theme",
       },
       text: {
         filtering:
@@ -22,10 +23,17 @@ export const strings = {
         language: "Change the language of all texts in the application.",
         about:
           "This Tool queries and parses the latest substitution-plan data every minute. The correctness of the data can in no way be guaranteed, so please check the data against the official plan if something seems wrong! Due to the format of the plan files, it it sometimes not easily possible to extract the correct data, so the plan displayed here may not be correct.",
+        theme:
+          "Select a Theme to change the colors of the app. The 'Auto' option selects a theme based on your system preferences.",
       },
       other: "Other",
       none: "None",
       version: "Version",
+      theme: {
+        auto: "Auto",
+        dark: "Dark",
+        light: "Light",
+      },
     },
     timetable: {
       warning: "Warning:",
@@ -84,6 +92,7 @@ export const strings = {
         timetableGroups: "Stundenplan-Gruppen",
         language: "Sprache",
         about: "Über diese Anwendung",
+        theme: "Farbschema",
       },
       text: {
         filtering:
@@ -93,10 +102,17 @@ export const strings = {
         language: "Ändere die Sprache aller Texte dieser Anwendung.",
         about:
           "Diese Anwendung fragt jede Minute die neusten Vertretungsplan-Daten an und verarbeitet sie, um sie dir schöner und besser lesbar anzuzeigen. Die Richtigkeit dieser Daten kann nicht garantiert werden, da es manchmal kompliziert ist, die richtigen Daten zu extrahieren. Wenn etwas nicht richtig aussieht, überprüfe es bitte auf dem offiziellen Plan!",
+        theme:
+          "Wähle ein Farbschema aus, um die Farben dieser Anwendung anzupassen. Die Option 'Automatisch' wählt ein Farbschema basierend auf den Einstellungen deines Systems aus.",
       },
       other: "Andere",
       none: "Keine",
       version: "Version",
+      theme: {
+        auto: "Automatisch",
+        dark: "Dunkel",
+        light: "Hell",
+      },
     },
     timetable: {
       warning: "Warnung:",