User CSS customizations do not override TDWTF customizations
-
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.
-
This works fine though on whatever skin I've got:
body .header .notification-list li.unread { background-color: #f80; }
-
@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.
-
@Tsaukpaetra said in User CSS customizations do not override TDWTF customizations:
cyborg skin
Of course.
-
@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.
-
@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 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.
-
@boomzilla said in User CSS customizations do not override TDWTF customizations:
@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!
-
@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.
-
@Tsaukpaetra said in User CSS customizations do not override TDWTF customizations:
The new color is much better!
:sigh:
-
@boomzilla Who is more colorblind, @Tsaukpaetra or @Polygeekery?
-
@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!
-
@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.
-
@Tsaukpaetra The puke green is ugly. That text/background combination causes retinal damage.
-
@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 =)
-
@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
-
@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.
-
Having said that,
this thing is leaving me confusedAh, I see. I need to change thea
s color inside theli
:
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.
-
@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; }
-
@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!?
-
@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.
-
@error Don't do what @boomzilla told you to do.
-
@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 thea
s color inside theli
:
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.