Revert some theme changes, update reader, fix theme clearing

apple/OmnivoreKit/Sources/Views/Article/OmnivoreWebView.swift

@@ -1,6 +1,6 @@
+import Models
 import Utils
 import WebKit
-import Models
 
 /// Describes actions that can be sent from the WebView back to native views.
 /// The names on the javascript side must match for an action to be handled.

packages/web/components/tokens/stitches.config.ts

@@ -146,10 +146,11 @@ export const { styled, css, theme, getCssText, globalCss, keyframes, config } =
         omnivoreCtaYellow: 'rgb(255, 210, 52)',
 
         // Reader Colors
-        readerBg: '#F9F1DC', // #E5E5E5',
-        readerFont: '#554A34',
-        readerFontHighContrast: '#342100', // black',
-        readerHeader: '554A34',
+        readerBg: '#E5E5E5',
+        readerFont: '#3D3D3D',
+        readerFontHighContrast: 'black',
+        readerFontTransparent: 'rgba(61,61,61,0.65)',
+        readerHeader: '3D3D3D',
         readerTableHeader: '#FFFFFF',
 
         // Avatar Fallback color

packages/web/lib/themeUpdater.tsx

@@ -25,12 +25,12 @@ export function updateThemeLocally(themeId: string): void {
   }
 
   document.body.classList.remove(
-    lighterTheme,
     ThemeId.Light,
-    darkTheme,
-    darkerTheme,
-    sepiaTheme,
-    charcoalTheme
+    ThemeId.Dark,
+    ThemeId.Darker,
+    ThemeId.Lighter,
+    ThemeId.Sepia,
+    ThemeId.Charcoal,
   )
   document.body.classList.add(themeId)
 }