theming of previews and sidebar
This commit is contained in:
@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user