How to Change Quote/Reply Button Color?

[Nyghtfall3D]

How do I target this button color via extras.less?

 

[Russ]

Hello, this in extra.less should help:

.tooltip.tooltip--selectToQuote .tooltip-content
{
backgrond: #000;
.tooltip-arrow
{
border-bottom-color: #000;
}
    a
    {
        color: orange;
    }
}

The background color + border color should match, that will change the background color of the tooltip itself. Then "orange" will control the link.

 

[Nyghtfall3D]

The primary accent color of my board is a hex blue value of #6084b4. I'd like to make the background + border color the same shade of blue while keeping the link color white, but the code you provided isn't having any effect on the 'background' or 'border-bottom-color' when I replace the '#000" with "#6084b4". The link color change works, but it's the background and border colors I want to change.

 

[Russ]

It's not really a button by default. You can use the following CSS to change it to look more like a button:

.tooltip.tooltip--selectToQuote .tooltip-content
{
backgrond: #000;
.tooltip-arrow
{
border-bottom-color: #000;
}
    a
    {
        background-color: orange;
color: #FFF;
padding: 5px 10px;
border-radius: @xf-borderRadiusMedium;
border: 1px solid pink;
    }
}

 

[Nyghtfall3D]

That did the trick. Thanks!