From 8d00a00804caf693e6da651e3f2dec4c10e642c3 Mon Sep 17 00:00:00 2001 From: h7x4 Date: Sat, 20 Feb 2021 13:11:45 +0100 Subject: [PATCH] Restyle to banana theme --- src/main/resources/styling/app.css | 30 +++++++++++++++++++++++++----- 1 file changed, 25 insertions(+), 5 deletions(-) diff --git a/src/main/resources/styling/app.css b/src/main/resources/styling/app.css index d44ac07..b53e3b9 100644 --- a/src/main/resources/styling/app.css +++ b/src/main/resources/styling/app.css @@ -13,6 +13,8 @@ -main-blue-color: #66d9ef; -main-magenta-color: #ae81ff; -main-cyan-color: #a1efe4; + + -banana-focus-color: #fffb00; } .root { @@ -63,18 +65,27 @@ } -.menu-bar, .menu-item-separator{ +.menu-bar, .menu-item-separator { -fx-background-color: -dark-bg-color; -fx-text-fill: -main-fg-color; } -.menu, .menu-item{ +.menu, .menu-item { -fx-background-color: -main-bg-color; -fx-text-fill: -main-fg-color; } +.menu > * > .arrow { + -fx-background-color: -main-fg-color; +} + .menu-item:focused { - -fx-background-color: -main-blue-color; + -fx-background-color: -banana-focus-color; + -fx-text-fill: -dark-bg-color; +} + +.menu-item:focused .label { + -fx-text-fill: -dark-bg-color; } /* Menuitems visible in top of window */ @@ -157,12 +168,21 @@ } .tree-view:focused .tree-cell:focused { - -fx-background-color: -main-blue-color; + -fx-background-color: -banana-focus-color; + -fx-text-fill: -dark-bg-color; +} + +.tree-cell > .tree-disclosure-node > .arrow { + -fx-background-color: -main-fg-color; +} + +.tree-view:focused .tree-cell:focused > .tree-disclosure-node > .arrow { + -fx-background-color: -dark-bg-color; } .tree-cell:filled:selected{ -fx-background-color: transparent; - -fx-border-color: -main-blue-color; + -fx-border-color: -banana-focus-color; -fx-border-width: 3; }