fix unread indicator color for light theme

pull/2191/head
Audric Ackermann 3 years ago
parent 0c0543cc45
commit e853f57e6b
No known key found for this signature in database
GPG Key ID: 999F434D76324AD4

@ -26,7 +26,7 @@ const LastSeenText = styled.div`
text-transform: uppercase; text-transform: uppercase;
text-align: center; text-align: center;
color: #00f782; color: var(--color-last-seen-indicator);
`; `;
export const SessionLastSeenIndicator = (props: { messageId: string }) => { export const SessionLastSeenIndicator = (props: { messageId: string }) => {

@ -12,7 +12,7 @@ const DateBreakText = styled.div`
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
color: var(--color-last-seen-indicator-text); color: var(--color-last-seen-indicator);
`; `;
export const MessageDateBreak = (props: { timestamp: number; messageId: string }) => { export const MessageDateBreak = (props: { timestamp: number; messageId: string }) => {

@ -29,7 +29,6 @@ const darkColorSessionBorderColor = borderDarkThemeColor;
const darkColorRecoveryPhraseBannerBg = '#1f1f1f'; const darkColorRecoveryPhraseBannerBg = '#1f1f1f';
const darkColorPillDivider = '#353535'; const darkColorPillDivider = '#353535';
const darkColorLastSeenIndicator = accentDarkTheme; const darkColorLastSeenIndicator = accentDarkTheme;
const darkColorLastSeenIndicatorText = '#a8a9aa';
const darkColorQuoteBottomBarBg = '#404040'; const darkColorQuoteBottomBarBg = '#404040';
const darkColorCellBackground = '#1b1b1b'; const darkColorCellBackground = '#1b1b1b';
const darkColorReceivedMessageBg = '#2d2d2d'; const darkColorReceivedMessageBg = '#2d2d2d';
@ -88,10 +87,6 @@ export const switchHtmlToDarkTheme = () => {
'--color-last-seen-indicator', '--color-last-seen-indicator',
darkColorLastSeenIndicator darkColorLastSeenIndicator
); );
document.documentElement.style.setProperty(
'--color-last-seen-indicator-text',
darkColorLastSeenIndicatorText
);
document.documentElement.style.setProperty( document.documentElement.style.setProperty(
'--color-quote-bottom-bar-background', '--color-quote-bottom-bar-background',
darkColorQuoteBottomBarBg darkColorQuoteBottomBarBg
@ -156,8 +151,7 @@ const lightColorSessionBorderColor = borderLightThemeColor;
const lightColorSessionBorder = `1px solid ${lightColorSessionBorderColor}`; const lightColorSessionBorder = `1px solid ${lightColorSessionBorderColor}`;
const lightColorRecoveryPhraseBannerBg = white; const lightColorRecoveryPhraseBannerBg = white;
const lightColorPillDivider = `${black}1A`; const lightColorPillDivider = `${black}1A`;
const lightColorLastSeenIndicator = '#62656a'; const lightColorLastSeenIndicator = black;
const lightColorLastSeenIndicatorText = '#070c14';
const lightColorQuoteBottomBarBg = '#f0f0f0'; const lightColorQuoteBottomBarBg = '#f0f0f0';
const lightColorCellBackground = '#f9f9f9'; const lightColorCellBackground = '#f9f9f9';
const lightColorReceivedMessageBg = '#f5f5f5'; const lightColorReceivedMessageBg = '#f5f5f5';
@ -224,10 +218,6 @@ export const switchHtmlToLightTheme = () => {
'--color-last-seen-indicator', '--color-last-seen-indicator',
lightColorLastSeenIndicator lightColorLastSeenIndicator
); );
document.documentElement.style.setProperty(
'--color-last-seen-indicator-text',
lightColorLastSeenIndicatorText
);
document.documentElement.style.setProperty( document.documentElement.style.setProperty(
'--color-quote-bottom-bar-background', '--color-quote-bottom-bar-background',
lightColorQuoteBottomBarBg lightColorQuoteBottomBarBg
@ -324,7 +314,6 @@ export const SessionGlobalStyles = createGlobalStyle`
--color-recovery-phrase-banner-background: ${lightColorRecoveryPhraseBannerBg}; --color-recovery-phrase-banner-background: ${lightColorRecoveryPhraseBannerBg};
--color-pill-divider: ${lightColorPillDivider}; --color-pill-divider: ${lightColorPillDivider};
--color-last-seen-indicator: ${lightColorLastSeenIndicator}; --color-last-seen-indicator: ${lightColorLastSeenIndicator};
--color-last-seen-indicator-text: ${lightColorLastSeenIndicatorText};
--color-quote-bottom-bar-background: ${lightColorQuoteBottomBarBg}; --color-quote-bottom-bar-background: ${lightColorQuoteBottomBarBg};
--color-cell-background: ${lightColorCellBackground}; --color-cell-background: ${lightColorCellBackground};
--color-pill-divider-text: ${lightColorPillDividerText}; --color-pill-divider-text: ${lightColorPillDividerText};

Loading…
Cancel
Save