1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 01:36:22 +00:00

Add base of white theme

This commit is contained in:
Kazu Yokomizo
2017-11-11 19:05:08 +09:00
parent 95787fafc6
commit 4a6c16df8d
4 changed files with 8 additions and 1 deletions

View File

@@ -84,6 +84,8 @@ nodeIpc.connectTo(
const { config } = payload const { config } = payload
if (config.ui.theme === 'dark') { if (config.ui.theme === 'dark') {
document.body.setAttribute('data-theme', 'dark') document.body.setAttribute('data-theme', 'dark')
} else if (config.ui.theme === 'white') {
document.body.setAttribute('data-theme', 'white')
} else { } else {
document.body.setAttribute('data-theme', 'default') document.body.setAttribute('data-theme', 'default')
} }

View File

@@ -57,6 +57,8 @@ class Main extends React.Component {
if (config.ui.theme === 'dark') { if (config.ui.theme === 'dark') {
document.body.setAttribute('data-theme', 'dark') document.body.setAttribute('data-theme', 'dark')
} else if (config.ui.theme === 'white') {
document.body.setAttribute('data-theme', 'white')
} else { } else {
document.body.setAttribute('data-theme', 'default') document.body.setAttribute('data-theme', 'default')
} }

View File

@@ -106,6 +106,8 @@ function set (updates) {
if (newConfig.ui.theme === 'dark') { if (newConfig.ui.theme === 'dark') {
document.body.setAttribute('data-theme', 'dark') document.body.setAttribute('data-theme', 'dark')
} else if (newConfig.ui.theme === 'white') {
document.body.setAttribute('data-theme', 'white')
} else { } else {
document.body.setAttribute('data-theme', 'default') document.body.setAttribute('data-theme', 'default')
} }

View File

@@ -141,7 +141,8 @@ class UiTab extends React.Component {
onChange={(e) => this.handleUIChange(e)} onChange={(e) => this.handleUIChange(e)}
ref='uiTheme' ref='uiTheme'
> >
<option value='default'>Light</option> <option value='default'>Default</option>
<option value='white'>White</option>
<option value='dark'>Dark</option> <option value='dark'>Dark</option>
</select> </select>
</div> </div>