Thin scrollbars in Chrome and Safari to make them less assertive (#1483)

noritada · noritada · commit f70a22cb695d · 2022-12-22T15:40:03.000+09:00
diff --git a/src/theme/css/chrome.css b/src/theme/css/chrome.css
@@ -4,9 +4,11 @@
 
 ::-webkit-scrollbar {
     background: var(--bg);
+    width: 6px;
 }
 ::-webkit-scrollbar-thumb {
     background: var(--scrollbar);
+    border-radius: 3px;
 }
 html {
     scrollbar-color: var(--scrollbar) var(--bg);

Original file line number	Diff line number	Diff line change
`@@ -4,9 +4,11 @@`
`4`	`4`
`5`	`5`	`::-webkit-scrollbar {`
`6`	`6`	`background: var(--bg);`
	`7`	`+ width: 6px;`
`7`	`8`	`}`
`8`	`9`	`::-webkit-scrollbar-thumb {`
`9`	`10`	`background: var(--scrollbar);`
	`11`	`+ border-radius: 3px;`
`10`	`12`	`}`
`11`	`13`	`html {`
`12`	`14`	`scrollbar-color: var(--scrollbar) var(--bg);`