Skip to content

Instantly share code, notes, and snippets.

@andytill
Created August 20, 2012 12:17
Show Gist options
  • Save andytill/3403634 to your computer and use it in GitHub Desktop.
Save andytill/3403634 to your computer and use it in GitHub Desktop.
JavaFX Light Grey Brume Theme
/**
* JavaFX CSS light grey/white 'brume' theme.
*/
.titled-pane {
-fx-effect: dropshadow(three-pass-box, #9F9F9F, 15, 0, 0, 0);
-fx-animated: true;
-fx-text-fill: #505050;
}
.titled-pane > .title {
-fx-background-radius: 0, 0, 0;
-fx-font: bold 14px System;
/* stop the background from being blue on focus */
-fx-background-color: ladder(
red,
black 20%,
derive(#d0d0d0,-30%) 30%
),
linear-gradient(
to bottom,
ladder(#d0d0d0,
derive(#d0d0d0,80%) 60%,
white 82%) 0%,
ladder(#d0d0d0,
derive(#d0d0d0,20%) 10%,
derive(#d0d0d0,-10%) 80%) 100%
), linear-gradient(
to bottom,
derive(#d0d0d0,34%) 0%,
derive(#d0d0d0,-18%) 100%
);
}
.titled-pane:focused > .title > .arrow-button .arrow {
/* do not highlight the title pane arrow on focus */
-fx-background-color: #606060;
}
.tree-cell:odd {
/* shade every other line in a tree view */
-fx-background-color: #EEEEEE;
}
.button {
/* buttons do not have rounded corners */
-fx-background-radius: 0, 0, 0, 0;
}
.menu-button {
/* the left side of the menu button is not rounded */
-fx-background-radius: 0 5 5 0, 0 5 5 0, 0 4 4 0, 0 3 3 0;
}
.combo-box-base {
/* the left side of the combo box is not rounded */
-fx-background-radius: 0 5 5 0, 0 5 5 0, 0 4 4 0, 0 3 3 0;
}
@andytill
Copy link
Author

This CSS is now part of the jfxtras-styles project.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment