From d93601f148b90d8510bfe3335a92811534acedfa Mon Sep 17 00:00:00 2001
From: AkiraFukushima
Date: Sun, 23 Sep 2018 01:19:12 +0900
Subject: [PATCH] refs #251 Add solarized light theme
---
src/config/locales/en/translation.json | 1 +
src/constants/theme.js | 4 ++++
src/renderer/components/Preferences/Appearance.vue | 1 +
src/renderer/store/App.js | 5 ++++-
src/renderer/utils/theme.js | 13 +++++++++++++
5 files changed, 23 insertions(+), 1 deletion(-)
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',