add hover effect to main nav buttons in light mode

This commit is contained in:
woodser 2025-05-02 09:18:08 -04:00
parent 3725209273
commit f123ce8f9c
No known key found for this signature in database
GPG key ID: 55A10DD48ADEE5EF
3 changed files with 10 additions and 9 deletions

View file

@ -789,11 +789,13 @@ tree-table-view:focused {
-fx-effect: dropshadow(gaussian, -bs-text-color-transparent, 4, 0, 0, 0, 2); -fx-effect: dropshadow(gaussian, -bs-text-color-transparent, 4, 0, 0, 0, 2);
} }
/** .top-navigation .nav-button:hover {
.nav-button:hover .text { -fx-background-color: -bs-rd-nav-button-hover;
-fx-fill: -bs-rd-nav-hover-text; }
.nav-primary .nav-button:hover {
-fx-background-color: -bs-rd-nav-primary-button-hover;
} }
*/
.nav-button:selected .text { .nav-button:selected .text {
-fx-fill: -bs-rd-nav-selected; -fx-fill: -bs-rd-nav-selected;

View file

@ -74,7 +74,8 @@
-bs-rd-nav-primary-background: black; -bs-rd-nav-primary-background: black;
-bs-rd-nav-selected: black; -bs-rd-nav-selected: black;
-bs-rd-nav-deselected: rgba(255, 255, 255, .65); -bs-rd-nav-deselected: rgba(255, 255, 255, .65);
-bs-rd-nav-button-hover: rgba(255, 255, 255, 0.03); -bs-rd-nav-button-hover: derive(-bs-rd-nav-background, 10%);
-bs-rd-nav-primary-button-hover: derive(-bs-rd-nav-primary-background, 10%);
-bs-rd-nav-hover-text: black; -bs-rd-nav-hover-text: black;
-bs-content-pane-bg-top: #212121; -bs-content-pane-bg-top: #212121;
@ -467,10 +468,6 @@
-fx-effect: null; -fx-effect: null;
} }
.nav-button:hover {
-fx-background-color: -bs-rd-nav-button-hover;
}
.nav-primary .nav-button:selected { .nav-primary .nav-button:selected {
-fx-background-color: derive(white, -5%); -fx-background-color: derive(white, -5%);
} }

View file

@ -44,6 +44,8 @@
-bs-rd-nav-deselected: rgba(255, 255, 255, 0.75); -bs-rd-nav-deselected: rgba(255, 255, 255, 0.75);
-bs-rd-nav-background: #0c59bd; -bs-rd-nav-background: #0c59bd;
-bs-rd-nav-primary-background: #0b65da; -bs-rd-nav-primary-background: #0b65da;
-bs-rd-nav-button-hover: derive(-bs-rd-nav-background, 10%);
-bs-rd-nav-primary-button-hover: derive(-bs-rd-nav-primary-background, 10%);
-bs-rd-nav-primary-border: #0B65DA; -bs-rd-nav-primary-border: #0B65DA;
-bs-rd-nav-border: #535353; -bs-rd-nav-border: #535353;
-bs-rd-nav-border-color: rgba(255, 255, 255, 0.31); -bs-rd-nav-border-color: rgba(255, 255, 255, 0.31);