You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
1.1 KiB
56 lines
1.1 KiB
6 years ago
|
import base, { palette } from './base'
|
||
|
|
|
||
|
|
const colors = {
|
||
|
|
...palette,
|
||
|
|
invisibleGray: '#555',
|
||
|
|
darkestBackground: '#242633',
|
||
|
|
lightBackground: '#313340',
|
||
|
|
lightestBackground: '#373947',
|
||
|
|
highlight: '#353745',
|
||
|
|
primaryText: '#fff',
|
||
|
|
gradient: 'linear-gradient(270deg, #868b9f 0%, #333c5e 100%)'
|
||
|
|
}
|
||
|
|
|
||
|
|
const buttons = {
|
||
|
|
normal: {
|
||
|
|
backgroundColor: colors.lightBackground,
|
||
|
|
color: colors.lightningOrange,
|
||
|
|
'&:hover:enabled': {
|
||
|
|
backgroundColor: colors.highlight
|
||
|
|
}
|
||
|
|
},
|
||
|
|
primary: {
|
||
|
|
backgroundColor: colors.lightningOrange,
|
||
|
|
color: colors.white
|
||
|
|
},
|
||
|
|
secondary: {
|
||
|
|
backgroundColor: 'transparent',
|
||
|
|
color: colors.white,
|
||
|
|
'&:hover:enabled': {
|
||
|
|
color: colors.lightningOrange
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
const cards = {
|
||
|
|
success: {
|
||
|
|
backgroundColor: colors.pineGreen,
|
||
|
|
color: colors.superGreen
|
||
|
|
},
|
||
|
|
warning: {
|
||
|
|
backgroundColor: colors.lightningBrown,
|
||
|
|
color: colors.lightningOrange
|
||
|
|
},
|
||
|
|
error: {
|
||
|
|
backgroundColor: colors.mudBrown,
|
||
|
|
color: colors.superRed
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'dark',
|
||
|
|
...base,
|
||
|
|
colors,
|
||
|
|
buttons,
|
||
|
|
cards
|
||
|
|
}
|