refs #251 Add kimbie dark theme

src/config/locales/en/translation.json

@@ -100,6 +100,7 @@
         "dark": "Dark",
         "solarized_light": "SolarizedLight",
         "solarized_dark": "SolarizedDark",
+        "kimbie_dark": "KimbieDark",
         "custom": "Custom"
       },
       "custom_theme": {

src/constants/theme.js

@@ -15,6 +15,10 @@ export default {
     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'

src/renderer/components/Preferences/Appearance.vue

@@ -86,6 +86,7 @@ export default {
         Theme.Dark,
         Theme.SolarizedLight,
         Theme.SolarizedDark,
+        Theme.KimbieDark,
         Theme.Custom
       ],
       timeFormats: [

src/renderer/store/App.js

@@ -1,6 +1,6 @@
 import { ipcRenderer } from 'electron'
 import router from '../router'
-import { LightTheme, DarkTheme, SolarizedLightTheme, SolarizedDarkTheme } 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'
@@ -90,6 +90,9 @@ const App = {
         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

src/renderer/utils/theme.js

@@ -49,3 +49,16 @@ export const SolarizedDarkTheme = {
   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)'
+}