Scrollbar

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@firq/fgosite",
 	"type": "module",
-	"version": "0.2.0-pre.58",
+	"version": "0.2.0-pre.59",
 	"private": true,
 	"scripts": {
 		"dev": "astro dev",

src/components/cards/ceCard.astro

@@ -28,6 +28,10 @@ const mlb_image = mlb ? 'mlbalign' : 'hidemlb'
 </article>
 
 <style>
+  * {
+    transition: all var(--a-time-default) var(--a-animation-1);
+  }
+
   .hidemlb {
     display: none;
     height: 1em;

src/layouts/Layout.astro

@@ -141,7 +141,11 @@ const mapped_navdata = navdata.map((item) => ({
     --c-rgb-accent-1: 184, 108, 255;
     --c-rgb-accent-1-alt: 193, 5, 255;
     --c-rgb-accent-2: 255, 0, 119;
+
+    /* Scrollbar */
+    scrollbar-color: var(--c-secondary-background) var(--c-primary-background);
   }
+
   body {
     background: var(--c-secondary-background);
     margin: 0px;