Initial Comit
This commit is contained in:
87
MenuManager/Files/MenuManager.css
Normal file
87
MenuManager/Files/MenuManager.css
Normal file
@@ -0,0 +1,87 @@
|
||||
/* 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;
|
||||
}
|
||||
Reference in New Issue
Block a user