diff --git a/assets/css/default.css b/assets/css/default.css
index 49069c92..7b5d6a9a 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -370,6 +370,10 @@ span > select {
 }
 
 @media (prefers-color-scheme: light) {
+  html {
+    scrollbar-color: #303030 #f0f0f0;
+  }
+
   .no-theme a:hover,
   .no-theme a:active,
   .no-theme summary:hover  {
@@ -441,6 +445,10 @@ body.dark-theme {
 }
 
 @media (prefers-color-scheme: dark) {
+  html {
+    scrollbar-color: #f0f0f0 rgb(45, 45, 45);
+  }
+
   .no-theme a:hover,
   .no-theme a:active {
     color: rgb(0, 182, 240);