diff --git a/browser/finder/ipcClient.js b/browser/finder/ipcClient.js index 6a5fb929..c3d5ab6f 100644 --- a/browser/finder/ipcClient.js +++ b/browser/finder/ipcClient.js @@ -84,6 +84,8 @@ nodeIpc.connectTo( const { config } = payload if (config.ui.theme === 'dark') { document.body.setAttribute('data-theme', 'dark') + } else if (config.ui.theme === 'white') { + document.body.setAttribute('data-theme', 'white') } else { document.body.setAttribute('data-theme', 'default') } diff --git a/browser/main/Main.js b/browser/main/Main.js index bfd1bd5f..c8795a7d 100644 --- a/browser/main/Main.js +++ b/browser/main/Main.js @@ -57,6 +57,8 @@ class Main extends React.Component { if (config.ui.theme === 'dark') { document.body.setAttribute('data-theme', 'dark') + } else if (config.ui.theme === 'white') { + document.body.setAttribute('data-theme', 'white') } else { document.body.setAttribute('data-theme', 'default') } diff --git a/browser/main/lib/ConfigManager.js b/browser/main/lib/ConfigManager.js index fd374cf1..48cdd64f 100644 --- a/browser/main/lib/ConfigManager.js +++ b/browser/main/lib/ConfigManager.js @@ -106,6 +106,8 @@ function set (updates) { if (newConfig.ui.theme === 'dark') { document.body.setAttribute('data-theme', 'dark') + } else if (newConfig.ui.theme === 'white') { + document.body.setAttribute('data-theme', 'white') } else { document.body.setAttribute('data-theme', 'default') } diff --git a/browser/main/modals/PreferencesModal/UiTab.js b/browser/main/modals/PreferencesModal/UiTab.js index af120b94..8c1e8a4c 100644 --- a/browser/main/modals/PreferencesModal/UiTab.js +++ b/browser/main/modals/PreferencesModal/UiTab.js @@ -141,7 +141,8 @@ class UiTab extends React.Component { onChange={(e) => this.handleUIChange(e)} ref='uiTheme' > - + +