Jfoenix: css color for JFXTabPane

Created on 22 Oct 2016  路  2Comments  路  Source: sshahine/JFoenix

how do I change the background color, text color and the tabs color in JFXTabPane ?

Your website said the DEFAULT_STYLE_CLASS is jfx-tab-pane

So, I created :

.jfx-tab-pane {
-fx-text-fill: red;
-fx-background-color: orange;
}

But they change the color partially for me.

Do I need to create my own JFXTabPaneSkin.java ?

thanks much

Most helpful comment

I use this to style the color of my tabbar:

/*
    The tab bar
*/

.jfx-tab-pane .headers-region {
    -fx-background-color: #1b75bc;
}
.jfx-tab-pane .tab-header-background {
    -fx-background-color: #1b75bc;
}
.jfx-tab-pane .tab-selected-line {
    -fx-stroke: #75bc1b;
    -fx-stroke-width: 3pt;
}

All 2 comments

I use this to style the color of my tabbar:

/*
    The tab bar
*/

.jfx-tab-pane .headers-region {
    -fx-background-color: #1b75bc;
}
.jfx-tab-pane .tab-header-background {
    -fx-background-color: #1b75bc;
}
.jfx-tab-pane .tab-selected-line {
    -fx-stroke: #75bc1b;
    -fx-stroke-width: 3pt;
}

this issue is related to #145

Was this page helpful?
0 / 5 - 0 ratings

Related issues

RodrigoSantiago picture RodrigoSantiago  路  3Comments

alittwin picture alittwin  路  4Comments

caoyanfeng picture caoyanfeng  路  3Comments

Natreve picture Natreve  路  4Comments

riftshadow picture riftshadow  路  4Comments