XF 2.2 Selected Button Colour in Editor

[Sanctum Staff]

I have been digging through the style properties, trying to find one specific colour. The colour for selected buttons in drop downs in the editor.

Example of what I mean:


I have been able to find the lighter grey (the hover colour). However, the darkest grey (the 15) I have not been able to target. I know it uses Colour 1 and is affected by Basic Colours -> Highlighted Content Background colour, but changing those also changes other parts of the theme I don't want to touch.

Is there a setting somewhere that specifically targets this piece of the theme?

 

[Paul B]

P

Editor toolbar button icon styling

Jan 22, 2021

(Font) Awesome!

• Paul B
• XenForo tips & guides [2.x]

[data-cmd="fontSize"]
{
    color: red !important;
}

 

[Sanctum Staff]

P

Editor toolbar button icon styling

Jan 22, 2021

(Font) Awesome!

• Paul B
• XenForo tips & guides [2.x]

[data-cmd="fontSize"]
{
    color: red !important;
}

This is close, but targets all buttons in the section. Is there a way to specifically target the selected button? From a glance at the elements, it seems to involve "aria-selected="true"", but I haven't been able to work out how to target that.

 

[Old Nick]

The related class is fr-active so maybe something like

[data-cmd="fontSize"] .fr-active
{
    color: red !important;
}

 

[Sanctum Staff]

So, I don't know why it worked, but for anyone who finds this: for some reason just

.fr-active
{
    background-color: green !important;
}

Accomplished what I wanted. If it has any external effects, I haven't found them.

Thank you @Old Nick

 

[Old Nick]

I thought you were targeting font sizes like Paul's code would suggest.
Cool that you achieved your goals.