style: add custom mac-style scrollbar in corporate green

2026-05-14 20:56:10 +02:00
parent b4465e097d
commit 443c5abe57
1 changed files with 25 additions and 0 deletions
--- a/app/globals.css
+++ b/app/globals.css
@@ -58,5 +58,30 @@
  button[disabled] {
    cursor: not-allowed;
  }
+
+  /* Custom Modern Scrollbar */
+  ::-webkit-scrollbar {
+    width: 14px;
+    height: 14px;
+  }
+  ::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  ::-webkit-scrollbar-thumb {
+    background-color: rgba(14, 122, 92, 0.4);
+    border-radius: 10px;
+    border: 4px solid transparent;
+    background-clip: padding-box;
+    transition: background-color 0.2s ease;
+  }
+  ::-webkit-scrollbar-thumb:hover {
+    background-color: rgba(14, 122, 92, 0.8);
+  }
+
+  /* Firefox */
+  html {
+    scrollbar-color: rgba(14, 122, 92, 0.5) transparent;
+    scrollbar-width: thin;
+  }
 }
 /* trigger rebuild */