From 827fd6a1b299af8e77728c274f33c0ca55cf4e57 Mon Sep 17 00:00:00 2001
From: Lukas Heiligenbrunner <lukas.heiligenbrunner@gmail.com>
Date: Wed, 29 Jul 2020 23:00:37 +0200
Subject: [PATCH] reformat and store darkmode setting correct in db

---
 api/Settings.php                          |  4 +++-
 src/AppDarkTheme.module.css               | 12 ++++++------
 src/pages/SettingsPage/GeneralSettings.js |  1 +
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/api/Settings.php b/api/Settings.php
index 6ccf284..4acbb4b 100644
--- a/api/Settings.php
+++ b/api/Settings.php
@@ -29,13 +29,15 @@ if (isset($_POST['action'])) {
             $videopath = $_POST['videopath'];
             $tvshowpath = $_POST['tvshowpath'];
             $tmdbsupport = $_POST['tmdbsupport'];
+            $darkmodeenabled = $_POST['darkmodeenabled'];
 
             $query = "UPDATE settings SET 
                         video_path='$videopath',
                         episode_path='$tvshowpath',
                         password='$password',
                         mediacenter_name='$mediacentername',
-                        TMDB_grabbing=$tmdbsupport
+                        TMDB_grabbing=$tmdbsupport, 
+                        DarkMode=$darkmodeenabled
                     WHERE 1";
 
             if ($conn->query($query) === true) {
diff --git a/src/AppDarkTheme.module.css b/src/AppDarkTheme.module.css
index 005ce46..f022b1e 100644
--- a/src/AppDarkTheme.module.css
+++ b/src/AppDarkTheme.module.css
@@ -2,15 +2,15 @@
  * The coloring elements for dark theme
  */
 
-.backgroundcolor{
+.backgroundcolor {
     background-color: #141520;
 }
 
-.textcolor{
+.textcolor {
     color: white;
 }
 
-.subtextcolor{
+.subtextcolor {
     color: #dedad6;
 }
 
@@ -18,11 +18,11 @@
     background: white;
 }
 
-.hrcolor{
-    border-color: rgba(255,255,255,.1);
+.hrcolor {
+    border-color: rgba(255, 255, 255, .1);
 }
 
-.previewhover:hover{
+.previewhover:hover {
     box-shadow: rgba(255, 255, 255, 0.7) 0 0 0 5px;
 }
 
diff --git a/src/pages/SettingsPage/GeneralSettings.js b/src/pages/SettingsPage/GeneralSettings.js
index 3bea177..3eb2113 100644
--- a/src/pages/SettingsPage/GeneralSettings.js
+++ b/src/pages/SettingsPage/GeneralSettings.js
@@ -130,6 +130,7 @@ class GeneralSettings extends React.Component {
         updateRequest.append('tvshowpath', this.state.tvshowpath);
         updateRequest.append('mediacentername', this.state.mediacentername);
         updateRequest.append("tmdbsupport", this.state.tmdbsupport);
+        updateRequest.append("darkmodeenabled", StaticInfos.isDarkTheme());
 
         fetch('/api/Settings.php', {method: 'POST', body: updateRequest})
             .then((response) => response.json()