Changeset View
Changeset View
Standalone View
Standalone View
native/themes/colors.js
| Show First 20 Lines • Show All 83 Lines • ▼ Show 20 Lines | const light = Object.freeze({ | ||||
| vibrantRedButton: '#F53100', | vibrantRedButton: '#F53100', | ||||
| tooltipBackground: '#E0E0E0', | tooltipBackground: '#E0E0E0', | ||||
| logInSpacer: '#FFFFFF33', | logInSpacer: '#FFFFFF33', | ||||
| logInText: 'white', | logInText: 'white', | ||||
| siweButton: 'white', | siweButton: 'white', | ||||
| siweButtonText: '#1F1F1F', | siweButtonText: '#1F1F1F', | ||||
| drawerExpandButton: '#808080', | drawerExpandButton: '#808080', | ||||
| drawerExpandButtonDisabled: '#404040', | drawerExpandButtonDisabled: '#404040', | ||||
| drawerItemLabel: '#CCCCCC', | |||||
| drawerOpenCommunityBackground: '#333333', | |||||
| }); | }); | ||||
| 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: '#444444', | disabledButton: '#444444', | ||||
| ▲ Show 20 Lines • Show All 66 Lines • ▼ Show 20 Lines | const dark: Colors = Object.freeze({ | ||||
| vibrantRedButton: '#F53100', | vibrantRedButton: '#F53100', | ||||
| tooltipBackground: '#1F1F1F', | tooltipBackground: '#1F1F1F', | ||||
| logInSpacer: '#FFFFFF33', | logInSpacer: '#FFFFFF33', | ||||
| logInText: 'white', | logInText: 'white', | ||||
| siweButton: 'white', | siweButton: 'white', | ||||
| siweButtonText: '#1F1F1F', | siweButtonText: '#1F1F1F', | ||||
| drawerExpandButton: '#808080', | drawerExpandButton: '#808080', | ||||
| drawerExpandButtonDisabled: '#404040', | drawerExpandButtonDisabled: '#404040', | ||||
| drawerItemLabel: '#CCCCCC', | |||||
| drawerOpenCommunityBackground: '#333333', | |||||
| }); | }); | ||||
| 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 129 Lines • Show Last 20 Lines | |||||