@momentum-ui/react-collaboration
Version:
Cisco Momentum UI Framework for React Collaboration Applications
201 lines (200 loc) • 9.05 kB
JavaScript
export const light = {
'--mdl-button-primary-bg-color': '#007AA3',
'--mdl-button-primary-hover-bg-color': '#005E7D',
'--mdl-button-primary-pressed-bg-color': '#064157',
'--mdl-button-primary-text-color': '#F7F7F7',
'--mdl-button-primary-outline-color': '#005E7D',
'--mdl-button-primary-outline-text-color': '#005E7D',
'--mdl-button-secondary-bg-color': '#DEDEDE',
'--mdl-button-secondary-hover-bg-color': '#CCCCCC',
'--mdl-button-secondary-pressed-bg-color': '#B2B2B2',
'--mdl-button-secondary-text-color': '#121212',
'--mdl-button-secondary-outline-color': '#545454',
'--mdl-button-secondary-outline-text-color': '#545454',
'--mdl-button-join-bg-color': '#00853C',
'--mdl-button-join-hover-bg-color': '#03612C',
'--mdl-button-join-pressed-bg-color': '#08421F',
'--mdl-button-join-text-color': '#F7F7F7',
'--mdl-button-join-outline-color': '#03612C',
'--mdl-button-join-outline-text-color': '#03612C',
'--mdl-button-cancel-bg-color': '#D4371C',
'--mdl-button-cancel-hover-bg-color': '#A12512',
'--mdl-button-cancel-pressed-bg-color': '#6E1D13',
'--mdl-button-cancel-text-color': '#F7F7F7',
'--mdl-button-cancel-outline-color': '#A12512',
'--mdl-button-cancel-outline-text-color': '#A12512',
'--mdl-button-ghost-bg-color': 'none',
'--mdl-button-ghost-hover-bg-color': '#545454',
'--mdl-button-ghost-pressed-bg-color': '#3B3B3B',
'--mdl-button-ghost-text-color': '#121212',
'--mdl-button-focus-ring-color': '#007AA3',
'--mdl-button-disabled-bg-color': '#DEDEDE',
'--mdl-button-disabled-text-color': '#B2B2B2',
'--mdl-input-background-color': '#FFFFFF',
'--mdl-input-background-hover': '#DEDEDE',
'--mdl-input-background-pressed': '#CCCCCC',
'--mdl-input-background-active': '#DEDEDE',
'--mdl-input-background-theme-color': '#007AA3',
'--mdl-input-background-theme-hover': '#005E7D',
'--mdl-input-background-theme-pressed': '#064157',
'--mdl-input-background-theme-active': '#064157',
'--mdl-input-background-theme-disabled': '#EBFCFF',
'--mdl-input-background-error': '#FFF5F2',
'--mdl-input-disabled': '#EDEDED',
'--mdl-input-focusRing': '#007AA3',
'--mdl-input-outline-color': '#CCCCCC',
'--mdl-input-outline-active': '#B2B2B2',
'--mdl-input-outline-error': '#F7644A',
'--mdl-input-text-primary': '#121212',
'--mdl-input-text-secondary': '#545454',
'--mdl-input-text-disabled': '#B2B2B2',
'--mdl-input-text-error': '#A12512',
'--mdl-textColor-primary': '#121212',
'--mdl-textColor-secondary': '#545454',
'--mdl-textColor-disabled': '#B2B2B2',
'--mdl-textColor-highlight': '#DEDEDE',
'--mdl-textColor-hyperlink-color': '#005E7D',
'--mdl-textColor-hyperlink-hover': '#092D3B',
'--mdl-textColor-hyperlink-focus': '#005E7D',
'--mdl-background-primary': '#FFFFFF',
'--mdl-background-secondary': '#F7F7F7',
'--mdl-background-tertiary': '#EDEDED',
'--mdl-background-quaternary': '#DEDEDE',
'--mdl-presence-busy': '#FC9D03',
'--mdl-presence-doNotDisturb': '#D4371C',
'--mdl-presence-active': '#00AB50',
'--mdl-presence-away': '#CCCCCC',
'--mdl-alert-background-warning': '#FFECC2',
'--mdl-alert-background-error': '#FFE8E3',
'--mdl-alert-background-theme': '#C9F4FF',
'--mdl-alert-background-success': '#BEFADE',
'--mdl-alert-text-warning': '#7D4705',
'--mdl-alert-text-error': '#A12512',
'--mdl-alert-text-theme': '#005E7D',
'--mdl-alert-text-success': '#03612C',
'--mdl-avatar-cobalt': '#99DDFF',
'--mdl-avatar-cyan': '#67E7F0',
'--mdl-avatar-gold': '#EBD460',
'--mdl-avatar-gray': '#CCCCCC',
'--mdl-avatar-lime': '#BCE36F',
'--mdl-avatar-mint': '#74E8D1',
'--mdl-avatar-orange': '#FFCA99',
'--mdl-avatar-pink': '#FFC7D2',
'--mdl-avatar-purple': '#FAC3F8',
'--mdl-avatar-slate': '#CED2ED',
'--mdl-avatar-violet': '#E2CAFC',
'--mdl-separator-primary': '#CCCCCC',
'--mdl-separator-secondary': '#B2B2B2',
'--mdl-button-files-normal-bg-color': 'none',
'--mdl-button-files-pressed-bg-color': '#54330D',
'--mdl-button-files-hover-bg-color': '#7D4705',
'--mdl-button-files-normal-text-color': '#121212',
'--mdl-button-files-pressed-text-color': '#F7F7F7',
'--mdl-button-files-hover-text-color': '#FFFFFF',
'--mdl-button-whiteboards-normal-bg-color': 'none',
'--mdl-button-whiteboards-pressed-bg-color': '#601E66',
'--mdl-button-whiteboards-hover-bg-color': '#932099',
'--mdl-button-whiteboards-normal-text-color': '#121212',
'--mdl-button-whiteboards-pressed-text-color': '#F7F7F7',
'--mdl-button-whiteboards-hover-text-color': '#FFFFFF',
};
export const dark = {
'--mdl-button-primary-bg-color': '#007AA3',
'--mdl-button-primary-hover-bg-color': '#005E7D',
'--mdl-button-primary-pressed-bg-color': '#064157',
'--mdl-button-primary-text-color': '#F7F7F7',
'--mdl-button-primary-outline-color': '#07C1F5',
'--mdl-button-primary-outline-text-color': '#07C1F5',
'--mdl-button-secondary-bg-color': '#707070',
'--mdl-button-secondary-hover-bg-color': '#545454',
'--mdl-button-secondary-pressed-bg-color': '#3B3B3B',
'--mdl-button-secondary-text-color': '#F7F7F7',
'--mdl-button-secondary-outline-color': '#B2B2B2',
'--mdl-button-secondary-outline-text-color': '#B2B2B2',
'--mdl-button-join-bg-color': '#00853C',
'--mdl-button-join-hover-bg-color': '#03612C',
'--mdl-button-join-pressed-bg-color': '#08421F',
'--mdl-button-join-text-color': '#F7F7F7',
'--mdl-button-join-outline-color': '#00CF64',
'--mdl-button-join-outline-text-color': '#00CF64',
'--mdl-button-cancel-bg-color': '#D4371C',
'--mdl-button-cancel-hover-bg-color': '#A12512',
'--mdl-button-cancel-pressed-bg-color': '#6E1D13',
'--mdl-button-cancel-text-color': '#F7F7F7',
'--mdl-button-cancel-outline-color': '#FF9580',
'--mdl-button-cancel-outline-text-color': '#FF9580',
'--mdl-button-ghost-bg-color': 'none',
'--mdl-button-ghost-hover-bg-color': '#545454',
'--mdl-button-ghost-pressed-bg-color': '#707070',
'--mdl-button-ghost-text-color': '#F7F7F7',
'--mdl-button-focus-ring-color': '#07C1F5',
'--mdl-button-disabled-bg-color': '#292929',
'--mdl-button-disabled-text-color': '#545454',
'--mdl-input-background-color': '#121212',
'--mdl-input-background-hover': '#3B3B3B',
'--mdl-input-background-pressed': '#545454',
'--mdl-input-background-active': '#3B3B3B',
'--mdl-input-background-theme-color': '#07C1F5',
'--mdl-input-background-theme-hover': '#00A0D1',
'--mdl-input-background-theme-pressed': '#007AA3',
'--mdl-input-background-theme-active': '#007AA3',
'--mdl-input-background-theme-disabled': '#092D3B',
'--mdl-input-background-error': '#4A1812',
'--mdl-input-disabled': '#292929',
'--mdl-input-focusRing': '#07C1F5',
'--mdl-input-outline-color': '#545454',
'--mdl-input-outline-active': '#707070',
'--mdl-input-outline-error': '#F7644A',
'--mdl-input-text-primary': '#F7F7F7',
'--mdl-input-text-secondary': '#545454',
'--mdl-input-text-disabled': '#B2B2B2',
'--mdl-input-text-error': '#FF9580',
'--mdl-textColor-primary': '#F7F7F7',
'--mdl-textColor-secondary': '#B2B2B2',
'--mdl-textColor-disabled': '#545454',
'--mdl-textColor-highlight': '#3B3B3B',
'--mdl-textColor-hyperlink-color': '#07C1F5',
'--mdl-textColor-hyperlink-hover': '#91EBFF',
'--mdl-textColor-hyperlink-focus': '#07C1F5',
'--mdl-background-primary': '#121212',
'--mdl-background-secondary': '#1C1C1C',
'--mdl-background-tertiary': '#292929',
'--mdl-background-quaternary': '#3B3B3B',
'--mdl-presence-busy': '#FC9D03',
'--mdl-presence-doNotDisturb': '#D4371C',
'--mdl-presence-active': '#00AB50',
'--mdl-presence-away': '#CCCCCC',
'--mdl-alert-background-warning': '#54330D',
'--mdl-alert-background-error': '#6E1D13',
'--mdl-alert-background-theme': '#064157',
'--mdl-alert-background-success': '#08421F',
'--mdl-alert-text-warning': '#FC9D03',
'--mdl-alert-text-error': '#FF9580',
'--mdl-alert-text-theme': '#07C1F5',
'--mdl-alert-text-success': '#00CF64',
'--mdl-avatar-cobalt': '#99DDFF',
'--mdl-avatar-cyan': '#67E7F0',
'--mdl-avatar-gold': '#EBD460',
'--mdl-avatar-gray': '#CCCCCC',
'--mdl-avatar-lime': '#BCE36F',
'--mdl-avatar-mint': '#74E8D1',
'--mdl-avatar-orange': '#FFCA99',
'--mdl-avatar-pink': '#FFC7D2',
'--mdl-avatar-purple': '#FAC3F8',
'--mdl-avatar-slate': '#CED2ED',
'--mdl-avatar-violet': '#E2CAFC',
'--mdl-separator-primary': '#545454',
'--mdl-separator-secondary': '#707070',
'--mdl-button-files-normal-bg-color': 'none',
'--mdl-button-files-pressed-bg-color': '#D97F00',
'--mdl-button-files-hover-bg-color': '#3B3B3B',
'--mdl-button-files-normal-text-color': '#F7F7F7',
'--mdl-button-files-pressed-text-color': '#F7F7F7',
'--mdl-button-files-hover-text-color': '#F7F7F7',
'--mdl-button-whiteboards-normal-bg-color': 'none',
'--mdl-button-whiteboards-pressed-bg-color': '#E060DE',
'--mdl-button-whiteboards-hover-bg-color': '#3B3B3B',
'--mdl-button-whiteboards-normal-text-color': '#F7F7F7',
'--mdl-button-whiteboards-pressed-text-color': '#F7F7F7',
'--mdl-button-whiteboards-hover-text-color': '#F7F7F7',
};