refs #251 Add solarized light theme
This commit is contained in:
parent
ea1e3ed12b
commit
d93601f148
|
@ -98,6 +98,7 @@
|
||||||
"theme": {
|
"theme": {
|
||||||
"light": "Light",
|
"light": "Light",
|
||||||
"dark": "Dark",
|
"dark": "Dark",
|
||||||
|
"solarized_light": "SolarizedLight",
|
||||||
"solarized_dark": "SolarizedDark",
|
"solarized_dark": "SolarizedDark",
|
||||||
"custom": "Custom"
|
"custom": "Custom"
|
||||||
},
|
},
|
||||||
|
|
|
@ -7,6 +7,10 @@ export default {
|
||||||
name: 'preferences.appearance.theme.dark',
|
name: 'preferences.appearance.theme.dark',
|
||||||
key: 'dark'
|
key: 'dark'
|
||||||
},
|
},
|
||||||
|
SolarizedLight: {
|
||||||
|
name: 'preferences.appearance.theme.solarized_light',
|
||||||
|
key: 'solarized_light'
|
||||||
|
},
|
||||||
SolarizedDark: {
|
SolarizedDark: {
|
||||||
name: 'preferences.appearance.theme.solarized_dark',
|
name: 'preferences.appearance.theme.solarized_dark',
|
||||||
key: 'solarized_dark'
|
key: 'solarized_dark'
|
||||||
|
|
|
@ -84,6 +84,7 @@ export default {
|
||||||
themes: [
|
themes: [
|
||||||
Theme.Light,
|
Theme.Light,
|
||||||
Theme.Dark,
|
Theme.Dark,
|
||||||
|
Theme.SolarizedLight,
|
||||||
Theme.SolarizedDark,
|
Theme.SolarizedDark,
|
||||||
Theme.Custom
|
Theme.Custom
|
||||||
],
|
],
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
import { ipcRenderer } from 'electron'
|
import { ipcRenderer } from 'electron'
|
||||||
import router from '../router'
|
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 Visibility from '~/src/constants/visibility'
|
||||||
import DisplayStyle from '~/src/constants/displayStyle'
|
import DisplayStyle from '~/src/constants/displayStyle'
|
||||||
import Theme from '~/src/constants/theme'
|
import Theme from '~/src/constants/theme'
|
||||||
|
@ -84,6 +84,9 @@ const App = {
|
||||||
case Theme.Dark.key:
|
case Theme.Dark.key:
|
||||||
commit('updateTheme', DarkTheme)
|
commit('updateTheme', DarkTheme)
|
||||||
break
|
break
|
||||||
|
case Theme.SolarizedLight.key:
|
||||||
|
commit('updateTheme', SolarizedLightTheme)
|
||||||
|
break
|
||||||
case Theme.SolarizedDark.key:
|
case Theme.SolarizedDark.key:
|
||||||
commit('updateTheme', SolarizedDarkTheme)
|
commit('updateTheme', SolarizedDarkTheme)
|
||||||
break
|
break
|
||||||
|
|
|
@ -24,6 +24,19 @@ export const DarkTheme = {
|
||||||
wrapper_mask_color: 'rgba(0, 0, 0, 0.7)'
|
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 = {
|
export const SolarizedDarkTheme = {
|
||||||
background_color: '#073642',
|
background_color: '#073642',
|
||||||
selected_background_color: '#586e75',
|
selected_background_color: '#586e75',
|
||||||
|
|
Loading…
Reference in New Issue