pstream is dead; long live pstream
taciturnaxolotl.github.io/pstream-ng/
Update global scrollbar styles to be cleaner
Introduces custom scrollbar styling for a thinner, rounded appearance with smooth color transitions and improved aesthetics. Applies consistent scrollbar styles across browsers and enhances user experience.
+25
-7
+25
-7
src/assets/css/index.css
+25
-7
src/assets/css/index.css
···
218
218
border-right-width: 0;
219
219
}
220
220
221
+
/* Modern thin rounded scrollbar */
222
+
* {
223
+
scrollbar-width: thin;
224
+
scrollbar-color: theme("colors.video.context.border") transparent;
225
+
}
226
+
227
+
::-webkit-scrollbar {
228
+
width: 6px;
229
+
height: 6px;
230
+
}
231
+
221
232
::-webkit-scrollbar-track {
222
-
background-color: transparent;
233
+
background: transparent;
234
+
border-radius: 10px;
223
235
}
224
236
225
237
::-webkit-scrollbar-thumb {
226
238
background-color: theme("colors.video.context.border");
227
-
border: 5px solid transparent;
228
-
border-left: 0;
229
-
background-clip: content-box;
239
+
border-radius: 10px;
240
+
transition: background-color 0.2s ease;
230
241
}
231
242
232
-
::-webkit-scrollbar {
233
-
/* For some reason the styles don't get applied without the width */
234
-
width: 13px;
243
+
::-webkit-scrollbar-thumb:hover {
244
+
background-color: rgba(134, 82, 187, 0.8);
245
+
}
246
+
247
+
::-webkit-scrollbar-thumb:active {
248
+
background-color: rgba(134, 82, 187, 1);
249
+
}
250
+
251
+
::-webkit-scrollbar-corner {
252
+
background: transparent;
235
253
}
236
254
237
255
.grecaptcha-badge {