Feb 03, 2024 4:00 pm
I would like to change the color of the FontAwesome icons on the dark version of the theme and adapt it to a blue color, but I am struggling to find the correct class.
I have tried the following code, but it doesn't seem to work:
.darklup-dark-mode-enabled i:not(.darklup-dark-ignore i):before, .darklup-dark-mode-enabled .darklup--text-before:not(.darklup-dark-ignore .darklup--text-before):before { color: blue !important; }
Additionally, I want to change my logo only on the dark version because I've created a lighter version to match the dark theme or even brighten it with CSS, but unfortunately, it's not taking effect. 🙁
I attempted the following:
img.custom-logo.darklup--img { filter: grayscale(1) opacity(1) sepia(0) brightness(1) contrast(0) !important; }
My website is in the signature.
Thank you for your assistance.
4 Replies
Feb 03, 2024 5:44 pm
.darklup-dark-mode-enabled i:not(.darklup-dark-ignore i)::before, .darklup-dark-mode-enabled .darklup--text-before:not(.darklup-dark-ignore .darklup--text-before)::before {color: blue !important;} .darklup-dark-mode-enabled .site-logo-img {filter: brightness(2.55) !important;}