diff --git a/native/themes/colors.js b/native/themes/colors.js --- a/native/themes/colors.js +++ b/native/themes/colors.js @@ -11,142 +11,140 @@ import type { GlobalTheme } from '../types/themes'; const light = Object.freeze({ - redButton: '#BB8888', + blockQuoteBackground: '#D3D3D3', + blockQuoteBorder: '#C0C0C0', + codeBackground: '#DCDCDC', + disconnectedBarBackground: '#FFFFFF', + editButton: '#A4A4A2', + floatingButtonBackground: '#999999', + floatingButtonLabel: '#EEEEEE', greenButton: '#6EC472', - vibrantRedButton: '#F53100', - vibrantGreenButton: '#00C853', - mintButton: '#44CC99', - redText: '#AA0000', greenText: 'green', + headerChevron: '#0A0A0A', link: '#036AFF', - markdownLink: '#000000', - panelBackground: '#E9E9EF', - panelBackgroundLabel: '#888888', - panelForeground: 'white', - panelForegroundBorder: '#CCCCCC', - panelForegroundLabel: 'black', - panelForegroundSecondaryLabel: '#333333', - panelForegroundTertiaryLabel: '#888888', - panelIosHighlightUnderlay: '#EEEEEEDD', - panelSecondaryForeground: '#F5F5F5', - panelSecondaryForegroundBorder: '#D1D1D6', - modalForeground: 'white', - modalForegroundBorder: '#CCCCCC', - modalForegroundLabel: 'black', - modalForegroundSecondaryLabel: '#888888', - modalForegroundTertiaryLabel: '#AAAAAA', - modalBackground: '#EEEEEE', - modalBackgroundLabel: '#333333', - modalBackgroundSecondaryLabel: '#AAAAAA', - modalIosHighlightUnderlay: '#CCCCCCDD', - modalSubtext: '#CCCCCC', - modalSubtextLabel: '#555555', - modalButton: '#BBBBBB', - modalButtonLabel: 'black', - modalContrastBackground: 'black', - modalContrastForegroundLabel: 'white', - modalContrastOpacity: 0.7, - listForegroundLabel: 'black', - listForegroundSecondaryLabel: '#333333', - listForegroundTertiaryLabel: '#666666', - listForegroundQuaternaryLabel: '#AAAAAA', listBackground: 'white', listBackgroundLabel: 'black', listBackgroundSecondaryLabel: '#444444', listBackgroundTernaryLabel: '#999999', - listSeparator: '#EEEEEE', - listSeparatorLabel: '#555555', + listChatBubble: '#DDDDDDBB', + listForegroundLabel: 'black', + listForegroundQuaternaryLabel: '#AAAAAA', + listForegroundSecondaryLabel: '#333333', + listForegroundTertiaryLabel: '#666666', + listInputBackground: '#DDDDDD', listInputBar: '#E2E2E2', listInputBorder: '#AAAAAAAA', listInputButton: '#888888', - listInputBackground: '#DDDDDD', listIosHighlightUnderlay: '#DDDDDDDD', listSearchBackground: '#E2E2E2', listSearchIcon: '#AAAAAA', - listChatBubble: '#DDDDDDBB', + listSeparator: '#EEEEEE', + listSeparatorLabel: '#555555', + markdownLink: '#000000', + mintButton: '#44CC99', + modalBackground: '#EEEEEE', + modalBackgroundLabel: '#333333', + modalBackgroundSecondaryLabel: '#AAAAAA', + modalButton: '#BBBBBB', + modalButtonLabel: 'black', + modalContrastBackground: 'black', + modalContrastForegroundLabel: 'white', + modalContrastOpacity: 0.7, + modalForeground: 'white', + modalForegroundBorder: '#CCCCCC', + modalForegroundLabel: 'black', + modalForegroundSecondaryLabel: '#888888', + modalForegroundTertiaryLabel: '#AAAAAA', + modalIosHighlightUnderlay: '#CCCCCCDD', + modalSubtext: '#CCCCCC', + modalSubtextLabel: '#555555', navigationCard: '#FFFFFF', - floatingButtonBackground: '#999999', - floatingButtonLabel: '#EEEEEE', - blockQuoteBackground: '#D3D3D3', - blockQuoteBorder: '#C0C0C0', - codeBackground: '#DCDCDC', - disconnectedBarBackground: '#FFFFFF', - - tabBarBackground: '#F5F5F5', - tabBarAccent: '#AE94DB', - headerChevron: '#0A0A0A', navigationChevron: '#A4A4A2', - editButton: '#A4A4A2', + panelBackground: '#E9E9EF', + panelBackgroundLabel: '#888888', + panelForeground: 'white', + panelForegroundBorder: '#CCCCCC', + panelForegroundLabel: 'black', + panelForegroundSecondaryLabel: '#333333', + panelForegroundTertiaryLabel: '#888888', + panelIosHighlightUnderlay: '#EEEEEEDD', + panelSecondaryForeground: '#F5F5F5', + panelSecondaryForegroundBorder: '#D1D1D6', + redButton: '#BB8888', + redText: '#AA0000', + tabBarAccent: '#AE94DB', + tabBarBackground: '#F5F5F5', + vibrantGreenButton: '#00C853', + vibrantRedButton: '#F53100', }); export type Colors = $Exact; const dark: Colors = Object.freeze({ - redButton: '#FF4444', + blockQuoteBackground: '#A9A9A9', + blockQuoteBorder: '#808080', + codeBackground: '#0A0A0A', + disconnectedBarBackground: '#1D1D1D', + editButton: '#5B5B5D', + floatingButtonBackground: '#666666', + floatingButtonLabel: 'white', greenButton: '#43A047', - vibrantRedButton: '#F53100', - vibrantGreenButton: '#00C853', - mintButton: '#44CC99', - redText: '#FF4444', greenText: '#44FF44', + headerChevron: '#FFFFFF', link: '#129AFF', - markdownLink: '#FFFFFF', - panelBackground: '#0A0A0A', - panelBackgroundLabel: '#C7C7CC', - panelForeground: '#1D1D1D', - panelForegroundBorder: '#2C2C2E', - panelForegroundLabel: 'white', - panelForegroundSecondaryLabel: '#CCCCCC', - panelForegroundTertiaryLabel: '#AAAAAA', - panelIosHighlightUnderlay: '#313035', - panelSecondaryForeground: '#333333', - panelSecondaryForegroundBorder: '#666666', - modalForeground: '#1C1C1E', - modalForegroundBorder: '#1C1C1E', - modalForegroundLabel: 'white', - modalForegroundSecondaryLabel: '#AAAAAA', - modalForegroundTertiaryLabel: '#666666', - modalBackground: '#0A0A0A', - modalBackgroundLabel: '#CCCCCC', - modalBackgroundSecondaryLabel: '#555555', - modalIosHighlightUnderlay: '#AAAAAA88', - modalSubtext: '#444444', - modalSubtextLabel: '#AAAAAA', - modalButton: '#666666', - modalButtonLabel: 'white', - modalContrastBackground: 'white', - modalContrastForegroundLabel: 'black', - modalContrastOpacity: 0.85, - listForegroundLabel: 'white', - listForegroundSecondaryLabel: '#CCCCCC', - listForegroundTertiaryLabel: '#999999', - listForegroundQuaternaryLabel: '#555555', listBackground: '#0A0A0A', listBackgroundLabel: '#C7C7CC', listBackgroundSecondaryLabel: '#BBBBBB', listBackgroundTernaryLabel: '#888888', - listSeparator: '#3A3A3C', - listSeparatorLabel: '#EEEEEE', + listChatBubble: '#26252A', + listForegroundLabel: 'white', + listForegroundQuaternaryLabel: '#555555', + listForegroundSecondaryLabel: '#CCCCCC', + listForegroundTertiaryLabel: '#999999', + listInputBackground: '#1D1D1D', listInputBar: '#555555', listInputBorder: '#333333', listInputButton: '#AAAAAA', - listInputBackground: '#1D1D1D', listIosHighlightUnderlay: '#BBBBBB88', listSearchBackground: '#1D1D1D', listSearchIcon: '#AAAAAA', - listChatBubble: '#26252A', + listSeparator: '#3A3A3C', + listSeparatorLabel: '#EEEEEE', + markdownLink: '#FFFFFF', + mintButton: '#44CC99', + modalBackground: '#0A0A0A', + modalBackgroundLabel: '#CCCCCC', + modalBackgroundSecondaryLabel: '#555555', + modalButton: '#666666', + modalButtonLabel: 'white', + modalContrastBackground: 'white', + modalContrastForegroundLabel: 'black', + modalContrastOpacity: 0.85, + modalForeground: '#1C1C1E', + modalForegroundBorder: '#1C1C1E', + modalForegroundLabel: 'white', + modalForegroundSecondaryLabel: '#AAAAAA', + modalForegroundTertiaryLabel: '#666666', + modalIosHighlightUnderlay: '#AAAAAA88', + modalSubtext: '#444444', + modalSubtextLabel: '#AAAAAA', navigationCard: '#2A2A2A', - floatingButtonBackground: '#666666', - floatingButtonLabel: 'white', - blockQuoteBackground: '#A9A9A9', - blockQuoteBorder: '#808080', - codeBackground: '#0A0A0A', - disconnectedBarBackground: '#1D1D1D', - - tabBarBackground: '#0A0A0A', - tabBarAccent: '#AE94DB', - headerChevron: '#FFFFFF', navigationChevron: '#5B5B5D', - editButton: '#5B5B5D', + panelBackground: '#0A0A0A', + panelBackgroundLabel: '#C7C7CC', + panelForeground: '#1D1D1D', + panelForegroundBorder: '#2C2C2E', + panelForegroundLabel: 'white', + panelForegroundSecondaryLabel: '#CCCCCC', + panelForegroundTertiaryLabel: '#AAAAAA', + panelIosHighlightUnderlay: '#313035', + panelSecondaryForeground: '#333333', + panelSecondaryForegroundBorder: '#666666', + redButton: '#FF4444', + redText: '#FF4444', + tabBarAccent: '#AE94DB', + tabBarBackground: '#0A0A0A', + vibrantGreenButton: '#00C853', + vibrantRedButton: '#F53100', }); const colors = { light, dark };