WPI v8.7.3 Now public! By Kelsenellenelvian, June 1, 2015 in Windows Post-Install Wizard (WPI). Now I use 8.7.2 and install OK. Quote; Share this post. Link to post Share on other sites. Windows Post-Install Wizard (WPI) WPI v8.7.3 Now public! Download Dark Knight Themes Windows 7 Include: Gadget Clock Few Screensavers Few Wallpapers Via Web Universal Theme Patcher for 32 & 64 b.
Since shuffleboard is a JavaFX application, it has support for custom themes via Cascading Stylesheets (CSS for short). These are commonly used on webpages for making HTML pages look nice, but JavaFX also has support, albeit for a different language subset (see the official JavaFX CSS docs for documentation on how to use it).
Shuffleboard comes with three themes by default: Material Light, Material Dark, and Midnight. These are color variations on the same material design stylesheet. In addition, they inherit from a
base.css
stylesheet that defines styles for the custom components defined in shuffleboard or libraries that it uses; the base material design stylesheet only applies to the UI components built into JavaFX.![8.7.2 8.7.2](/uploads/1/2/6/3/126346794/527519096.jpg)
There are two ways to define a custom theme: place the stylesheets in a directory with the name of the theme in
~/Shuffleboard/themes
; for example, a theoretical 'Yellow' theme could be placed inAll the stylesheets in the directory will be treated as part of the theme.
Custom themes can also be defined by plugins. This makes them easier to share and bundle with custom widgets, but are slightly more difficult to define. The theme object will need a reference to a class defined in the plugin so that the plugin loader can determine where the stylesheets are located. If a class is passed that is not present in the JAR that the plugin is in, the theme will not be able to be used.
Shuffleboard's Material Light and Material Dark themes provide a lot of the framework for light and dark themes, respectively, as well as many styles specific to shuffleboard, ControlsFX, and Medusa UI components to fit with the material-style design.
Themes that want to modify these themes need to add
import
statements for these stylesheets:Note that
base.css
internally imports material.css
, and light.css
, dark.css
, and midnight.css
all import base.css
, so importing light.css
will implicitly import both base.css
and material.css
as well.Source code for the CSS files distributed with shuffleboard
material.css
base.css
light.css
dark.css
midnight.css
base.css
light.css
dark.css
midnight.css
Material design color swatches
The material design CSS uses color swatch variables for almost everything. These variables can be set from custom CSS files, reducing the amount of custom code needed.
The
-swatch-<100|200|300|400|500>
variables define progressively darker shades of the same primary color. The light theme uses the default shades of blue set in material.css
, but the dark theme overrides these with shades of red. -swatch-<|light|dark>-gray
defines three levels of gray to use for various background or text colors.