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.
74 lines
1.3 KiB
74 lines
1.3 KiB
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
|
|
},
|
|
'&:focus': {
|
|
backgroundColor: colors.highlight
|
|
}
|
|
},
|
|
primary: {
|
|
backgroundColor: colors.lightningOrange,
|
|
color: colors.white
|
|
},
|
|
secondary: {
|
|
opacity: 0.6,
|
|
backgroundColor: 'transparent',
|
|
color: colors.primaryText,
|
|
'&:hover:enabled': {
|
|
opacity: 1
|
|
},
|
|
'&:focus': {
|
|
opacity: 1
|
|
}
|
|
}
|
|
}
|
|
const cards = {
|
|
success: {
|
|
backgroundColor: colors.pineGreen,
|
|
color: colors.superGreen
|
|
},
|
|
warning: {
|
|
backgroundColor: colors.lightningBrown,
|
|
color: colors.lightningOrange
|
|
},
|
|
error: {
|
|
backgroundColor: colors.mudBrown,
|
|
color: colors.superRed
|
|
}
|
|
}
|
|
const messages = {
|
|
success: {
|
|
color: colors.superGreen
|
|
},
|
|
warning: {
|
|
color: colors.lightningOrange
|
|
},
|
|
error: {
|
|
color: colors.superRed
|
|
}
|
|
}
|
|
|
|
export default {
|
|
name: 'dark',
|
|
...base,
|
|
colors,
|
|
buttons,
|
|
cards,
|
|
messages
|
|
}
|
|
|