Home JavaFX Dark Theme
Post
Cancel

JavaFX Dark Theme

A complete CSS stylesheet to set a dark theme in your JavaFX UI. 🌘

Built on top of the default JavaFX theme (Modena)

Download stylesheet here!


How to use

  • Load via FXML:

    Add stylesheets="@style.css" to the top-level FXML tag.


  • Load via Java: Add the following code:
    1
    2
    
    File style = new File("relative-path/style.css");
    scene.getStylesheets().add(style.toURI().toURL().toExternalForm());
    

CSS preview example

See this theme in action here!

Download stylesheet here


List of JavaFX recolored elements

  • Label
  • Pane
  • GridPane
  • TextField
  • ComboBox
  • ListCell
  • ListView
  • Button
  • CheckBox
  • TextArea
  • ScrollBar
  • Menu
  • ProgressBar
  • Slider
  • TreeView
  • Tab
  • TitledPane
  • TableView
  • Tooltip
This post is licensed under CC BY 4.0 by the author.