From 9568ea5118b9100b3375a6bd2153042506b0d5d1 Mon Sep 17 00:00:00 2001 From: sowgro Date: Sun, 14 May 2023 01:46:56 -0400 Subject: Finish css and menus --- src/gui/style.css | 78 +++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 73 insertions(+), 5 deletions(-) (limited to 'src/gui/style.css') 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; +} -- cgit v1.2.3 From 4a1f4a98116b5c59efe0606375b833a722a0d281 Mon Sep 17 00:00:00 2001 From: sowgro Date: Sun, 14 May 2023 17:34:40 -0400 Subject: add levelselector gui, move some files around --- src/gui/style.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) (limited to 'src/gui/style.css') diff --git a/src/gui/style.css b/src/gui/style.css index 7ca76be..16db327 100644 --- a/src/gui/style.css +++ b/src/gui/style.css @@ -82,8 +82,10 @@ Slider:focused .thumb{ -fx-border-color: rgb(231, 231, 231); } +/* text box */ + .textBox { -fx-background-radius: 5; -fx-background-color: rgba(0, 0, 0, 0.5); -fx-text-fill: white; -} +} \ No newline at end of file -- cgit v1.2.3