2019-06-28 17:02:30 +00:00
|
|
|
import { isIOS, isAndroid } from '../utils/deviceInfo';
|
2019-03-12 16:23:06 +00:00
|
|
|
|
2017-12-05 19:57:44 +00:00
|
|
|
export const STATUS_COLORS = {
|
|
|
|
online: '#2de0a5',
|
2019-12-04 16:39:53 +00:00
|
|
|
busy: '#f5455c',
|
2017-12-05 19:57:44 +00:00
|
|
|
away: '#ffd21f',
|
|
|
|
offline: '#cbced1'
|
|
|
|
};
|
2019-03-12 16:23:06 +00:00
|
|
|
|
2019-06-28 17:02:30 +00:00
|
|
|
export const SWITCH_TRACK_COLOR = {
|
2019-12-04 16:39:53 +00:00
|
|
|
false: isAndroid ? '#f5455c' : null,
|
|
|
|
true: '#2de0a5'
|
|
|
|
};
|
|
|
|
|
|
|
|
export const themes = {
|
|
|
|
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',
|
|
|
|
auxiliaryTintColor: '#caced1',
|
|
|
|
actionTintColor: '#1d74f5',
|
|
|
|
separatorColor: '#cbcbcc',
|
|
|
|
navbarBackground: '#ffffff',
|
|
|
|
headerBorder: '#B2B2B2',
|
|
|
|
headerBackground: isIOS ? '#f8f8f8' : '#2f343d',
|
|
|
|
headerSecondaryBackground: '#ffffff',
|
|
|
|
headerTintColor: isAndroid ? '#ffffff' : '#1d74f5',
|
|
|
|
headerTitleColor: isAndroid ? '#ffffff' : '#0d0e12',
|
|
|
|
headerSecondaryText: isAndroid ? '#9ca2a8' : '#1d74f5',
|
|
|
|
toastBackground: '#0C0D0F',
|
|
|
|
videoBackground: '#1f2329',
|
|
|
|
favoriteBackground: '#ffbb00',
|
|
|
|
hideBackground: '#54585e',
|
|
|
|
messageboxBackground: '#ffffff',
|
|
|
|
searchboxBackground: '#E6E6E7',
|
|
|
|
buttonBackground: '#414852',
|
2020-05-08 17:04:37 +00:00
|
|
|
buttonText: '#ffffff',
|
|
|
|
passcodeBackground: '#EEEFF1',
|
|
|
|
passcodeButtonActive: '#E4E7EA',
|
|
|
|
passcodeLockIcon: '#6C727A',
|
|
|
|
passcodePrimary: '#2F343D',
|
|
|
|
passcodeSecondary: '#6C727A',
|
|
|
|
passcodeDotEmpty: '#CBCED1',
|
2020-06-26 20:22:56 +00:00
|
|
|
passcodeDotFull: '#6C727A',
|
|
|
|
previewBackground: '#1F2329',
|
|
|
|
previewTintColor: '#ffffff'
|
2019-12-04 16:39:53 +00:00
|
|
|
},
|
|
|
|
dark: {
|
|
|
|
backgroundColor: '#030b1b',
|
|
|
|
focusedBackground: '#0b182c',
|
|
|
|
chatComponentBackground: '#192132',
|
|
|
|
auxiliaryBackground: '#07101e',
|
|
|
|
bannerBackground: '#0e1f38',
|
|
|
|
titleText: '#FFFFFF',
|
|
|
|
bodyText: '#e8ebed',
|
|
|
|
backdropColor: '#000000',
|
|
|
|
dangerColor: '#f5455c',
|
|
|
|
successColor: '#2de0a5',
|
|
|
|
borderColor: '#0f213d',
|
|
|
|
controlText: '#dadde6',
|
|
|
|
auxiliaryText: '#9297a2',
|
|
|
|
infoText: '#6D6D72',
|
|
|
|
tintColor: '#1d74f5',
|
|
|
|
auxiliaryTintColor: '#cdcdcd',
|
|
|
|
actionTintColor: '#1d74f5',
|
|
|
|
separatorColor: '#2b2b2d',
|
|
|
|
navbarBackground: '#0b182c',
|
|
|
|
headerBorder: '#2F3A4B',
|
|
|
|
headerBackground: '#0b182c',
|
|
|
|
headerSecondaryBackground: '#0b182c',
|
|
|
|
headerTintColor: isAndroid ? '#ffffff' : '#1d74f5',
|
|
|
|
headerTitleColor: '#FFFFFF',
|
|
|
|
headerSecondaryText: isAndroid ? '#9297a2' : '#1d74f5',
|
|
|
|
toastBackground: '#0C0D0F',
|
|
|
|
videoBackground: '#1f2329',
|
|
|
|
favoriteBackground: '#ffbb00',
|
|
|
|
hideBackground: '#54585e',
|
|
|
|
messageboxBackground: '#0b182c',
|
|
|
|
searchboxBackground: '#192d4d',
|
|
|
|
buttonBackground: '#414852',
|
2020-05-08 17:04:37 +00:00
|
|
|
buttonText: '#ffffff',
|
|
|
|
passcodeBackground: '#030C1B',
|
|
|
|
passcodeButtonActive: '#0B182C',
|
|
|
|
passcodeLockIcon: '#6C727A',
|
|
|
|
passcodePrimary: '#FFFFFF',
|
|
|
|
passcodeSecondary: '#CBCED1',
|
|
|
|
passcodeDotEmpty: '#CBCED1',
|
2020-06-26 20:22:56 +00:00
|
|
|
passcodeDotFull: '#6C727A',
|
|
|
|
previewBackground: '#030b1b',
|
|
|
|
previewTintColor: '#ffffff'
|
2019-12-04 16:39:53 +00:00
|
|
|
},
|
|
|
|
black: {
|
|
|
|
backgroundColor: '#000000',
|
|
|
|
focusedBackground: '#0d0d0d',
|
|
|
|
chatComponentBackground: '#16181a',
|
|
|
|
auxiliaryBackground: '#080808',
|
|
|
|
bannerBackground: '#1f2329',
|
|
|
|
titleText: '#f9f9f9',
|
|
|
|
bodyText: '#e8ebed',
|
|
|
|
backdropColor: '#000000',
|
|
|
|
dangerColor: '#f5455c',
|
|
|
|
successColor: '#2de0a5',
|
|
|
|
borderColor: '#1f2329',
|
|
|
|
controlText: '#dadde6',
|
|
|
|
auxiliaryText: '#b2b8c6',
|
|
|
|
infoText: '#6d6d72',
|
|
|
|
tintColor: '#1e9bfe',
|
|
|
|
auxiliaryTintColor: '#cdcdcd',
|
2020-04-30 16:00:39 +00:00
|
|
|
actionTintColor: '#1e9bfe',
|
2019-12-04 16:39:53 +00:00
|
|
|
separatorColor: '#272728',
|
|
|
|
navbarBackground: '#0d0d0d',
|
|
|
|
headerBorder: '#323232',
|
|
|
|
headerBackground: '#0d0d0d',
|
|
|
|
headerSecondaryBackground: '#0d0d0d',
|
|
|
|
headerTintColor: isAndroid ? '#ffffff' : '#1e9bfe',
|
|
|
|
headerTitleColor: '#f9f9f9',
|
|
|
|
headerSecondaryText: isAndroid ? '#b2b8c6' : '#1e9bfe',
|
|
|
|
toastBackground: '#0C0D0F',
|
|
|
|
videoBackground: '#1f2329',
|
|
|
|
favoriteBackground: '#ffbb00',
|
|
|
|
hideBackground: '#54585e',
|
|
|
|
messageboxBackground: '#0d0d0d',
|
|
|
|
searchboxBackground: '#1f1f1f',
|
|
|
|
buttonBackground: '#414852',
|
2020-05-08 17:04:37 +00:00
|
|
|
buttonText: '#ffffff',
|
|
|
|
passcodeBackground: '#000000',
|
|
|
|
passcodeButtonActive: '#0E0D0D',
|
|
|
|
passcodeLockIcon: '#6C727A',
|
|
|
|
passcodePrimary: '#FFFFFF',
|
|
|
|
passcodeSecondary: '#CBCED1',
|
|
|
|
passcodeDotEmpty: '#CBCED1',
|
2020-06-26 20:22:56 +00:00
|
|
|
passcodeDotFull: '#6C727A',
|
|
|
|
previewBackground: '#000000',
|
|
|
|
previewTintColor: '#ffffff'
|
2019-12-04 16:39:53 +00:00
|
|
|
}
|
2019-06-28 17:02:30 +00:00
|
|
|
};
|