diff --git a/native/themes/colors.js b/native/themes/colors.js --- a/native/themes/colors.js +++ b/native/themes/colors.js @@ -19,10 +19,11 @@ shadesWhite60: '#cccccc', shadesBlack100: '#0a0a0a', - shadesBlack90: '#1f1f1f', - shadesBlack80: '#404040', - shadesBlack70: '#666666', - shadesBlack60: '#808080', + shadesBlack90: '#191919', + shadesBlack80: '#1f1f1f', + shadesBlack70: '#404040', + shadesBlack60: '#666666', + shadesBlack50: '#808080', violetDark100: '#7e57c2', violetDark80: '#6d49ab', @@ -56,7 +57,7 @@ blockQuoteBorder: designSystemColors.shadesWhite60, codeBackground: designSystemColors.shadesWhite70, disabledButton: designSystemColors.shadesWhite70, - disabledButtonText: designSystemColors.shadesBlack60, + disabledButtonText: designSystemColors.shadesBlack50, disconnectedBarBackground: designSystemColors.shadesWhite90, editButton: '#A4A4A2', floatingButtonBackground: '#999999', @@ -72,14 +73,14 @@ listChatBubble: '#F1F0F5', listForegroundLabel: designSystemColors.shadesBlack100, listForegroundSecondaryLabel: '#333333', - listForegroundTertiaryLabel: designSystemColors.shadesBlack70, + listForegroundTertiaryLabel: designSystemColors.shadesBlack60, listInputBackground: designSystemColors.shadesWhite90, listInputBar: '#E2E2E2', listInputButton: '#8E8D92', listIosHighlightUnderlay: '#DDDDDDDD', listSearchBackground: designSystemColors.shadesWhite90, listSearchIcon: '#8E8D92', - listSeparatorLabel: designSystemColors.shadesBlack70, + listSeparatorLabel: designSystemColors.shadesBlack60, modalBackground: designSystemColors.shadesWhite80, modalBackgroundLabel: '#333333', modalBackgroundSecondaryLabel: '#AAAAAA', @@ -95,7 +96,7 @@ modalForegroundTertiaryLabel: '#AAAAAA', modalIosHighlightUnderlay: '#CCCCCCDD', modalSubtext: designSystemColors.shadesWhite60, - modalSubtextLabel: designSystemColors.shadesBlack70, + modalSubtextLabel: designSystemColors.shadesBlack60, modalInputBackground: designSystemColors.shadesWhite60, modalInputForeground: designSystemColors.shadesWhite90, modalKnob: designSystemColors.shadesWhite90, @@ -110,14 +111,14 @@ panelForegroundSecondaryLabel: '#333333', panelForegroundTertiaryLabel: '#888888', panelInputBackground: designSystemColors.shadesWhite60, - panelInputSecondaryForeground: designSystemColors.shadesBlack60, + panelInputSecondaryForeground: designSystemColors.shadesBlack50, panelIosHighlightUnderlay: '#EBEBEBDD', panelSecondaryForeground: designSystemColors.shadesWhite80, panelSecondaryForegroundBorder: designSystemColors.shadesWhite70, panelSeparator: designSystemColors.shadesWhite60, purpleLink: designSystemColors.violetDark100, purpleButton: designSystemColors.violetDark100, - reactionSelectionPopoverItemBackground: designSystemColors.shadesBlack80, + reactionSelectionPopoverItemBackground: designSystemColors.shadesBlack70, redText: designSystemColors.errorPrimary, spoiler: designSystemColors.spoilerColor, tabBarAccent: designSystemColors.violetDark100, @@ -129,15 +130,15 @@ tooltipBackground: designSystemColors.shadesWhite70, logInSpacer: '#FFFFFF33', siweButton: designSystemColors.shadesWhite100, - siweButtonText: designSystemColors.shadesBlack90, - drawerExpandButton: designSystemColors.shadesBlack60, + siweButtonText: designSystemColors.shadesBlack80, + drawerExpandButton: designSystemColors.shadesBlack50, drawerExpandButtonDisabled: designSystemColors.shadesWhite60, drawerItemLabelLevel0: designSystemColors.shadesBlack100, drawerItemLabelLevel1: designSystemColors.shadesBlack100, - drawerItemLabelLevel2: designSystemColors.shadesBlack90, + drawerItemLabelLevel2: designSystemColors.shadesBlack80, drawerOpenCommunityBackground: designSystemColors.shadesWhite90, drawerBackground: designSystemColors.shadesWhite100, - subthreadsModalClose: designSystemColors.shadesBlack60, + subthreadsModalClose: designSystemColors.shadesBlack50, subthreadsModalBackground: designSystemColors.shadesWhite80, subthreadsModalSearch: '#00000008', messageLabel: designSystemColors.shadesBlack100, @@ -154,71 +155,71 @@ const dark: Colors = Object.freeze({ blockQuoteBackground: '#A9A9A9', - blockQuoteBorder: designSystemColors.shadesBlack60, + blockQuoteBorder: designSystemColors.shadesBlack50, codeBackground: designSystemColors.shadesBlack100, - disabledButton: designSystemColors.shadesBlack80, - disabledButtonText: designSystemColors.shadesBlack60, - disconnectedBarBackground: designSystemColors.shadesBlack90, - editButton: designSystemColors.shadesBlack70, - floatingButtonBackground: designSystemColors.shadesBlack70, + disabledButton: designSystemColors.shadesBlack70, + disabledButtonText: designSystemColors.shadesBlack50, + disconnectedBarBackground: designSystemColors.shadesBlack80, + editButton: designSystemColors.shadesBlack60, + floatingButtonBackground: designSystemColors.shadesBlack60, floatingButtonLabel: designSystemColors.shadesWhite100, headerChevron: designSystemColors.shadesWhite100, - inlineEngagementBackground: designSystemColors.shadesBlack70, + inlineEngagementBackground: designSystemColors.shadesBlack60, inlineEngagementLabel: designSystemColors.shadesWhite100, link: designSystemColors.violetLight100, listBackground: designSystemColors.shadesBlack100, listBackgroundLabel: designSystemColors.shadesWhite60, listBackgroundSecondaryLabel: '#BBBBBB', - listBackgroundTernaryLabel: designSystemColors.shadesBlack60, + listBackgroundTernaryLabel: designSystemColors.shadesBlack50, listChatBubble: '#26252A', listForegroundLabel: designSystemColors.shadesWhite100, listForegroundSecondaryLabel: designSystemColors.shadesWhite60, - listForegroundTertiaryLabel: designSystemColors.shadesBlack60, - listInputBackground: designSystemColors.shadesBlack90, - listInputBar: designSystemColors.shadesBlack70, + listForegroundTertiaryLabel: designSystemColors.shadesBlack50, + listInputBackground: designSystemColors.shadesBlack80, + listInputBar: designSystemColors.shadesBlack60, listInputButton: designSystemColors.shadesWhite60, listIosHighlightUnderlay: '#BBBBBB88', - listSearchBackground: designSystemColors.shadesBlack90, + listSearchBackground: designSystemColors.shadesBlack80, listSearchIcon: designSystemColors.shadesWhite60, listSeparatorLabel: designSystemColors.shadesWhite80, modalBackground: designSystemColors.shadesBlack100, modalBackgroundLabel: designSystemColors.shadesWhite60, - modalBackgroundSecondaryLabel: designSystemColors.shadesBlack70, - modalButton: designSystemColors.shadesBlack70, + modalBackgroundSecondaryLabel: designSystemColors.shadesBlack60, + modalButton: designSystemColors.shadesBlack60, modalButtonLabel: designSystemColors.shadesWhite100, modalContrastBackground: designSystemColors.shadesWhite100, modalContrastForegroundLabel: designSystemColors.shadesBlack100, modalContrastOpacity: 0.85, - modalForeground: designSystemColors.shadesBlack90, - modalForegroundBorder: designSystemColors.shadesBlack90, + modalForeground: designSystemColors.shadesBlack80, + modalForegroundBorder: designSystemColors.shadesBlack80, modalForegroundLabel: designSystemColors.shadesWhite100, modalForegroundSecondaryLabel: '#AAAAAA', - modalForegroundTertiaryLabel: designSystemColors.shadesBlack70, + modalForegroundTertiaryLabel: designSystemColors.shadesBlack60, modalIosHighlightUnderlay: '#AAAAAA88', - modalSubtext: designSystemColors.shadesBlack80, + modalSubtext: designSystemColors.shadesBlack70, modalSubtextLabel: '#AAAAAA', - modalInputBackground: designSystemColors.shadesBlack80, - modalInputForeground: designSystemColors.shadesBlack60, + modalInputBackground: designSystemColors.shadesBlack70, + modalInputForeground: designSystemColors.shadesBlack50, modalKnob: designSystemColors.shadesWhite90, navigationCard: '#2A2A2A', - navigationChevron: designSystemColors.shadesBlack70, + navigationChevron: designSystemColors.shadesBlack60, panelBackground: designSystemColors.shadesBlack100, panelBackgroundLabel: designSystemColors.shadesWhite60, - panelButton: designSystemColors.shadesBlack70, - panelForeground: designSystemColors.shadesBlack90, + panelButton: designSystemColors.shadesBlack60, + panelForeground: designSystemColors.shadesBlack80, panelForegroundBorder: '#2C2C2E', panelForegroundLabel: designSystemColors.shadesWhite100, panelForegroundSecondaryLabel: designSystemColors.shadesWhite60, panelForegroundTertiaryLabel: '#AAAAAA', - panelInputBackground: designSystemColors.shadesBlack80, - panelInputSecondaryForeground: designSystemColors.shadesBlack60, + panelInputBackground: designSystemColors.shadesBlack70, + panelInputSecondaryForeground: designSystemColors.shadesBlack50, panelIosHighlightUnderlay: '#313035', - panelSecondaryForeground: designSystemColors.shadesBlack80, - panelSecondaryForegroundBorder: designSystemColors.shadesBlack70, - panelSeparator: designSystemColors.shadesBlack80, + panelSecondaryForeground: designSystemColors.shadesBlack70, + panelSecondaryForegroundBorder: designSystemColors.shadesBlack60, + panelSeparator: designSystemColors.shadesBlack70, purpleLink: designSystemColors.violetLight100, purpleButton: designSystemColors.violetDark100, - reactionSelectionPopoverItemBackground: designSystemColors.shadesBlack80, + reactionSelectionPopoverItemBackground: designSystemColors.shadesBlack70, redText: designSystemColors.errorPrimary, spoiler: designSystemColors.spoilerColor, tabBarAccent: designSystemColors.violetLight100, @@ -227,28 +228,28 @@ vibrantGreenButton: designSystemColors.successPrimary, vibrantRedButton: designSystemColors.errorPrimary, whiteText: designSystemColors.shadesWhite100, - tooltipBackground: designSystemColors.shadesBlack90, + tooltipBackground: designSystemColors.shadesBlack80, logInSpacer: '#FFFFFF33', siweButton: designSystemColors.shadesWhite100, - siweButtonText: designSystemColors.shadesBlack90, - drawerExpandButton: designSystemColors.shadesBlack60, - drawerExpandButtonDisabled: designSystemColors.shadesBlack80, + siweButtonText: designSystemColors.shadesBlack80, + drawerExpandButton: designSystemColors.shadesBlack50, + drawerExpandButtonDisabled: designSystemColors.shadesBlack70, drawerItemLabelLevel0: designSystemColors.shadesWhite60, drawerItemLabelLevel1: designSystemColors.shadesWhite60, drawerItemLabelLevel2: designSystemColors.shadesWhite90, - drawerOpenCommunityBackground: '#191919', - drawerBackground: designSystemColors.shadesBlack90, - subthreadsModalClose: designSystemColors.shadesBlack60, - subthreadsModalBackground: designSystemColors.shadesBlack90, + drawerOpenCommunityBackground: designSystemColors.shadesBlack90, + drawerBackground: designSystemColors.shadesBlack80, + subthreadsModalClose: designSystemColors.shadesBlack50, + subthreadsModalBackground: designSystemColors.shadesBlack80, subthreadsModalSearch: '#FFFFFF04', typeaheadTooltipBackground: '#1F1F1f', - typeaheadTooltipBorder: designSystemColors.shadesBlack80, + typeaheadTooltipBorder: designSystemColors.shadesBlack70, typeaheadTooltipText: 'white', messageLabel: designSystemColors.shadesWhite60, - modalSeparator: designSystemColors.shadesBlack80, + modalSeparator: designSystemColors.shadesBlack70, secondaryButtonBorder: designSystemColors.shadesWhite100, inviteLinkLinkColor: designSystemColors.shadesWhite80, - inviteLinkButtonBackground: designSystemColors.shadesBlack80, + inviteLinkButtonBackground: designSystemColors.shadesBlack70, greenIndicatorInner: designSystemColors.successPrimary, greenIndicatorOuter: designSystemColors.successDark90, redIndicatorInner: designSystemColors.errorPrimary,