refs #251 Add solarized dark theme
This commit is contained in:
parent
be6b4bb777
commit
ea1e3ed12b
|
@ -98,6 +98,7 @@
|
|||
"theme": {
|
||||
"light": "Light",
|
||||
"dark": "Dark",
|
||||
"solarized_dark": "SolarizedDark",
|
||||
"custom": "Custom"
|
||||
},
|
||||
"custom_theme": {
|
||||
|
|
|
@ -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'
|
||||
|
|
|
@ -84,6 +84,7 @@ export default {
|
|||
themes: [
|
||||
Theme.Light,
|
||||
Theme.Dark,
|
||||
Theme.SolarizedDark,
|
||||
Theme.Custom
|
||||
],
|
||||
timeFormats: [
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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)'
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue