Changeset View
Changeset View
Standalone View
Standalone View
native/themes/colors.js
Show First 20 Lines • Show All 89 Lines • ▼ Show 20 Lines | const light = Object.freeze({ | ||||
drawerOpenCommunityBackground: '#F5F5F5', | drawerOpenCommunityBackground: '#F5F5F5', | ||||
drawerBackground: '#FFFFFF', | drawerBackground: '#FFFFFF', | ||||
subthreadsModalClose: '#808080', | subthreadsModalClose: '#808080', | ||||
subthreadsModalBackground: '#EBEBEB', | subthreadsModalBackground: '#EBEBEB', | ||||
subthreadsModalSearch: '#00000008', | subthreadsModalSearch: '#00000008', | ||||
messageLabel: '#0A0A0A', | messageLabel: '#0A0A0A', | ||||
modalSeparator: '#CCCCCC', | modalSeparator: '#CCCCCC', | ||||
secondaryButtonBorder: '#FFFFFF', | secondaryButtonBorder: '#FFFFFF', | ||||
inviteLinkHeaderColor: '#0A0A0A', | |||||
inviteLinkButtonBackground: '#CCCCCC', | |||||
}); | }); | ||||
export type Colors = $Exact<typeof light>; | export type Colors = $Exact<typeof light>; | ||||
const dark: Colors = Object.freeze({ | const dark: Colors = Object.freeze({ | ||||
blockQuoteBackground: '#A9A9A9', | blockQuoteBackground: '#A9A9A9', | ||||
blockQuoteBorder: '#808080', | blockQuoteBorder: '#808080', | ||||
codeBackground: '#0A0A0A', | codeBackground: '#0A0A0A', | ||||
disabledButton: '#404040', | disabledButton: '#404040', | ||||
▲ Show 20 Lines • Show All 75 Lines • ▼ Show 20 Lines | const dark: Colors = Object.freeze({ | ||||
subthreadsModalBackground: '#1F1F1F', | subthreadsModalBackground: '#1F1F1F', | ||||
subthreadsModalSearch: '#FFFFFF04', | subthreadsModalSearch: '#FFFFFF04', | ||||
typeaheadTooltipBackground: '#1F1F1f', | typeaheadTooltipBackground: '#1F1F1f', | ||||
typeaheadTooltipBorder: '#404040', | typeaheadTooltipBorder: '#404040', | ||||
typeaheadTooltipText: 'white', | typeaheadTooltipText: 'white', | ||||
messageLabel: '#CCCCCC', | messageLabel: '#CCCCCC', | ||||
modalSeparator: '#404040', | modalSeparator: '#404040', | ||||
secondaryButtonBorder: '#FFFFFF', | secondaryButtonBorder: '#FFFFFF', | ||||
inviteLinkHeaderColor: '#EBEBEB', | |||||
inviteLinkButtonBackground: '#404040', | |||||
}); | }); | ||||
const colors = { light, dark }; | const colors = { light, dark }; | ||||
const colorsSelector: (state: AppState) => Colors = createSelector( | const colorsSelector: (state: AppState) => Colors = createSelector( | ||||
(state: AppState) => state.globalThemeInfo.activeTheme, | (state: AppState) => state.globalThemeInfo.activeTheme, | ||||
(theme: ?GlobalTheme) => { | (theme: ?GlobalTheme) => { | ||||
const explicitTheme = theme ? theme : 'light'; | const explicitTheme = theme ? theme : 'light'; | ||||
return colors[explicitTheme]; | return colors[explicitTheme]; | ||||
▲ Show 20 Lines • Show All 127 Lines • Show Last 20 Lines |