diff --git a/src/config/locales/en/translation.json b/src/config/locales/en/translation.json index 2fee30cf..4a0c3e93 100644 --- a/src/config/locales/en/translation.json +++ b/src/config/locales/en/translation.json @@ -98,6 +98,7 @@ "theme": { "light": "Light", "dark": "Dark", + "solarized_light": "SolarizedLight", "solarized_dark": "SolarizedDark", "custom": "Custom" }, diff --git a/src/constants/theme.js b/src/constants/theme.js index ef7ae742..a4f47428 100644 --- a/src/constants/theme.js +++ b/src/constants/theme.js @@ -7,6 +7,10 @@ export default { name: 'preferences.appearance.theme.dark', key: 'dark' }, + SolarizedLight: { + name: 'preferences.appearance.theme.solarized_light', + key: 'solarized_light' + }, SolarizedDark: { name: 'preferences.appearance.theme.solarized_dark', key: 'solarized_dark' diff --git a/src/renderer/components/Preferences/Appearance.vue b/src/renderer/components/Preferences/Appearance.vue index a1680d28..dbcc99ab 100644 --- a/src/renderer/components/Preferences/Appearance.vue +++ b/src/renderer/components/Preferences/Appearance.vue @@ -84,6 +84,7 @@ export default { themes: [ Theme.Light, Theme.Dark, + Theme.SolarizedLight, Theme.SolarizedDark, Theme.Custom ], diff --git a/src/renderer/store/App.js b/src/renderer/store/App.js index 76f42772..7c4a7ac8 100644 --- a/src/renderer/store/App.js +++ b/src/renderer/store/App.js @@ -1,6 +1,6 @@ import { ipcRenderer } from 'electron' import router from '../router' -import { LightTheme, DarkTheme, SolarizedDarkTheme } from '../utils/theme' +import { LightTheme, DarkTheme, SolarizedLightTheme, SolarizedDarkTheme } from '../utils/theme' import Visibility from '~/src/constants/visibility' import DisplayStyle from '~/src/constants/displayStyle' import Theme from '~/src/constants/theme' @@ -84,6 +84,9 @@ const App = { case Theme.Dark.key: commit('updateTheme', DarkTheme) break + case Theme.SolarizedLight.key: + commit('updateTheme', SolarizedLightTheme) + break case Theme.SolarizedDark.key: commit('updateTheme', SolarizedDarkTheme) break diff --git a/src/renderer/utils/theme.js b/src/renderer/utils/theme.js index 9e584416..81d9618e 100644 --- a/src/renderer/utils/theme.js +++ b/src/renderer/utils/theme.js @@ -24,6 +24,19 @@ export const DarkTheme = { wrapper_mask_color: 'rgba(0, 0, 0, 0.7)' } +export const SolarizedLightTheme = { + background_color: '#fdf6e3', + selected_background_color: '#eee8d5', + global_header_color: '#002b36', + side_menu_color: '#073642', + primary_color: '#657b83', + regular_color: '#586e75', + secondary_color: '#839496', + border_color: '#93a1a1', + header_menu_color: '#fdf6e3', + wrapper_mask_color: 'rgba(255, 255, 255, 0.7)' +} + export const SolarizedDarkTheme = { background_color: '#073642', selected_background_color: '#586e75',