You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
87 lines
2.6 KiB
87 lines
2.6 KiB
/* From: https://stackoverflow.com/questions/12299162/how-to-style-menu-button-and-menu-items */
|
|
/* VARIABLE DEFINITIONS: Only these 4 variables have to be adjusted, the rest is copy-paste */
|
|
* {
|
|
-fx-my-menu-color: #263238; /* Change according to your needs */
|
|
-fx-my-menu-color-highlighted: #455a64; /* Change according to your needs */
|
|
-fx-my-menu-font-color: #FFFFFF; /* Change according to your needs */
|
|
-fx-my-menu-font-color-highlighted: #FFFFFF; /* Change according to your needs */
|
|
}
|
|
|
|
/* MENU BAR + Top-level MENU BUTTONS */
|
|
/*** The menu bar itself ***/
|
|
.menu-bar {
|
|
-fx-background-color: -fx-my-menu-color;
|
|
}
|
|
|
|
/*** Top-level menu itself (not selected / hovered) ***/
|
|
.menu-bar > .container > .menu-button {
|
|
-fx-background-color: -fx-my-menu-color;
|
|
}
|
|
|
|
/*** Top-level menu's label (not selected / hovered) ***/
|
|
.menu-bar > .container > .menu-button > .label {
|
|
-fx-text-fill: -fx-my-menu-font-color;
|
|
}
|
|
|
|
/*** Top-level menu's label (disabled) ***/
|
|
.menu-bar > .container > .menu-button > .label:disabled {
|
|
-fx-opacity: 1.0;
|
|
}
|
|
|
|
/*** Top-level menu itself (selected / hovered) ***/
|
|
.menu-bar > .container > .menu-button:hover,
|
|
.menu-bar > .container > .menu-button:focused,
|
|
.menu-bar > .container > .menu-button:showing {
|
|
-fx-background-color: -fx-my-menu-color-highlighted;
|
|
}
|
|
|
|
/*** Top-level menu's label (selected / hovered) ***/
|
|
.menu-bar > .container > .menu-button:hover > .label,
|
|
.menu-bar > .container > .menu-button:focused > .label,
|
|
.menu-bar > .container > .menu-button:showing > .label {
|
|
-fx-text-fill: -fx-my-menu-font-color-highlighted;
|
|
}
|
|
|
|
/* MENU ITEM (children of a MENU BUTTON) */
|
|
/*** The item itself (not hovered / focused) ***/
|
|
.menu-item {
|
|
-fx-background-color: -fx-my-menu-color;
|
|
}
|
|
|
|
/*** The item's label (not hovered / focused) ***/
|
|
.menu-item .label {
|
|
-fx-text-fill: -fx-my-menu-font-color;
|
|
}
|
|
|
|
/*** The item's label (disabled) ***/
|
|
.menu-item .label:disabled {
|
|
-fx-opacity: 1.0;
|
|
}
|
|
|
|
/*** The item itself (hovered / focused) ***/
|
|
.menu-item:focused, .menu-item:hovered {
|
|
-fx-background-color: -fx-my-menu-color-highlighted;
|
|
}
|
|
|
|
/*** The item's label (hovered / focused) ***/
|
|
.menu-item:focused .label, .menu-item:hovered .label {
|
|
-fx-text-fill: -fx-my-menu-font-color-highlighted;
|
|
}
|
|
|
|
/* CONTEXT MENU */
|
|
/*** The context menu that contains a menu's menu items ***/
|
|
.context-menu {
|
|
-fx-background-color: -fx-my-menu-color;
|
|
}
|
|
|
|
|
|
/* Menu manager mods */
|
|
.mm-title {
|
|
-fx-font-size: 16px;
|
|
-fx-font-weight: bold;
|
|
}
|
|
.mm-menucustom-hidden:hover,
|
|
.mm-menucustom-hidden:focused,
|
|
.mm-menucustom-hidden:showing {
|
|
-fx-background-color: Transparent;
|
|
} |