feat: define native colors

RSSNext · May 19, 2024 · 41b21eb · 41b21eb
1 parent eda249c
commit 41b21eb
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 3 deletions.
diff --git a/src/renderer/src/components/feed-column/category.tsx b/src/renderer/src/components/feed-column/category.tsx
@@ -79,7 +79,7 @@ export function FeedCategory({
               "flex items-center justify-between font-medium text-sm leading-loose px-2.5 py-[2px] rounded-md w-full transition-colors",
               activedList?.level === levels.folder &&
                 activedList.name === data.name &&
-                "bg-[#C9C9C7]",
+                "bg-native-active",
             )}
             onClick={(e) => {
               e.stopPropagation()

diff --git a/src/renderer/src/components/feed-column/item.tsx b/src/renderer/src/components/feed-column/item.tsx
@@ -99,7 +99,7 @@ export function FeedItem({
           "flex items-center justify-between text-sm font-medium leading-loose w-full pr-2.5 py-[2px] rounded-md",
           activedList?.level === levels.feed &&
             activedList.id === feed.feedId &&
-            "bg-[#C9C9C7]",
+            "bg-native-active",
           className,
         )}
         onClick={(e) => {

diff --git a/src/renderer/src/pages/(main)/layout.tsx b/src/renderer/src/pages/(main)/layout.tsx
@@ -29,7 +29,7 @@ export function Component() {
 
   return (
     <div className="flex h-full">
-      <div className="w-64 pt-10 border-r shrink-0 bg-[#E1E0DF]">
+      <div className="w-64 pt-10 border-r shrink-0 bg-native">
         <FeedColumn activedList={activedList} setActivedList={setActivedList} />
       </div>
       <Outlet

diff --git a/tailwind.config.cjs b/tailwind.config.cjs
@@ -48,6 +48,10 @@ module.exports = {
           DEFAULT: "hsl(var(--card))",
           foreground: "hsl(var(--card-foreground))",
         },
+        native: {
+          DEFAULT: "#E1E0DF",
+          active: "#C9C9C7",
+        },
       },
       borderRadius: {
         lg: "var(--radius)",