From 7bee9db031edba9a17726fc1aa6edcb7606858f1 Mon Sep 17 00:00:00 2001
From: Stephen Zhou <hi@hyoban.cc>
Date: Sat, 24 Feb 2024 00:12:21 +0800
Subject: [PATCH] fix: apply dark mode at root (#910)

---
 src/options/index.tsx | 2 ++
 src/tabs/preview.tsx  | 3 +++
 2 files changed, 5 insertions(+)

diff --git a/src/options/index.tsx b/src/options/index.tsx
index 3cf2af2..17e7370 100644
--- a/src/options/index.tsx
+++ b/src/options/index.tsx
@@ -3,11 +3,13 @@ import "~/lib/style.css"
 import { Toaster } from "react-hot-toast"
 import { MemoryRouter } from "react-router-dom"
 
+import { useDark } from "~/lib/hooks/use-dark"
 import { Routing } from "~/options/routes"
 
 import Siderbar from "./Siderbar"
 
 function Options() {
+  useDark()
   return (
     <div className="max-w-screen-lg mx-auto text-base py-10 px-4">
       <Toaster
diff --git a/src/tabs/preview.tsx b/src/tabs/preview.tsx
index 124b311..0b774d3 100644
--- a/src/tabs/preview.tsx
+++ b/src/tabs/preview.tsx
@@ -14,12 +14,15 @@ import {
   CardHeader,
   CardTitle,
 } from "~/lib/components/Card"
+import { useDark } from "~/lib/hooks/use-dark"
 import { fetchRSSContent } from "~/lib/utils"
 import RSSItem from "~/popup/RSSItem"
 
 const parser = new Parser()
 
 function PreviewPage() {
+  useDark()
+
   const url = new URLSearchParams(window.location.search).get("url")
 
   const [parsed, setParsed] = useState<