Merge pull request #584 from meetqy/572-滚动条颜色优化pwa模式颜色突兀

👌 IMPROVE: scrollbar
meetqy · Dec 16, 2023 · 06f0762 · 06f0762
2 parents f8166db + bee3be1
commit 06f0762
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/apps/electron/src/renderer/src/index.css b/apps/electron/src/renderer/src/index.css
@@ -3,7 +3,7 @@
 @tailwind utilities;
 
 .scroll-y {
-  @apply overflow-y-auto scrollbar-thin scrollbar-track-transparent scrollbar-thumb-neutral/50 scrollbar-track-rounded scrollbar-thumb-rounded;
+  @apply overflow-y-auto scrollbar-thin scrollbar-track-base-200 scrollbar-thumb-primary/50 scrollbar-track-rounded-box scrollbar-thumb-rounded-box;
 }
 
 .card-wrapper {

diff --git a/themes/gallery/src/app/_components/Setting/index.tsx b/themes/gallery/src/app/_components/Setting/index.tsx
@@ -52,7 +52,7 @@ const Setting = () => {
         <div className="drawer-content">
           <label
             htmlFor="my-drawer"
-            className={`btn btn-circle btn-neutral drawer-button fixed left-3 top-3 z-50 opacity-20 transition-all ease-in hover:opacity-100`}
+            className={`btn btn-circle btn-primary drawer-button fixed left-3 top-3 z-50 opacity-50 transition-all ease-in hover:opacity-100 hover:shadow-lg`}
           >
             <AdjustmentsHorizontalIcon className="h-6 w-6" />
           </label>

diff --git a/themes/gallery/src/styles/globals.css b/themes/gallery/src/styles/globals.css
@@ -11,3 +11,7 @@
     height: -webkit-fill-available;
   }
 }
+
+body {
+  @apply scrollbar-thin scrollbar-track-base-200 scrollbar-thumb-primary/50 scrollbar-track-rounded-box scrollbar-thumb-rounded-box;
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -11,3 +11,7 @@ @@
         height: -webkit-fill-available;
       }
     }
+    body {
+      @apply scrollbar-thin scrollbar-track-base-200 scrollbar-thumb-primary/50 scrollbar-track-rounded-box scrollbar-thumb-rounded-box;
+    }