refs #251 Add solarized light theme

src/config/locales/en/translation.json

@@ -98,6 +98,7 @@
       "theme": {
         "light": "Light",
         "dark": "Dark",
+        "solarized_light": "SolarizedLight",
         "solarized_dark": "SolarizedDark",
         "custom": "Custom"
       },

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'

src/renderer/components/Preferences/Appearance.vue

@@ -84,6 +84,7 @@ export default {
       themes: [
         Theme.Light,
         Theme.Dark,
+        Theme.SolarizedLight,
         Theme.SolarizedDark,
         Theme.Custom
       ],

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

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',