diff options
author | Guille Cura <cura.gf@gmail.com> | 2018-07-05 02:37:43 -0300 |
---|---|---|
committer | Guille Cura <cura.gf@gmail.com> | 2018-07-05 02:37:43 -0300 |
commit | 25c6cbd29aff90f694d72afe28ab56b0113fb16a (patch) | |
tree | 9907623b3a7b835e58b895d08b62c5339b8e0376 /src/components/layout | |
parent | 5.0.0 beta.18 (diff) | |
download | ferdium-app-25c6cbd29aff90f694d72afe28ab56b0113fb16a.tar.gz ferdium-app-25c6cbd29aff90f694d72afe28ab56b0113fb16a.tar.zst ferdium-app-25c6cbd29aff90f694d72afe28ab56b0113fb16a.zip |
Update stylesheets and added darkMode variable and toggle.
Diffstat (limited to 'src/components/layout')
-rw-r--r-- | src/components/layout/AppLayout.js | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/src/components/layout/AppLayout.js b/src/components/layout/AppLayout.js index 746775a7f..9ae73c336 100644 --- a/src/components/layout/AppLayout.js +++ b/src/components/layout/AppLayout.js | |||
@@ -58,6 +58,7 @@ export default class AppLayout extends Component { | |||
58 | areRequiredRequestsSuccessful: PropTypes.bool.isRequired, | 58 | areRequiredRequestsSuccessful: PropTypes.bool.isRequired, |
59 | retryRequiredRequests: PropTypes.func.isRequired, | 59 | retryRequiredRequests: PropTypes.func.isRequired, |
60 | areRequiredRequestsLoading: PropTypes.bool.isRequired, | 60 | areRequiredRequestsLoading: PropTypes.bool.isRequired, |
61 | darkMode: PropTypes.bool.isRequired | ||
61 | }; | 62 | }; |
62 | 63 | ||
63 | static defaultProps = { | 64 | static defaultProps = { |
@@ -85,12 +86,13 @@ export default class AppLayout extends Component { | |||
85 | areRequiredRequestsSuccessful, | 86 | areRequiredRequestsSuccessful, |
86 | retryRequiredRequests, | 87 | retryRequiredRequests, |
87 | areRequiredRequestsLoading, | 88 | areRequiredRequestsLoading, |
89 | darkMode | ||
88 | } = this.props; | 90 | } = this.props; |
89 | 91 | ||
90 | const { intl } = this.context; | 92 | const { intl } = this.context; |
91 | 93 | ||
92 | return ( | 94 | return ( |
93 | <div> | 95 | <div className={(darkMode ? 'theme__dark' : '')}> |
94 | <div className="app"> | 96 | <div className="app"> |
95 | {isWindows && !isFullScreen && <TitleBar menu={window.franz.menu.template} icon={'assets/images/logo.svg'} />} | 97 | {isWindows && !isFullScreen && <TitleBar menu={window.franz.menu.template} icon={'assets/images/logo.svg'} />} |
96 | <div className="app__content"> | 98 | <div className="app__content"> |