style: scrollbar matching theme (#5)

nuxt.config.ts

@@ -12,6 +12,7 @@ export default defineNuxtConfig({
   css: [
     '@unocss/reset/tailwind.css',
     '~/styles/vars.css',
+    '~/styles/global.css',
   ],
   colorMode: {
     classSuffix: '',

styles/global.css

@@ -0,0 +1,26 @@
+
+* {
+	scrollbar-color: #555 var(--color-border);
+}
+
+::-webkit-scrollbar {
+	width: 10px;
+}
+
+::-webkit-scrollbar:horizontal {
+	height: 10px;
+}
+
+::-webkit-scrollbar-track {
+	background: var(--color-border);
+	border-radius: 1px;
+}
+
+::-webkit-scrollbar-thumb {
+	background: #555;
+	border-radius: 1px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+	background: #666;
+}