0

I'm trying to change the highlighted color of selected tabs. It seems the standard is blue and it is not the -fx-border-color as it adds a border on top of blue highlight. I was wondering what property changes this color. See images below:

enter image description here

enter image description here

Smreks
  • 317
  • 1
  • 7
  • 19

2 Answers2

5

Try this:

.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {-fx-border-color: red}
jns
  • 6,017
  • 2
  • 23
  • 28
0

I think this is a combination of -fx-focus-color (which defaults to #039ED3) and -fx-faint-focus-color (which is just a semi-transparent version: #039ED322).

James_D
  • 201,275
  • 16
  • 291
  • 322