From 3e35de0805f64759d3ff4c28632e65ec795223ac Mon Sep 17 00:00:00 2001
From: Thomas Lange <code@nerdmind.de>
Date: Thu, 26 Aug 2021 19:20:09 +0200
Subject: Explicitly set scrollbar colors for admin theme

Explicitly set the scrollbar colors for the admin theme instead of using
the default colors of the web browser and integrate the scrollbar colors
better into the user-selected color scheme (bright or dark).
---
 theme/admin/rsrc/css/import/_styles.scss | 34 ++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

(limited to 'theme/admin/rsrc/css/import')

diff --git a/theme/admin/rsrc/css/import/_styles.scss b/theme/admin/rsrc/css/import/_styles.scss
index 87614a8..b499700 100644
--- a/theme/admin/rsrc/css/import/_styles.scss
+++ b/theme/admin/rsrc/css/import/_styles.scss
@@ -11,6 +11,39 @@
 	color: #000;
 }
 
+/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+# Scrollbars
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
+* {
+	// Firefox (TODO: Possibility to add padding?!)
+	scrollbar-color: $scrollbarColor $scrollbarBackground;
+
+	// Chrome, Edge & Safari
+	&::-webkit-scrollbar {
+		width: 0.75rem;
+
+		&-track {
+			background: $scrollbarBackground;
+		}
+
+		&-thumb {
+			background: $scrollbarColor;
+			background-clip: padding-box;
+			border: 0.15rem solid transparent;
+
+			&:hover {
+				background: $scrollbarHoverColor;
+				background-clip: padding-box;
+				border: 0.15rem solid transparent;
+			}
+		}
+
+		&-corner {
+			background: transparent;
+		}
+	}
+}
+
 /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 # Hyperlinks
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@@ -661,6 +694,7 @@ textarea {
 	padding: 0.5rem;
 	-webkit-hyphens: none;
 	hyphens: none;
+	cursor: auto;
 }
 
 input {
-- 
cgit v1.2.3