style(css): apply minimalist transparent scrollbar globally

2026-07-03 17:05:06 +08:00 · 2026-07-03 17:05:06 +08:00 · 34d1d65823
commit 34d1d65823
parent e18fe18cc3
1 changed files with 24 additions and 0 deletions
--- a/input.css
+++ b/input.css
@ -44,6 +44,30 @@
    -moz-osx-font-smoothing: grayscale;
  }

+  /* Minimalist custom scrollbars */
+  * {
+    scrollbar-width: thin;
+    scrollbar-color: var(--color-paper-border) transparent;
+  }
+
+  ::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+
+  ::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background-color: var(--color-paper-border);
+    border-radius: 10px;
+  }
+
+  ::-webkit-scrollbar-thumb:hover {
+    background-color: var(--color-paper-tertiary);
+  }
+
  .dark {
    /* Catppuccin Mocha（暗色）。accent-soft 带绿调、accent-2-soft 带 teal 调，
       在 surface0 暗底上透出微弱主/次强调色。 */