Change toolbar background color in javafx

Question

I have created my application toolbar with application.e4xmi.

And thereafter I tweaked my .css as below

/* JavaFX CSS - Main CSS-File */
.root {
-fx-base: rgb(222, 234, 247);
-fx-background: rgb(222, 234, 247);
}
 
.tab {
-fx-background-color: linear-gradient(to top, -fx-base, derive(-fx-base,30%));
}
 
.menu-bar {
-fx-background-color: linear-gradient(to bottom, -fx-base, derive(-fx-base,30%));
}
.tool-bar  > .container{
}
.tool-bar:vertical {
}

.tool-bar:horizontal {
-fx-background: #ececec;
-fx-base: #ececec;
}

.tree-view{
-fx-focus-color: #f21a3f;
}

/*.table-view {
-fx-control-inner-background:  rgb(222, 234, 247);
-fx-table-cell-border-color:derive(-fx-base,+10%);
-fx-table-header-border-color:derive(-fx-base,+20%);
} */
 
.split-pane:horizontal > * > .split-pane-divider {
-fx-control-inner-background : rgb(255, 255, 255);
-fx-border-color: transparent -fx-base transparent -fx-base;
-fx-background-color: transparent, derive(-fx-base,20%);
-fx-background-insets: 0, 0 1 0 1;
}
 
.my-gridpane {
-fx-background-color: radial-gradient(radius 100%, derive(-fx-base,20%), derive(-fx-base,-20%));
}
 
.separator-label {
-fx-text-fill: orange;
}

Now I am trying to change background color of high-lighted area of toolbar in my eclipse RCP application.

Any suggestion would be appreciated.

Surely not, most probably it's an `HBox` with `Button`s and `SplitMenuButton`s in it. So please, add a minimal information what you are doing. — DVarga, Dec 19 '17 at 07:54
I have created eclipse-rcp toolbar using application.4exmi file. the flow of the toolbar is : Application > Trimmed Window > Trim Bar > Tool Bar. — aakib mogul, Dec 19 '17 at 08:28
I tweaked **.root** class from **default.css** file with `-fx-base: rgb(222, 234, 247); -fx-background: rgb(222, 234, 247);` and now I want to change only high-lighted area of the application. — aakib mogul, Dec 19 '17 at 08:33
I am sure that there is nothing to do with the toolbar classes but I was unable to find any class for trim bar. I think focusing on this particular area can help me out. @DVarga — aakib mogul, Dec 19 '17 at 08:42
Please edit your question and post [mcve] to understand you. — Menai Ala Eddine - Aladdin, Dec 19 '17 at 16:41

score 0 · Answer 1 · answered Jan 01 '18 at 15:46

0

You can use a define a CSS and add this CSS to your product:

.MTrimBar {
    background-color: #000000; 
}

answered Jan 01 '18 at 15:46

Suresha C

3
2

This css class could not make any difference. – aakib mogul Jan 08 '18 at 05:51

Change toolbar background color in javafx

1 Answers1