mirror of
https://github.com/cpvalente/ontime.git
synced 2026-08-08 17:03:53 +00:00
Carlos Valente
d486d78594
* feat: implement progress bar on running event * refactor: use event action hook * refactor: align backend data * style: v2 style tweaks * style: v2 style tweaks + ts <Info> * fix: fix delay increment calls * style: v2 style tweaks + ts <Playback> * style: v2 style tweaks + ts <EventEditor> * style: v2 style tweaks + ts <MessageControl> * fix: naming issue with message control socket endpoint * chore: upgrade style dependencies * style: v2 style tweaks + ts <MenuBar> * style: v2 style tweaks + ts <RundownMenu> * style: v2 style tweaks + ts <Playback> * fix: add selected and next information to EventTimer * style: v2 style tweaks + ts <EventBlock> * style: v2 style tweaks + ts <DelayBlock> * style: v2 style tweaks + ts <BlockBlock> * style: v2 style tweaks + ts <QuickEntry> * refactor: extract <TextInput> logic * chore: upgrade build dependencies * chore: folder structure refactor * fix: issue with dependency path in electron * chore: update version in demo db
44 lines
1.0 KiB
TypeScript
44 lines
1.0 KiB
TypeScript
const commonStyles = {
|
|
borderRadius: '3px',
|
|
fontWeight: '400',
|
|
backgroundColor: '#2d2d2d', // $gray-1100
|
|
color: '#e2e2e2', // $gray-200
|
|
border: '1px solid transparent',
|
|
_hover: {
|
|
backgroundColor: '#404040', // $gray-1000
|
|
},
|
|
_focus: {
|
|
backgroundColor: '#404040', // $gray-1000
|
|
color: '#f6f6f6', // $gray-50
|
|
border: '1px solid #578AF4', // $blue-500
|
|
},
|
|
_placeholder: { color: '#9d9d9d' }, // $gray-500
|
|
};
|
|
|
|
export const ontimeInputFilled = {
|
|
field: {
|
|
...commonStyles,
|
|
},
|
|
};
|
|
|
|
export const ontimeTextAreaFilled = {
|
|
...commonStyles,
|
|
};
|
|
|
|
export const ontimeTextAreaFilledOnLight = {
|
|
borderRadius: '3px',
|
|
fontWeight: '400',
|
|
backgroundColor: '#ececec', // $gray-100
|
|
color: '#202020', // $gray-1200
|
|
border: '1px solid transparent',
|
|
_hover: {
|
|
backgroundColor: '#cfcfcf', // $gray-300
|
|
},
|
|
_focus: {
|
|
backgroundColor: '#cfcfcf', // $gray-300
|
|
color: '#101010',
|
|
border: '1px solid #578AF4', // $blue-500
|
|
},
|
|
_placeholder: { color: '#9d9d9d' }, // $gray-500
|
|
}
|