From b968248e3d344ad64e00620c5bce03ed7a3bffa5 Mon Sep 17 00:00:00 2001
From: Iu <iu@prhub.ru>
Date: Sat, 10 Oct 2026 19:45:55 +0300
Subject: [PATCH] style(frontend): theme-aware scrollbars

Thin scrollbars; thumb uses --border (hover --text-subtle), transparent
track. WebKit + Firefox, follows the active theme.
---
 frontend/src/app.css | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/frontend/src/app.css b/frontend/src/app.css
index af7b5b3..93e09fa 100644
--- a/frontend/src/app.css
+++ b/frontend/src/app.css
@@ -72,3 +72,34 @@ body {
 		transition: none;
 	}
 }
+
+/* Скроллбары в тон темы */
+* {
+	scrollbar-width: thin;
+	scrollbar-color: hsl(var(--border)) transparent;
+}
+
+::-webkit-scrollbar {
+	width: 10px;
+	height: 10px;
+}
+
+::-webkit-scrollbar-track {
+	background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+	background-color: hsl(var(--border));
+	border: 2px solid transparent;
+	border-radius: 9999px;
+	background-clip: padding-box;
+}
+
+::-webkit-scrollbar-thumb:hover {
+	background-color: hsl(var(--text-subtle));
+	background-clip: padding-box;
+}
+
+::-webkit-scrollbar-corner {
+	background: transparent;
+}