add seperate modules for dark and light theme

src/elements/PageTitle/PageTitle.js

@@ -1,5 +1,8 @@
 import React from "react";
 import style from "./PageTitle.module.css"
+import darktheme from "./PageTitleDarkTheme.module.css"
+import lighttheme from "./PageTitleLightTheme.module.css"
+import StaticInfos from "../../GlobalInfos";
 
 class PageTitle extends React.Component {
     constructor(props) {
@@ -10,17 +13,19 @@ class PageTitle extends React.Component {
     }
 
     render() {
+        const themeStyle = StaticInfos.isDarkTheme() ? darktheme : lighttheme;
         return (
-            <div className={style.pageheader}>
-                <span className={style.pageheadertitle}>{this.props.title}</span>
+            <div className={style.pageheader + ' ' + themeStyle.pageheader}>
+                <span className={style.pageheadertitle + ' ' + themeStyle.pageheadertitle}>{this.props.title}</span>
                 <span className={style.pageheadersubtitle}>{this.props.subtitle}</span>
                 <>
                     {this.props.children}
                 </>
                 <hr/>
             </div>
-        );
+        )
+            ;
     }
 }
 
-export default PageTitle;
+export default PageTitle;

src/elements/PageTitle/PageTitleDarkTheme.module.css

@@ -0,0 +1,11 @@
+.pageheader {
+    background-color: #141520;
+}
+
+.pageheadertitle {
+    color:white;
+}
+
+.pageheadersubtitle {
+    color:white;
+}