frontend: use darkmode colors for scrollbar

BitBoxSwiss · Nov 11, 2024 · 1618af3 · 1618af3
1 parent 074e758
commit 1618af3
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 9 deletions.
diff --git a/frontends/web/src/components/guide/guide.module.css b/frontends/web/src/components/guide/guide.module.css
@@ -40,6 +40,11 @@
     will-change: margin-right, transform;
 }
 
+.guide::-webkit-scrollbar-thumb {
+    background-color: white;
+}
+
+
 .header {
     background-color: var(--color-blue);
     height: var(--header-height);

diff --git a/frontends/web/src/components/terms/terms.module.css b/frontends/web/src/components/terms/terms.module.css
@@ -30,10 +30,6 @@
   padding: var(--space-quarter) 1em 1em 1em;
 }
 
-.disclaimer::-webkit-scrollbar-track {
-  background-color: #fff;
-}
-
 .disclaimer .title {
   font-size: .875rem;
   font-weight: bold;

diff --git a/frontends/web/src/style/base.css b/frontends/web/src/style/base.css
@@ -37,20 +37,25 @@ h1, h2, h3, h4, h5 {
     line-height: 1.25;
 }
 
-::-webkit-scrollbar-track {
-    background-color: #F5F5F5;
+::-webkit-scrollbar {
+    background-color: transparent;
+    border: none;
 }
 
 ::-webkit-scrollbar {
+    background-color: transparent;
     width: 4px;
-    background-color: #F5F5F5;
+}
+::-webkit-scrollbar-track {
+    background-color: transparent;
 }
 
 ::-webkit-scrollbar-thumb {
-    background-color: var(--color-gray);
-    /* border: 2px solid #555555; */
+    background-clip: content-box;
+    background-color: var(--color-secondary);
 }
 
+
 p {
     font-weight: 400;
     font-size: var(--size-default);