fix: dark mode style fixes for scrollbars and chevron icon colors (#16)

* fix: dark mode style fixes for scrollbars and chevron icon colors
* Fix incorrect sizing and clipping issue in accordion chevron.

---------

Co-authored-by: Kailash Nadh <kailash@nadh.in>

Author: Vikram-Hegde

src/css/01-theme.css

@@ -76,6 +76,7 @@
   }
 
   [data-theme="dark"] {
+    color-scheme: dark;
     --background: #09090b;
     --foreground: #fafafa;
     --card: #18181b;

src/css/accordion.css

@@ -41,11 +41,13 @@
 
     &::after {
       content: "";
-      width: 1rem;
-      height: 1rem;
-      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
-      background-size: contain;
-      background-repeat: no-repeat;
+      width: 1em;
+      height: 1em;
+      flex-shrink: 0;
+      background-color: currentColor;
+      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
+      mask-size: contain;
+      mask-repeat: no-repeat;
       transition: transform var(--transition-fast);
     }