179 lines
4.8 KiB
TypeScript
179 lines
4.8 KiB
TypeScript
export const STATUS_COLORS: any = {
|
|
online: '#2de0a5',
|
|
busy: '#f5455c',
|
|
away: '#ffd21f',
|
|
offline: '#cbced1',
|
|
loading: '#9ea2a8'
|
|
};
|
|
|
|
export const SWITCH_TRACK_COLOR = {
|
|
false: '#f5455c',
|
|
true: '#2de0a5'
|
|
};
|
|
|
|
const mentions = {
|
|
unreadColor: '#6C727A',
|
|
tunreadColor: '#1d74f5',
|
|
mentionMeColor: '#F5455C',
|
|
mentionGroupColor: '#F38C39',
|
|
mentionOtherColor: '#F3BE08'
|
|
};
|
|
|
|
export const colors = {
|
|
light: {
|
|
backgroundColor: '#ffffff',
|
|
focusedBackground: '#ffffff',
|
|
chatComponentBackground: '#f3f4f5',
|
|
auxiliaryBackground: '#efeff4',
|
|
bannerBackground: '#f1f2f4',
|
|
titleText: '#0d0e12',
|
|
bodyText: '#2f343d',
|
|
backdropColor: '#000000',
|
|
dangerColor: '#f5455c',
|
|
successColor: '#2de0a5',
|
|
borderColor: '#e1e5e8',
|
|
controlText: '#54585e',
|
|
auxiliaryText: '#9ca2a8',
|
|
infoText: '#6d6d72',
|
|
tintColor: '#1d74f5',
|
|
tintActive: '#549df9',
|
|
tintDisabled: '#88B4F5',
|
|
auxiliaryTintColor: '#6C727A',
|
|
actionTintColor: '#1d74f5',
|
|
separatorColor: '#cbcbcc',
|
|
navbarBackground: '#ffffff',
|
|
headerBorder: '#B2B2B2',
|
|
headerBackground: '#EEEFF1',
|
|
headerSecondaryBackground: '#ffffff',
|
|
headerTintColor: '#6C727A',
|
|
headerTitleColor: '#0C0D0F',
|
|
headerSecondaryText: '#1d74f5',
|
|
toastBackground: '#0C0D0F',
|
|
videoBackground: '#1f2329',
|
|
favoriteBackground: '#ffbb00',
|
|
hideBackground: '#54585e',
|
|
messageboxBackground: '#ffffff',
|
|
searchboxBackground: '#E6E6E7',
|
|
buttonBackground: '#414852',
|
|
buttonText: '#ffffff',
|
|
passcodeBackground: '#EEEFF1',
|
|
passcodeButtonActive: '#E4E7EA',
|
|
passcodeLockIcon: '#6C727A',
|
|
passcodePrimary: '#2F343D',
|
|
passcodeSecondary: '#6C727A',
|
|
passcodeDotEmpty: '#CBCED1',
|
|
passcodeDotFull: '#6C727A',
|
|
previewBackground: '#1F2329',
|
|
previewTintColor: '#ffffff',
|
|
backdropOpacity: 0.3,
|
|
attachmentLoadingOpacity: 0.7,
|
|
collapsibleQuoteBorder: '#CBCED1',
|
|
collapsibleChevron: '#6C727A',
|
|
...mentions
|
|
},
|
|
dark: {
|
|
backgroundColor: '#030b1b',
|
|
focusedBackground: '#0b182c',
|
|
chatComponentBackground: '#192132',
|
|
auxiliaryBackground: '#07101e',
|
|
bannerBackground: '#0e1f38',
|
|
titleText: '#f9f9f9',
|
|
bodyText: '#cbced1',
|
|
backdropColor: '#000000',
|
|
dangerColor: '#f5455c',
|
|
successColor: '#2de0a5',
|
|
borderColor: '#0f213d',
|
|
controlText: '#dadde6',
|
|
auxiliaryText: '#9297a2',
|
|
infoText: '#6D6D72',
|
|
tintColor: '#1d74f5',
|
|
tintActive: '#549df9',
|
|
tintDisabled: '#88B4F5',
|
|
auxiliaryTintColor: '#f9f9f9',
|
|
actionTintColor: '#1d74f5',
|
|
separatorColor: '#2b2b2d',
|
|
navbarBackground: '#0b182c',
|
|
headerBorder: '#2F3A4B',
|
|
headerBackground: '#0b182c',
|
|
headerSecondaryBackground: '#0b182c',
|
|
headerTintColor: '#f9f9f9',
|
|
headerTitleColor: '#f9f9f9',
|
|
headerSecondaryText: '#9297a2',
|
|
toastBackground: '#0C0D0F',
|
|
videoBackground: '#1f2329',
|
|
favoriteBackground: '#ffbb00',
|
|
hideBackground: '#54585e',
|
|
messageboxBackground: '#0b182c',
|
|
searchboxBackground: '#192d4d',
|
|
buttonBackground: '#414852',
|
|
buttonText: '#ffffff',
|
|
passcodeBackground: '#030C1B',
|
|
passcodeButtonActive: '#0B182C',
|
|
passcodeLockIcon: '#6C727A',
|
|
passcodePrimary: '#FFFFFF',
|
|
passcodeSecondary: '#CBCED1',
|
|
passcodeDotEmpty: '#CBCED1',
|
|
passcodeDotFull: '#6C727A',
|
|
previewBackground: '#030b1b',
|
|
previewTintColor: '#ffffff',
|
|
backdropOpacity: 0.9,
|
|
attachmentLoadingOpacity: 0.3,
|
|
collapsibleQuoteBorder: '#CBCED1',
|
|
collapsibleChevron: '#6C727A',
|
|
...mentions
|
|
},
|
|
black: {
|
|
backgroundColor: '#000000',
|
|
focusedBackground: '#0d0d0d',
|
|
chatComponentBackground: '#16181a',
|
|
auxiliaryBackground: '#080808',
|
|
bannerBackground: '#1f2329',
|
|
titleText: '#f9f9f9',
|
|
bodyText: '#cbced1',
|
|
backdropColor: '#000000',
|
|
dangerColor: '#f5455c',
|
|
successColor: '#2de0a5',
|
|
borderColor: '#1f2329',
|
|
controlText: '#dadde6',
|
|
auxiliaryText: '#b2b8c6',
|
|
infoText: '#6d6d72',
|
|
tintColor: '#1e9bfe',
|
|
tintActive: '#76b7fc',
|
|
tintDisabled: '#88B4F5', // TODO: Evaluate this with design team
|
|
auxiliaryTintColor: '#f9f9f9',
|
|
actionTintColor: '#1e9bfe',
|
|
separatorColor: '#272728',
|
|
navbarBackground: '#0d0d0d',
|
|
headerBorder: '#323232',
|
|
headerBackground: '#0d0d0d',
|
|
headerSecondaryBackground: '#0d0d0d',
|
|
headerTintColor: '#f9f9f9',
|
|
headerTitleColor: '#f9f9f9',
|
|
headerSecondaryText: '#b2b8c6',
|
|
toastBackground: '#0C0D0F',
|
|
videoBackground: '#1f2329',
|
|
favoriteBackground: '#ffbb00',
|
|
hideBackground: '#54585e',
|
|
messageboxBackground: '#0d0d0d',
|
|
searchboxBackground: '#1f1f1f',
|
|
buttonBackground: '#414852',
|
|
buttonText: '#ffffff',
|
|
passcodeBackground: '#000000',
|
|
passcodeButtonActive: '#0E0D0D',
|
|
passcodeLockIcon: '#6C727A',
|
|
passcodePrimary: '#FFFFFF',
|
|
passcodeSecondary: '#CBCED1',
|
|
passcodeDotEmpty: '#CBCED1',
|
|
passcodeDotFull: '#6C727A',
|
|
previewBackground: '#000000',
|
|
previewTintColor: '#ffffff',
|
|
backdropOpacity: 0.9,
|
|
attachmentLoadingOpacity: 0.3,
|
|
collapsibleQuoteBorder: '#CBCED1',
|
|
collapsibleChevron: '#6C727A',
|
|
...mentions
|
|
}
|
|
};
|
|
|
|
export const themes: any = colors;
|