Jfoenix: Change color TabPane completely

[CatMonster]

By applying these classes to a JFXTabPane
.jfx-tab-pane .headers-region { -fx-padding: 10px; -fx-background-color: #36474F; }
the space around arrows does not change like in the image

Why arrows aren't in their space? If I move the tabs to left or on right they return on their correct position

[jfoenixadmin]

Hello,
to change the header background color use the following css:
.jfx-tab-pane .tab-header-background { -fx-background-color: #36474F; }
and regarding the arrow position it's a bug that was fixed in the latest JFoenix version 1.9.1
Regards,

[CatMonster]

@jfoenixadmin thanks for your answer, but by applying the code you suggested it does not work, even if I keep only your code.
Changed to version 1.9.1

[CatMonster]

Is there a way to style the arrows via css?

[jfoenixadmin]

Can you provide the css you are applying? as we tried the suggested code and it's working.
to style the arrows, you can use the following:

.jfx-tab-pane .control-buttons-tab{
    -fx-background-color: RED;
}
.jfx-tab-pane .control-buttons-tab .tab-down-button{
    -fx-background-color: GREEN;
}
.jfx-tab-pane .control-buttons-tab .jfx-rippler{
    -jfx-rippler-fill: Yellow;
}

NOTE: the rippler fill won't change in 1.9.1, as it's a bug which will be fixed in later versions (already fixed and pushed to github).

Regards,

[CatMonster]

Tried your code with another project and it works.

Is it possible to remove the arrows and leave the scrolling function only?
Now there's another problem: if JFXTabPane's Tabs are shorter than scene length, so they not require scrolling arrows, in the background there's another color like in the screenshot

The code I use to color the JFXTabPane header is this one:
.jfx-tab-pane .headers-region { -fx-background-color: #35464F; }

[jfoenixadmin]

as mentioned before use the following css instead:
.jfx-tab-pane .tab-header-background { -fx-background-color: #35464F; }

currently you can't remove the arrows, the skin needs to be updated to allow this option.

[MRoblesBEA]

Hi man, look i'm using:
Netbeans IDE 8.0.2
Maven, javafx
Sceene Builder with library jfoenix:0.1.8

In Sceene builder i call to .css file, in properties:

//for change the header color, i used:
.tab-header-background{
-fx-background-color: #356e37;
}

//for change the text color from the tabs
.tab-label {
-fx-text-fill: white ;
}

//#356e37 is your hexadecimal color