diff options
author | sowgro <tpoke.ferrari@gmail.com> | 2023-05-14 01:46:56 -0400 |
---|---|---|
committer | sowgro <tpoke.ferrari@gmail.com> | 2023-05-14 01:46:56 -0400 |
commit | 9568ea5118b9100b3375a6bd2153042506b0d5d1 (patch) | |
tree | 0e8ea5d267677bfc914b52ced330022ecd7efce9 /src/gui/style.css | |
parent | 054ff93a8e5bf51988f0324619ae4c95249f9556 (diff) | |
download | NPEhero-9568ea5118b9100b3375a6bd2153042506b0d5d1.tar.gz NPEhero-9568ea5118b9100b3375a6bd2153042506b0d5d1.tar.bz2 NPEhero-9568ea5118b9100b3375a6bd2153042506b0d5d1.zip |
Finish css and menus
Diffstat (limited to 'src/gui/style.css')
-rw-r--r-- | src/gui/style.css | 78 |
1 files changed, 73 insertions, 5 deletions
diff --git a/src/gui/style.css b/src/gui/style.css index 3e18f9d..7ca76be 100644 --- a/src/gui/style.css +++ b/src/gui/style.css @@ -1,14 +1,20 @@ +/* button */ + Button { -fx-background-color: rgba(0, 0, 0, 0.5); -fx-text-fill: white; -fx-padding: .5em; -fx-font-size: 25; - -fx-background-radius: 10; + -fx-background-radius: 5; } Button:hover { - -fx-background-color: rgb(255, 255, 255); - -fx-text-fill: rgb(0, 0, 0); + -fx-background-color: rgb(50, 50, 50, 0.5); +} + +Button:focused { + -fx-background-color: rgb(255, 255, 255); + -fx-text-fill: rgb(0, 0, 0); } Button:pressed { @@ -16,6 +22,68 @@ Button:pressed { -fx-text-fill: rgb(0, 0, 0); } -.pad { +/* list */ + +ListView { + -fx-background-color: rgba(0, 0, 0, 0.5); + -fx-background-radius: 5; +} + +.list-cell { + -fx-padding: .5em; + -fx-background-color: transparent; + -fx-text-fill: rgb(255, 255, 255); +} + +.list-cell:hover { + -fx-background-color: rgba(100, 100, 100, 0.5); + +} + +.list-cell:selected { + -fx-background-color: rgb(255, 255, 255); + -fx-text-fill: rgb(0, 0, 0); +} + +/* slider */ + +Slider { -fx-padding: 1em; -}
\ No newline at end of file +} + +.track { + + -fx-padding: 3; + -fx-background-color: rgba(0, 0, 0, 0.5); + -fx-background-radius: 5; +} + +.thumb { + -fx-pref-height: 30; + -fx-prefer-width: 30; + -fx-background-color: rgba(0, 0, 0, 0.5); + -fx-size: 25; + -fx-border-radius: 5; + -fx-border-color: rgb(231, 231, 231); + -fx-border-width: 3; +} + +.thumb:hover { + -fx-background-color: rgb(50, 50, 50, 0.5); +} + +Slider:focused .thumb{ + -fx-background-color: rgb(255,255,255); + -fx-border-color: white; +} + +.thumb:pressed { + -fx-background-color: rgb(231, 231, 231); + -fx-border-color: rgb(231, 231, 231); +} + +.textBox { + -fx-background-radius: 5; + -fx-background-color: rgba(0, 0, 0, 0.5); + -fx-text-fill: white; +} |