fix unread indicator color for light theme

ts/components/conversation/SessionLastSeenIndicator.tsx

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

ts/components/conversation/message/message-item/DateBreak.tsx

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

ts/state/ducks/SessionTheme.tsx

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