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.
67 lines
1.2 KiB
67 lines
1.2 KiB
import base, { palette } from './base'
|
|
|
|
const colors = {
|
|
...palette,
|
|
invisibleGray: '#555',
|
|
darkestBackground: '#fff',
|
|
lightBackground: '#ebebeb',
|
|
lightestBackground: '#f3f3f3',
|
|
highlight: '#f6f6f6',
|
|
primaryText: '#000',
|
|
gradient: 'linear-gradient(270deg, #fd9800 0%, #ffbd59 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.lightningOrange,
|
|
'&:hover:enabled': {
|
|
color: colors.black
|
|
}
|
|
}
|
|
}
|
|
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: 'light',
|
|
...base,
|
|
colors,
|
|
buttons,
|
|
cards,
|
|
messages
|
|
}
|
|
|