mirror of
https://github.com/cpvalente/ontime.git
synced 2026-08-10 09:53:48 +00:00
Carlos Valente
e937af62b1
* chore: upgrade relevant deps * fix: electron app to tray * chore: cleanup dictionary * feat: handle several messages in a event * ux: disable irrelevant buttons in browser * feat: parse and validate subscriptions * feat: create UI for OSC Integration * fix: cleanup logger behaviour * feat: allow OSC settings to be changed at runtime
75 lines
1.8 KiB
TypeScript
75 lines
1.8 KiB
TypeScript
export const ontimeButtonFilled = {
|
|
background: '#2B5ABC', // $blue-700
|
|
color: '#fff', // pure-white
|
|
border: '1px solid #2B5ABC', // $blue-700
|
|
_hover: {
|
|
backgroundColor: '#0A43B9', // $blue-800
|
|
border: '1px solid #0A43B9', // $blue-800
|
|
_disabled: {
|
|
background: '#2B5ABC', // $blue-700
|
|
},
|
|
},
|
|
_active: {
|
|
backgroundColor: '#0036A6', // blue-900
|
|
borderColor: '#002A90', // blue-1000
|
|
},
|
|
};
|
|
|
|
export const ontimeButtonOutlined = {
|
|
backgroundColor: '#2d2d2d', // $gray-1100
|
|
color: '#e2e2e2', // $blue-400
|
|
border: '1px solid rgba(255, 255, 255, 0.10)', // white-10
|
|
_hover: {
|
|
backgroundColor: '#404040', // $gray-1000
|
|
},
|
|
_active: {
|
|
backgroundColor: '#2d2d2d', // $gray-1100
|
|
borderColor: '#202020', // $gray-12000
|
|
},
|
|
};
|
|
|
|
export const ontimeButtonSubtle = {
|
|
backgroundColor: '#303030', // $gray-1050
|
|
color: '#779BE7', // $blue-400
|
|
border: '1px solid transparent',
|
|
_hover: {
|
|
background: '#404040', // $gray-1000
|
|
},
|
|
_active: {
|
|
backgroundColor: '#2d2d2d', // $gray-1100
|
|
borderColor: '#202020', // $gray-12000
|
|
},
|
|
};
|
|
|
|
export const ontimeButtonSubtleOnLight = {
|
|
backgroundColor: '#ececec', // $gray-100
|
|
color: '#595959', // $gray-800
|
|
border: '1px solid transparent',
|
|
_hover: {
|
|
backgroundColor: '#cfcfcf', // $gray-200
|
|
},
|
|
_active: {
|
|
backgroundColor: '#ececec', // $gray-200
|
|
borderColor: '#ececec', // $gray-300
|
|
},
|
|
};
|
|
|
|
export const ontimeGhostOnLight = {
|
|
backgroundColor: 'transparent',
|
|
color: '#595959', // $gray-800
|
|
_hover: {
|
|
color: '#595959', // $gray-800
|
|
backgroundColor: '#ececec', // $gray-200
|
|
},
|
|
_active: {
|
|
backgroundColor: 'transparent',
|
|
borderColor: '#595959', // $gray-800
|
|
},
|
|
};
|
|
|
|
export const ontimeButtonSubtleWhite = {
|
|
...ontimeButtonSubtle,
|
|
color: '#f6f6f6', // $gray-50
|
|
fontWeight: 600,
|
|
};
|