User CSS customizations do not override TDWTF customizations

[Tsaukpaetra]

So, I got tired of the puke-green background colour for unread notifications in the notifications dropdown, and made a custom CSS entry for it:

body.skin-cyborg .header .notification-list li.unread {
background-color: #f80;
}

It... didn't apply. So I went to find out why:

Apparently, TDWTF's custom CSS has priority over user-custom CSS.

So I end up having to bang !important on everything. Hoo ray.

[loopback0]

This works fine though on whatever skin I've got:

body .header .notification-list li.unread {
background-color: #f80;
}

[Tsaukpaetra]

@loopback0 said in User CSS customizations do not override TDWTF customizations:

This works fine though on whatever skin I've got:

body .header .notification-list li.unread {
background-color: #f80;
}

I'm pretty sure it specifically set the color for the cyborg skin.

[HardwareGeek]

@Tsaukpaetra said in User CSS customizations do not override TDWTF customizations:

cyborg skin

Of course.

[boomzilla]

@Tsaukpaetra said in User CSS customizations do not override TDWTF customizations:

Apparently, TDWTF's custom CSS has priority over user-custom CSS.

That's weird. We don't set any color on that. The html:not([data-disable-tdwtf-css]) is in two places:

• Removing the circlization of avatars
• Some iframely tweaks

From the client-cybo... source it looks like it's really the cyborg stuff that you're fighting with. I use the default skin and wondered what you were talking about with the puke-green color reference.

[Tsaukpaetra]

@boomzilla said in User CSS customizations do not override TDWTF customizations:

what you were talking about with the puke-green color reference.

Yeah, it's not very pleasant or readable:

It's even worse under red filter.

[boomzilla]

@Tsaukpaetra

[loopback0]

@Tsaukpaetra said in User CSS customizations do not override TDWTF customizations:

@boomzilla said in User CSS customizations do not override TDWTF customizations:

what you were talking about with the puke-green color reference.

Yeah, it's not very pleasant or readable:

It's even worse under red filter.

[Tsaukpaetra]

@boomzilla said in User CSS customizations do not override TDWTF customizations:

@Tsaukpaetra

@loopback0 said in User CSS customizations do not override TDWTF customizations:

You can see my fortitude. I have suffered this color for quite some time and decided to do something about it.

The new color is much better!

[loopback0]

@Tsaukpaetra said in User CSS customizations do not override TDWTF customizations:

The new color is much better!

It might be worse. I think NodeBB's CSS is saving you from that.

[boomzilla]

@Tsaukpaetra said in User CSS customizations do not override TDWTF customizations:

The new color is much better!

:sigh:

[HardwareGeek]

@boomzilla Who is more colorblind, @Tsaukpaetra or @Polygeekery?

[Tsaukpaetra]

@HardwareGeek said in User CSS customizations do not override TDWTF customizations:

@boomzilla Who is more colorblind, @Tsaukpaetra or @Polygeekery?

I'm not colourblind, I just have tastes!

[boomzilla]

@Tsaukpaetra said in User CSS customizations do not override TDWTF customizations:

@HardwareGeek said in User CSS customizations do not override TDWTF customizations:

@boomzilla Who is more colorblind, @Tsaukpaetra or @Polygeekery?

I'm not colourblind, I just have tastes!

You're not supposed to lick the screen.

[HardwareGeek]

@Tsaukpaetra The puke green is ugly. That text/background combination causes retinal damage.

[Benjamin Hall]

@Tsaukpaetra said in User CSS customizations do not override TDWTF customizations:

@HardwareGeek said in User CSS customizations do not override TDWTF customizations:

@boomzilla Who is more colorblind, @Tsaukpaetra or @Polygeekery?

I'm not colourblind, I just have tastes!

But not necessarily good ones. And weren't you the one who ate a box of something that'd been expired for, like, years? We also know your taste in hardware =)

[loopback0]

@Benjamin-Hall said in User CSS customizations do not override TDWTF customizations:

And weren't you the one who ate a box of something that'd been expired for, like, years?

That's probably one of the less weird things he's done

[Zecc]

@Tsaukpaetra Not a NodeBB bug, as such.

Cyborg's selector has a specificificifity of, what, 8? While your custom CSS only has 6.

Just stick to using !important. It's not a big deal.

[Zecc]

Having said that, this thing is leaving me confusedAh, I see. I need to change the as color inside the li:

I unfortunately can't afford to be nerd sniped by this at the moment.

I leave this for @Tsaukpaetra to feel less alone:

Edit: better.

[kazitor]

@Zecc said in User CSS customizations do not override TDWTF customizations:

Just stick to using !important. It's not a big deal.

I’m told it’s actually best practice to bind your selectors tightly to the specific structure of the document, so that any change to some distantly-unrelated container element breaks everything.

MDN contributors said in Specificity:

duplicate simple selectors to increase specificity when you have nothing more to specify.

#myId#myId span { color: yellow; }
.myClass.myClass span { color: orange; }

[dkf]

@Tsaukpaetra said in User CSS customizations do not override TDWTF customizations:

The new color is much better!

My eyes! What did you do to my eyes!?

[error]

@boomzilla said in User CSS customizations do not override TDWTF customizations:

You're not supposed to lick the screen.

You can't tell me what to do.

[Zecc]

@error Don't do what @boomzilla told you to do.

[Tsaukpaetra]

@Zecc said in User CSS customizations do not override TDWTF customizations:

Having said that, this thing is leaving me confusedAh, I see. I need to change the as color inside the li:

I unfortunately can't afford to be nerd sniped by this at the moment.

I leave this for @Tsaukpaetra to feel less alone:

Edit: better.

The green is nice, but the blue of the current one seems to have more contrast to me.

Will keep experimenting.