fix: link color style

zhanglun · Jun 6, 2024 · 67098f4 · 67098f4
1 parent a5919d1
commit 67098f4
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 9 deletions.
diff --git a/src/components/ArticleView/Detail.tsx b/src/components/ArticleView/Detail.tsx
@@ -6,11 +6,10 @@ import { getChannelFavicon } from "@/helpers/parseXML";
 import { useBearStore } from "@/stores";
 import * as dataAgent from "@/helpers/dataAgent";
 import { open } from "@tauri-apps/api/shell";
-import xss, { getDefaultWhiteList } from "xss";
 import DOMPurify from 'dompurify';
 import { ArticleResItem } from "@/db";
-import { YoutubeAdapter } from "./adpater/Youtube";
-import { PodcastAdapter } from "./adpater/Podcast";
+import { YoutubeAdapter } from "./adapter/Youtube";
+import { PodcastAdapter } from "./adapter/Podcast";
 import { Avatar, Heading, Separator } from "@radix-ui/themes";
 
 function createMarkup(html: string) {

diff --git a/...omponents/ArticleView/adpater/Podcast.tsx → ...omponents/ArticleView/adapter/Podcast.tsx b/...omponents/ArticleView/adpater/Podcast.tsx → ...omponents/ArticleView/adapter/Podcast.tsx
diff --git a/...omponents/ArticleView/adpater/Youtube.tsx → ...omponents/ArticleView/adapter/Youtube.tsx b/...omponents/ArticleView/adpater/Youtube.tsx → ...omponents/ArticleView/adapter/Youtube.tsx
diff --git a/src/layout/Article/ArticleCol.tsx b/src/layout/Article/ArticleCol.tsx
@@ -221,8 +221,8 @@ export const ArticleCol = React.memo(
             {store.viewMeta ? store.viewMeta.title : ""}
           </div>
           <div className={"flex items-center justify-end px-2 space-x-1"}>
-            <Select.Root defaultValue={`${store.currentFilter.id}`} onValueChange={changeFilter} size="2">
-              <Select.Trigger variant="soft" className="hover:bg-[var(--accent-a3)]" />
+            <Select.Root defaultValue={`${store.currentFilter.id}`} onValueChange={changeFilter} size="1">
+              <Select.Trigger variant="surface" color="gray" className="hover:bg-[var(--accent-a3)]" />
               <Select.Content>
                 {store.filterList.map((item) => {
                   return (

diff --git a/src/styles/reading-style.css b/src/styles/reading-style.css
@@ -200,17 +200,18 @@
 
   & a {
     text-decoration: underline;
-    text-decoration-style: dashed;
     transition: all 0.3s;
-    color: var(--color-primary);
+    color: var(--accent-9);
 
     &:hover {
-      text-decoration-style: wavy;
+      text-decoration: none;
+      background-color: var(--accent-9);
+      color: var(--accent-contrast) !important;
     }
   }
 
   & img {
     display: inline-block;
-    border: 1px solid var(--color-primary);
+    border: 1px solid var(--gray-7);
   }
 }