fix(css): refine css cleanup

Signed-off-by: protoclown <ornano@felinn.org>

apps/theming/css/default.css

@@ -22,6 +22,7 @@
   --color-text-light: var(--color-main-text);
   /** @deprecated use `--color-text-maxcontrast` instead */
   --color-text-lighter: var(--color-text-maxcontrast);
+  --color-scrollbar: var(--color-border-maxcontrast) transparent;
   --color-error: #DB0606;
   --color-error-rgb: 219,6,6;
   --color-error-hover: #df2525;

apps/theming/lib/Themes/DarkHighContrastTheme.php

@@ -89,6 +89,8 @@ class DarkHighContrastTheme extends DarkTheme implements ITheme {
 				'--color-info-hover' => $this->util->lighten($colorInfo, 10),
 				'--color-info-text' => $this->util->lighten($colorInfo, 20),
 
+				'--color-scrollbar' => 'auto',
+
 				// used for the icon loading animation
 				'--color-loading-light' => '#000000',
 				'--color-loading-dark' => '#dddddd',

core/css/styles.scss

@@ -154,6 +154,28 @@ body {
 	}
 }
 
+/* SCROLLING */
+
+::-webkit-scrollbar {
+	width: 12px;
+	height: 12px
+}
+
+::-webkit-scrollbar-corner {
+	background-color: transparent;
+}
+
+::-webkit-scrollbar-track-piece {
+	background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+	background: var(--color-scrollbar);
+	border-radius: var(--border-radius-large);
+	border: 2px solid transparent;
+	background-clip: content-box;
+}
+
 
 /* SELECTION */