Forum:
I'm trying to change the color of the Spacehey logo on my profile as well as the text "Search Users" and "Help/LogOut." However, I can't figure out what part of my code changes this?
« Web, HTML, Tech Forum
Spacehey logo color?
Report Topic
6 Replies
Reply by Utility
posted
updated
Changing the color of the logo can be a bit tricky considering that the logo is an image, not a text element. You can change the color of the image by adding a sepia filter along with a hue-rotate filter to give it some color. We will also add a saturate filter to make the color pop a bit more :)
.logo { filter: sepia(100%) hue-rotate(45deg) saturate(100);}
Make sure to play with the hue-rotate() filter to get the color you want :)You can also modify the saturate() filter to make the logo less/more saturated.
Hope this helps!
hue-rotate(0deg): standard white
hue-rotate(45deg): green
hue-rotate(95deg): cyan
hue-rotate(200deg): light pink
hue-rotate(250deg): darker pink
hue-rotate(300deg): orange
hue-rotate(350deg): yellow
Permalink
Reply by pilmo_6
posted
Reply by xofrnk
posted
updated
Anyone know how to make it dark red/maroon? I've been struggling for almost an hour now lol. Edit: okay, I got it. for inquiring minds who need to know, the code is
.logo {
filter: sepia(100%) hue-rotate(300deg) saturate(400) brightness(50%);
}
and you can play with the numbers until it's exactly what you want
Reply by layliibug
posted
for black:
.logo {
filter: sepia(100%) hue-rotate(500deg) saturate(500) brightness(0%);
}
Reply by Kino
posted
Reply by soleil🫧
posted
I found a way to do it and also change the colors of other things on your profile!!
<style>
/* CUSTOMIZE BASIC SETTINGS */
:root {
--logo-blue: transparent; /* CHANGE COLOR OF SPACEHEY BAR AT TOP */
--darker-blue: white; /* CHANGE COLOR OF PROFILE LINKS */
--lighter-blue: teal; /* CHANGE COLOR OF NAVIGATION BAR */
--even-lighter-blue: #ccc;
--lightest-blue: #fff;
--dark-orange: #FFF; /* CHANGE FONT COLOR OF ABOUT ME, WHO I’D LIKE TO MEET */
--light-orange: purple); /* CHANGE BACKGROUND OF COMMENT SECTION */
--even-lighter-orange: purple; /* CHANGE BACKGROUND OF COMMENT SECTION */
--green: #38d;
}
I got this from someone elses blog she has other things on her blog if u wanna know more her user is jennardson !!