mirror of
https://github.com/cpvalente/ontime.git
synced 2026-08-05 23:43:57 +00:00
Carlos Valente
817ebcdd26
* chore: cleanup outdated comment * style: align blocks * style: use ui-black background * chore: clarify docs * feat: event defaults * chore: cleanup
52 lines
1.1 KiB
TypeScript
52 lines
1.1 KiB
TypeScript
const commonStyles = {
|
|
fontWeight: '400',
|
|
backgroundColor: '#262626', // $gray-1200
|
|
color: '#e2e2e2', // $gray-200
|
|
border: '1px solid transparent',
|
|
borderRadius: '3px',
|
|
_hover: {
|
|
backgroundColor: '#2d2d2d', // $gray-1100
|
|
},
|
|
_focus: {
|
|
backgroundColor: '#2d2d2d', // $gray-1000
|
|
color: '#f6f6f6', // $gray-50
|
|
border: '1px solid #578AF4', // $blue-500
|
|
},
|
|
_placeholder: { color: '#9d9d9d' }, // $gray-500
|
|
_disabled: {
|
|
_hover: {
|
|
backgroundColor: '#262626', // $gray-1200
|
|
},
|
|
},
|
|
};
|
|
|
|
export const ontimeInputFilled = {
|
|
field: {
|
|
...commonStyles,
|
|
},
|
|
};
|
|
|
|
export const ontimeInputGhosted = {
|
|
field: {
|
|
...commonStyles,
|
|
backgroundColor: 'transparent',
|
|
color: '#f6f6f6', // $gray-50
|
|
_hover: {
|
|
backgroundColor: 'transparent',
|
|
border: '1px solid #2B5ABC', // $blue-500
|
|
},
|
|
},
|
|
};
|
|
|
|
export const ontimeTextAreaFilled = {
|
|
...commonStyles,
|
|
};
|
|
|
|
export const ontimeTextAreaTransparent = {
|
|
...commonStyles,
|
|
backgroundColor: 'transparent',
|
|
_hover: {
|
|
backgroundColor: 'rgba(255, 255, 255, 0.10)', // $white-10
|
|
},
|
|
};
|