From 9224ab9d0d034dd0519f58a35b98f1d1185c6155 Mon Sep 17 00:00:00 2001
From: Simon Ser <contact@emersion.fr>
Date: Mon, 31 May 2021 18:43:44 +0200
Subject: [PATCH] Set scrollbar style

---
 style.css | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/style.css b/style.css
index fcdafc1..9864a19 100644
--- a/style.css
+++ b/style.css
@@ -40,6 +40,10 @@
 	}
 }
 
+html {
+	scrollbar-color: #8e8e8e transparent;
+}
+
 html, body {
 	height: 100%;
 	padding: 0;
@@ -104,7 +108,7 @@ button.danger:hover {
 }
 
 .expander {
-	visibility: collapse;
+	display: none;
 	cursor: pointer;
 	padding: 0;
 	margin: 0;
@@ -135,6 +139,7 @@ button.danger:hover {
 	flex: 1 0 auto;
 	overflow-x: hidden;
 	overflow-y: auto;
+	scrollbar-width: thin;
 }
 #buffer-list li a {
 	display: inline-block;
@@ -253,6 +258,7 @@ button.danger:hover {
 	flex-grow: 1;
 	overflow-x: hidden;
 	overflow-y: auto;
+	scrollbar-width: thin;
 }
 #member-list li a {
 	display: inline-block;
@@ -502,6 +508,10 @@ kbd {
 }
 
 @media (prefers-color-scheme: dark) {
+	html {
+		scrollbar-color: var(--gray) transparent;
+	}
+
 	#buffer-list li.active a {
 		color: var(--sidebar-background);
 		background-color: white;
@@ -617,7 +627,7 @@ kbd {
 
 @media(max-width: 640px) {
 	.expander {
-		visibility: visible;
+		display: block;
 	}
 
 	#buffer-list ul, #member-list > section {