refs #251 Add solarized dark theme

src/config/locales/en/translation.json

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

src/constants/theme.js

@@ -7,6 +7,10 @@ export default {
     name: 'preferences.appearance.theme.dark',
     key: 'dark'
   },
+  SolarizedDark: {
+    name: 'preferences.appearance.theme.solarized_dark',
+    key: 'solarized_dark'
+  },
   Custom: {
     name: 'preferences.appearance.theme.custom',
     key: 'custom'

src/renderer/components/Preferences/Appearance.vue

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

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, 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.SolarizedDark.key:
+          commit('updateTheme', SolarizedDarkTheme)
+          break
         case Theme.Custom.key:
           commit('updateTheme', appearance.customThemeColor)
           break

src/renderer/utils/theme.js

@@ -23,3 +23,16 @@ export const DarkTheme = {
   header_menu_color: '#444b5d',
   wrapper_mask_color: 'rgba(0, 0, 0, 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)'
+}