correct theming of settings page

fix saving of themestyle to db

api/Settings.php

@@ -55,14 +55,10 @@ if (isset($_POST['action'])) {
             }
 
             $r = mysqli_fetch_assoc($result);
-            if ($r['password'] != "-1") {
-                $r['passwordEnabled'] = true;
-            } else {
-                $r['passwordEnabled'] = false;
-            }
-            unset($r['password']);
 
-            $r['DarkMode'] = ($r['DarkMode'] != '0');
+            $r['passwordEnabled'] = $r['password'] != "-1";
+            unset($r['password']);
+            $r['DarkMode'] = (bool)($r['DarkMode'] != '0');
             echo json_encode($r);
             break;
     }

src/pages/SettingsPage/SettingsPage.js

@@ -31,8 +31,8 @@ class SettingsPage extends React.Component {
         const themestyle = StaticInfos.getThemeStyle();
         return (
             <div>
-                <div className={style.SettingsSidebar + ' ' + themestyle.secbackground}> {/* todo: test style */}
+                <div className={style.SettingsSidebar + ' ' + themestyle.secbackground}>
-                    <div className={style.SettingsSidebarTitle}>Settings</div>
+                    <div className={style.SettingsSidebarTitle + ' ' + themestyle.lighttextcolor}>Settings</div>
                     <div onClick={() => this.setState({currentpage: "general"})}
                          className={style.SettingSidebarElement}>General
                     </div>

src/pages/SettingsPage/SettingsPage.module.css

@@ -2,7 +2,6 @@
     padding-top: 20px;
     float: left;
     width: 10%;
-    background-color: #d3dcef;
     min-height: calc(100vh - 62px);
     min-width: 110px;
 
@@ -28,7 +27,7 @@
 .SettingSidebarElement {
     margin: 10px 5px 5px;
     padding: 5px;
-    background-color: #a8b2de;
+    background-color: #919fd9;
     text-align: center;
     font-weight: bold;
     border-radius: 7px;