I would like to make my wiki icons switch depending on the theme the user is using.
Right now, i have two versions of an icon, one dark and one light.
I'm looking for a solution so that when someone uses the light theme, the icon shows dark and when someone uses the dark theme, the icon shows white.
Does someone know how to do this? I'd really appreciate the help!
Hello,
Try something like this in your community CSS:
.theme-fandomdesktop-light .fandom-community-header__image img {
display: inline-block; /* So img can get sized */
background: url("https://static.wikia.nocookie.net/central/images/a/a9/Dark-logo.png/revision/latest/scale-to-width-down/150") no-repeat center;
max-height: 100px;
width: 250px;
padding-left: 250px; /* This value = width */
}By the way, this Discussion space is for talking about tools from the Dev wiki. For generic questions, please ask on c.fandom.com/f