tablet/atlantafx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Expose SplitPane looked-up color variables

Browse Source
This commit is contained in:
mkpaz 2022-09-05 14:53:31 +04:00
parent 2990b52033
commit 90fbbd35c6
2 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
sampler/src/main/java/atlantafx/sampler/page/showcase/musicplayer/music-player.css
View File

@ -26,7 +26,8 @@
-fx-icon-size: 32px;
}
.music-player-showcase > .player-screen > .split-pane-divider {
-fx-background-color: -color-dominant-border;
-color-divider: -color-dominant-border;
-color-grabber: -color-dominant-border;
}
.music-player-showcase > .player-screen > * > .playlist {

24
styles/src/components/_split-pane.scss
View File

@ -2,16 +2,26 @@
@use "../settings/config" as cfg;
$divider-thickness: 2px !default;
$grabber-length: 10px !default;
$divider-color: cfg.$scrollbar-color-track !default;
$divider-color-pressed: -color-accent-emphasis !default;
$divider-thickness: 2px !default;
$grabber-color: cfg.$scrollbar-color-thumb !default;
$grabber-color-pressed: -color-accent-emphasis !default;
$grabber-length: 10px !default;
.split-pane {
-color-divider: $divider-color;
-color-divider-pressed: $divider-color-pressed;
-color-grabber: $grabber-color;
-color-grabber-pressed: $grabber-color-pressed;
-fx-background-color: transparent;
-fx-background-insets: 0;
-fx-padding: 0;
>.split-pane-divider {
-fx-background-color: cfg.$scrollbar-color-track;
-fx-background-color: -color-divider;
-fx-padding: 0 $divider-thickness 0 $divider-thickness;
-fx-opacity: cfg.$scrollbar-opacity-inactive;
@ -21,21 +31,21 @@ $grabber-length: 10px !default;
//-fx-border-width: 0 5 0 5;
>.horizontal-grabber {
-fx-background-color: cfg.$scrollbar-color-thumb;
-fx-background-color: -color-grabber;
-fx-padding: $grabber-length $divider-thickness $grabber-length $divider-thickness;
}
>.vertical-grabber {
-fx-background-color: cfg.$scrollbar-color-thumb;
-fx-background-color: -color-grabber;
-fx-padding: $divider-thickness $grabber-length $divider-thickness $grabber-length;
}
&:pressed {
-fx-background-color: -color-accent-emphasis;
-fx-background-color: -color-divider-pressed;
>.horizontal-grabber,
>.vertical-grabber {
-fx-background-color: -color-accent-emphasis;
-fx-background-color: -color-grabber-pressed;
}
}