Skip to content

Commit e4b4d22

Browse files
committed
New scroll bar design
1 parent 5922dee commit e4b4d22

File tree

1 file changed

+84
-0
lines changed

1 file changed

+84
-0
lines changed

src/main/resources/styles/main.css

Lines changed: 84 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -134,6 +134,90 @@
134134
-fx-text-fill: #b5b5b5;
135135
}
136136

137+
.scroll-bar:horizontal .track,
138+
.scroll-bar:vertical .track{
139+
-fx-background-color :transparent;
140+
-fx-border-color :transparent;
141+
-fx-background-radius : 2.0em;
142+
}
143+
144+
.scroll-bar:horizontal .increment-button ,
145+
.scroll-bar:horizontal .decrement-button {
146+
-fx-background-color :transparent;
147+
-fx-background-radius : 0.0em;
148+
-fx-padding :0.0 0.0 10.0 0.0;
149+
150+
}
151+
152+
.scroll-bar:vertical .track-background,
153+
.scroll-bar:horizontal .track-background {
154+
-fx-background-color: transparent;
155+
-fx-background-insets: 0;
156+
-fx-background-radius: 2em;
157+
}
158+
159+
.scroll-bar:vertical .increment-button ,
160+
.scroll-bar:vertical .decrement-button {
161+
-fx-background-color :transparent;
162+
-fx-background-radius : 0.0em;
163+
-fx-padding :0.0 10.0 0.0 0.0;
164+
165+
}
166+
167+
.scroll-bar .increment-arrow,
168+
.scroll-bar .decrement-arrow{
169+
-fx-shape : " ";
170+
-fx-padding :0.15em 0.0;
171+
}
172+
173+
.scroll-bar:vertical .increment-arrow,
174+
.scroll-bar:vertical .decrement-arrow{
175+
-fx-shape : " ";
176+
-fx-padding :0.0 0.15em;
177+
}
178+
179+
.tree-view .scroll-bar:horizontal .thumb,
180+
.tree-view .scroll-bar:vertical .thumb {
181+
-fx-background-color : #232323;
182+
-fx-background-insets : 2.0, 0.0, 0.0;
183+
-fx-background-radius : 2.0em;
184+
}
185+
186+
.tree-view .scroll-bar:horizontal .thumb:hover,
187+
.tree-view .scroll-bar:vertical .thumb:hover,
188+
.tree-view .scroll-bar:vertical .thumb:pressed,
189+
.tree-view .scroll-bar:horizontal .thumb:pressed {
190+
-fx-background-color : #666666;
191+
-fx-background-insets : 2.0, 0.0, 0.0;
192+
-fx-background-radius : 2.0em;
193+
}
194+
195+
.scroll-bar:horizontal .thumb,
196+
.scroll-bar:vertical .thumb {
197+
-fx-background-color : #141414;
198+
-fx-background-insets : 2.0, 0.0, 0.0;
199+
-fx-background-radius : 2.0em;
200+
}
201+
202+
.scroll-bar:horizontal .thumb:hover,
203+
.scroll-bar:vertical .thumb:hover,
204+
.scroll-bar:vertical .thumb:pressed,
205+
.scroll-bar:horizontal .thumb:pressed {
206+
-fx-background-color : #666666;
207+
-fx-background-insets : 2.0, 0.0, 0.0;
208+
-fx-background-radius : 2.0em;
209+
}
210+
211+
.scroll-bar{
212+
-fx-background-color: transparent;
213+
-fx-background-radius: 2em;
214+
-fx-focus-color: transparent;
215+
-fx-faint-focus-color: transparent;
216+
}
217+
218+
.scroll-bar:vertical:focused {
219+
-fx-background-color: transparent;
220+
}
137221
.root {
138222
-fx-background-color: #232323
139223
}

0 commit comments

Comments
 (0)