diff --git a/src/config/locales/de/translation.json b/src/config/locales/de/translation.json index 4bb8ee41..c9ff8ed6 100644 --- a/src/config/locales/de/translation.json +++ b/src/config/locales/de/translation.json @@ -98,6 +98,9 @@ "theme": { "light": "Hell", "dark": "Dunkel", + "solarized_light": "SolarizedLight", + "solarized_dark": "SolarizedDark", + "kimbie_dark": "KimbieDark", "custom": "Custom" }, "custom_theme": { diff --git a/src/config/locales/en/translation.json b/src/config/locales/en/translation.json index 313bb26f..8acfda6c 100644 --- a/src/config/locales/en/translation.json +++ b/src/config/locales/en/translation.json @@ -98,6 +98,9 @@ "theme": { "light": "Light", "dark": "Dark", + "solarized_light": "SolarizedLight", + "solarized_dark": "SolarizedDark", + "kimbie_dark": "KimbieDark", "custom": "Custom" }, "custom_theme": { diff --git a/src/config/locales/fr/translation.json b/src/config/locales/fr/translation.json index b4df4bbc..f88a48a2 100644 --- a/src/config/locales/fr/translation.json +++ b/src/config/locales/fr/translation.json @@ -98,6 +98,9 @@ "theme": { "light": "Clair", "dark": "Foncé", + "solarized_light": "SolarizedLight", + "solarized_dark": "SolarizedDark", + "kimbie_dark": "KimbieDark", "custom": "Custom" }, "custom_theme": { diff --git a/src/config/locales/ja/translation.json b/src/config/locales/ja/translation.json index d1b82300..63af2e66 100644 --- a/src/config/locales/ja/translation.json +++ b/src/config/locales/ja/translation.json @@ -98,6 +98,9 @@ "theme": { "light": "標準", "dark": "ダーク", + "solarized_light": "SolarizedLight", + "solarized_dark": "SolarizedDark", + "kimbie_dark": "KimbieDark", "custom": "カスタム" }, "custom_theme": { diff --git a/src/config/locales/ko/translation.json b/src/config/locales/ko/translation.json index 2909df4b..d6b75cb4 100644 --- a/src/config/locales/ko/translation.json +++ b/src/config/locales/ko/translation.json @@ -98,6 +98,9 @@ "theme": { "light": "밝은 테마", "dark": "어두운 테마", + "solarized_light": "SolarizedLight", + "solarized_dark": "SolarizedDark", + "kimbie_dark": "KimbieDark", "custom": "Custom" }, "custom_theme": { diff --git a/src/config/locales/pl/translation.json b/src/config/locales/pl/translation.json index 61767596..4130851c 100644 --- a/src/config/locales/pl/translation.json +++ b/src/config/locales/pl/translation.json @@ -98,6 +98,9 @@ "theme": { "light": "Jasny", "dark": "Ciemny", + "solarized_light": "SolarizedLight", + "solarized_dark": "SolarizedDark", + "kimbie_dark": "KimbieDark", "custom": "Custom" }, "custom_theme": { diff --git a/src/constants/theme.js b/src/constants/theme.js index 648508e9..a4a36fdb 100644 --- a/src/constants/theme.js +++ b/src/constants/theme.js @@ -7,6 +7,18 @@ 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' + }, + KimbieDark: { + name: 'preferences.appearance.theme.kimbie_dark', + key: 'kimbie_dark' + }, Custom: { name: 'preferences.appearance.theme.custom', key: 'custom' diff --git a/src/renderer/components/Preferences/Appearance.vue b/src/renderer/components/Preferences/Appearance.vue index 44451fcc..4d33daa0 100644 --- a/src/renderer/components/Preferences/Appearance.vue +++ b/src/renderer/components/Preferences/Appearance.vue @@ -84,6 +84,9 @@ export default { themes: [ Theme.Light, Theme.Dark, + Theme.SolarizedLight, + Theme.SolarizedDark, + Theme.KimbieDark, Theme.Custom ], timeFormats: [ diff --git a/src/renderer/store/App.js b/src/renderer/store/App.js index cd9da1ec..8d0466c2 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 } from '../utils/theme' +import { LightTheme, DarkTheme, SolarizedLightTheme, SolarizedDarkTheme, KimbieDarkTheme } from '../utils/theme' import Visibility from '~/src/constants/visibility' import DisplayStyle from '~/src/constants/displayStyle' import Theme from '~/src/constants/theme' @@ -84,6 +84,15 @@ 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 + case Theme.KimbieDark.key: + commit('updateTheme', KimbieDarkTheme) + break case Theme.Custom.key: commit('updateTheme', appearance.customThemeColor) break diff --git a/src/renderer/utils/theme.js b/src/renderer/utils/theme.js index 05481d55..4997e79d 100644 --- a/src/renderer/utils/theme.js +++ b/src/renderer/utils/theme.js @@ -23,3 +23,42 @@ export const DarkTheme = { header_menu_color: '#444b5d', 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', + global_header_color: '#073642', + side_menu_color: '#002b36', + primary_color: '#fdf6e3', + regular_color: '#eee8d5', + secondary_color: '#839496', + border_color: '#93a1a1', + header_menu_color: '#393f4f', + wrapper_mask_color: 'rgba(0, 0, 0, 0.7)' +} + +export const KimbieDarkTheme = { + background_color: '#221a0f', + selected_background_color: '#2e2920', + global_header_color: '#221a0f', + side_menu_color: '#362712', + primary_color: '#fbebd4', + regular_color: '#e4c6a5', + secondary_color: '#d3af86', + border_color: '#d6baad', + header_menu_color: '#a57a4c', + wrapper_mask_color: 'rgba(0, 0, 0, 0.7)' +}