theming of previews and sidebar

This commit is contained in:
2020-08-03 18:38:22 +00:00
parent 226f718348
commit 8bea726e98
5 changed files with 27 additions and 9 deletions

View File

@ -1,9 +1,13 @@
import React from "react";
import style from "./SideBar.module.css"
import StaticInfos from "../../GlobalInfos";
import darktheme from "../../AppDarkTheme.module.css";
import lighttheme from "../../AppLightTheme.module.css";
class SideBar extends React.Component {
render() {
return (<div className={style.sideinfo}>
const themeStyle = StaticInfos.isDarkTheme() ? darktheme : lighttheme;
return (<div className={style.sideinfo + ' '+ themeStyle.secbackground}>
{this.props.children}
</div>);
}
@ -11,8 +15,9 @@ class SideBar extends React.Component {
export class SideBarTitle extends React.Component {
render() {
const themeStyle = StaticInfos.isDarkTheme() ? darktheme : lighttheme;
return (
<div className={style.sidebartitle}>{this.props.children}</div>
<div className={style.sidebartitle + ' '+ themeStyle.subtextcolor}>{this.props.children}</div>
);
}
}