easier getter function to get themestyle

better dark theme for SideBar.js

src/pages/SettingsPage/GeneralSettings.js

@@ -2,8 +2,6 @@ import React from "react";
 import {Button, Col, Form} from "react-bootstrap";
 import style from "./GeneralSettings.module.css"
 import StaticInfos from "../../GlobalInfos";
-import darktheme from "../../AppDarkTheme.module.css";
-import lighttheme from "../../AppLightTheme.module.css";
 
 class GeneralSettings extends React.Component {
     constructor(props) {
@@ -40,7 +38,7 @@ class GeneralSettings extends React.Component {
     }
 
     render() {
-        const themeStyle = StaticInfos.isDarkTheme() ? darktheme : lighttheme;
+        const themeStyle = StaticInfos.getThemeStyle();
         return (
             <>
                 <div className={style.GeneralForm + ' ' + themeStyle.subtextcolor}>

src/pages/SettingsPage/SettingsPage.js

@@ -2,6 +2,7 @@ import React from "react";
 import MovieSettings from "./MovieSettings";
 import GeneralSettings from "./GeneralSettings";
 import style from "./SettingsPage.module.css"
+import StaticInfos from "../../GlobalInfos";
 
 
 class SettingsPage extends React.Component {
@@ -27,9 +28,10 @@ class SettingsPage extends React.Component {
     }
 
     render() {
+        const themestyle = StaticInfos.getThemeStyle();
         return (
             <div>
-                <div className={style.SettingsSidebar}>
+                <div className={style.SettingsSidebar + ' ' + themestyle.secbackground}> {/* todo: test style */}
                     <div className={style.SettingsSidebarTitle}>Settings</div>
                     <div onClick={() => this.setState({currentpage: "general"})}
                          className={style.SettingSidebarElement}>General