XF 2.0 Anyone have any idea where this can be changed?

[Merlin07]

For whatever reason it appears white. No idea how or what happened.
Also no idea if this is the XF 2.0, I just picked a prefix so I can post. I don't even know where to find my version.

 

[Davyc]

@Merlin07 Try this in your extra.less file and change the color to suit. You may need to change the text color too if it's obscured by the background.

.inputGroup.inputGroup--joined .inputGroup-text {
    background: yellow !important;
}

 

[Merlin07]

@Merlin07 Try this in your extra.less file and change the color to suit. You may need to change the text color too if it's obscured by the background.

.inputGroup.inputGroup--joined .inputGroup-text {
    background: yellow !important;
}

Unfortunately that did nothing. I don't understand because I didn't add those tabs and suddenly they appeared. Even still, I went through all the options one by one, refreshing a millions times to see what changed, and I didn't find anything. I would think that would be under the "Form" section or "Input" but nothing shows up. I'm tired of changing one small thing and suddenly 10 different things change that have nothing to do with it. Especially in the "Basic Colors" area. I change one thing and three other category colors change. It's very frustrating.

 

[Davyc]

@Merlin07 can you provide a link to the site and where this is occurring as it may be theme specific.

 

[Mr Lucky]

It's hard to tell - might be good to know the URL

But, assuming that is the thread type, it could be this

.inputTypes-input:checked+.inputTypes-display

{background:black}

 

[Mr Lucky]

I don't even know where to find my version.

The version is shown at the bottom right of your ACP

 

[Russ]

That specific area uses this CSS:

.inputTypes-input:checked + .inputTypes-display,
.inputTypes-display:hover
{
    color: @xf-inputTextColor;
    border-color:  @__borderColor;
    background: linear-gradient(180deg, @xf-inputBgColor, @__tabBackground);
}

It essentially creates a gradient that transitions from the input background color to the content background color. If it's showing up like this, more than likely you're going to have other issues around the site. Rather than using CSS to fix specific things like this, I'd suggest going to Style properties -> Basic colors and making sure colors are properly set there first. I don't think you should be using a white input field (I'm assuming you are) on a dark background as an example. Tidy up that page first, make sure text colors don't match the backgrounds, example:

Accented content background color shouldn't be the same color as: Accented content text color (or even close, there needs to be contrast so the text can be seen)

After that, then you may need CSS adjustments if style properties don't exist.

It takes a bit to get used to it all and dark styles are especially more time consuming if not done properly from the start.

 

[Merlin07]

@Merlin07 can you provide a link to the site and where this is occurring as it may be theme specific.

It's not a link it's when you post a thread:

 

[Merlin07]

The version is shown at the bottom right of your ACP

View attachment 297941

ok, i have 2.2.15

 

[Merlin07]

That specific area uses this CSS:

.inputTypes-input:checked + .inputTypes-display,
.inputTypes-display:hover
{
    color: @xf-inputTextColor;
    border-color:  @__borderColor;
    background: linear-gradient(180deg, @xf-inputBgColor, @__tabBackground);
}

It essentially creates a gradient that transitions from the input background color to the content background color. If it's showing up like this, more than likely you're going to have other issues around the site. Rather than using CSS to fix specific things like this, I'd suggest going to Style properties -> Basic colors and making sure colors are properly set there first. I don't think you should be using a white input field (I'm assuming you are) on a dark background as an example. Tidy up that page first, make sure text colors don't match the backgrounds, example:

Accented content background color shouldn't be the same color as: Accented content text color (or even close, there needs to be contrast so the text can be seen)

After that, then you may need CSS adjustments if style properties don't exist.

It takes a bit to get used to it all and dark styles are especially more time consuming if not done properly from the start.

that's the color scheme. Alright, I'll start from scratch again