21

Is there any way to see the applied CSS-Rules for JavaFX-Elements? Or there is a published reference with the default CSS-Rules available?

I would like, for example , to know the color of Toolbar's border.

3

6 Answers 6

23

The CSS file is located in javafxrt.jar at jfxrt.jar!/com/sun/javafx/scene/control/skin/caspian/caspian.css .

Unfortunately, there is no API access to the CSS styles of an element as of now, though that is apparently being discussed for JavaFX 2.2.

7
15

Here is the extracted caspian.css on pastebin - http://pastebin.com/0PebD9nR

1
  • This is outdated since Modena has become the default skin, please see my answer below Oct 26, 2022 at 23:24
15

Modena theme

With JavaFX 8 the default CSS is a new theme called Modena. See announcement with screenshots.

See the latest versions on the OpenJFX site at GitHub.

The modena.css for the build version Java8_91 can be found here:

https://gist.github.com/maxd/63691840fc372f22f470

If you search the css file in different JDK versions this is the way to go.

JDK below 10.0: $JAVA_HOME/jre/lib/ext/jfxrt.jar --> com/sun/javafx/scene/control/skin/modena.

JDK for 10.0 and higher: $JAVA_HOME/jmods/javafx.controls.jmod --> classes/com/sun/javafx/scene/control/skin/modena.

2
4

From Skinning JavaFX Applications with CSS: Default Style Sheet,

The default style sheet for JavaFX applications is caspian.css, which is found in the JavaFX runtime JAR file, jfxrt.jar

and

Use the following command to extract the style sheet from the JAR file:

jar -xf jfxrt.jar com/sun/javafx/scene/control/skin/caspian/caspian.css

and then just use a css viewer.

1
  • This is outdated since Modena has become the default skin, please see my answer below 👇 Oct 31, 2022 at 2:33
3

As for the end of 2019 the default modena.css can be looked at official jfx github repo:

https://github.com/openjdk/jfx/tree/master/modules/javafx.controls/src/main/resources/com/sun/javafx/scene/control/skin/modena

Or you can look inside Maven javafx-controls. For example in javafx-controls-13-win.jar go to /com/sun/javafx/scene/control/skin/modena/

2
  • 1
    Nice answer with modern info. Most of the other existing answers, even the highly voted ones, include outdated info which is now misleading for modern JavaFX implementations.
    – jewelsea
    Dec 26, 2019 at 21:54
  • 1
    @jewelsea Indeed! I have also posted my answer below. I hope we can help others be giving up-to-date answers. Oct 26, 2022 at 23:25
1

Modena

Modena has become the default skin for JavaFX applications.

Default Maven dir

%HOMEPATH% on Windows is: C:\Users\USERNAME

The default maven directory is %HOMEPATH%\.m2\repository And JavaFX can be found under %HOMEPATH%\.m2\repository\org\openjfx

modena.css

Since JavaFX (OpenJFX) became modular the directory and file structure has changed. The most recent JavaFX version (as of this writing 19) has placed the CSS at %HOMEPATH%\.m2\repository\org\openjfx\javafx-controls\19 the CSS file can be found inside the following .jar file: javafx-controls-19-win.jar (platform specific)

I have extracted the whole modena folder and put it on GitHub: https://github.com/Remzi1993/OpenJFX-modena

And for anyone who is only interested in the core modena.css here is a public gist: https://gist.github.com/Remzi1993/23350e22a51d325ed00171c117fb66d4

Official OpenJFX repo

You can also find out by going to their GitHub repo: https://github.com/openjdk/jfx/ and the specific directory: https://github.com/openjdk/jfx/tree/master/modules/javafx.controls/src/main/resources/com/sun/javafx/scene/control/skin (The structure might change in the future). They seem to have officially moved to GitHub (finally) and the most recent documentation is also moved to their website at https://openjfx.io

OpenJFX Docs (install guides)

JavaFX CSS Reference Guide

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.