alok's profile picture

Published by


Category: Blogging

changing spacehey colors in HTML

while I appreciate the old school GeoCities approach with GIFs everywhere (and my myspace used to look like that), now I prefer a simpler, minimal look. the bare minimum CSS you need to change to change your color palette is below, using my colors as an example:

/* background of the page (i.e. left and right of your profile) */
body {
  background-color: #111;

/* your profile itself. main does not encompass the header/footer, which I prefer to leave alone */
main {
  background-color: #333;
  color: #ccc;

/* links within main. --green is a variable from spacehey's own CSS */
main a {
  color: var(--green);

/* color/style of borders around tables on the left */
.profile .contact, .profile .table-section, .profile .url-info {
  border: 1px solid #111;

/* colors for the table headings on the left */
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: #444;
  color: #bbb;

/* colors for table cell background (by default spacehey has a separate color for :first-child) */
.profile .table-section .details-table td {
  background-color: #333;
  color: #ccc;

/* headings on the right */
.profile .blurbs .heading, .profile .friends .heading {
  background-color: #444;
  color: #bbb;

Add this to any one of your profile items.

Edit: Add this for friends' comments I didn't have any at first (womp womp)!

.profile .friends .comments-table td {
  background-color: #333;

179 Kudos


Displaying 20 of 34 comments ( View all | Add Comment )


⟡Ziggy's profile picture

Thanks for the codes!!

Report Comment


vcntiqs's profile picture

thx for this!! super helpful

Report Comment


BluMndy's profile picture

can someone do that in hex color codes?

Report Comment

are u fucking stupid?

by Charlie Giggletits; ; Report

"Be nice."

by ⟡Ziggy; ; Report

Why is everyone on this site so hostile??

by Fritoleg; ; Report

Alex the bat

Alex the bat's profile picture

Thanks a lot
But can someone tell me how to add borders to text?

Report Comment

Idk if you still need this but you can write "text-shadow: 0 0 0px #your color in hex code;" without the quotations inside the { } of your selector. The first two 0's are for position and the 0px is for how big you want the shadow. 0px or 1px should look like a border rather than a shadow. For example: main {text-shadow 0 0 1px #FFB233;} I highly recommend this site for further information Hope this helps!

by xX_Σοφία Αβεληιρα_Xx; ; Report

text-shadow: *

by xX_Σοφία Αβεληιρα_Xx; ; Report

Omg thanks

by Alex the bat; ; Report


Egg/Jax's profile picture

is there a way to have 2 different colors on the left backround color?? as in one color on the top section and another color for the tables section?

Report Comment


angelstar_ii's profile picture

i haven't figured out how to color the red text on my page (blurbs, friends, etc). send help TT

Report Comment

did u ever figure it out omg

by Sage; ; Report

i did it SOMEHOW. i still dont know what bit of code made that work

by angelstar_ii; ; Report

if u find out what code it is pls tell me :sob:

by kitty; ; Report

Dude i think i found out ok

:root {
--darker-blue: purple;
--lighter-blue: black;
--even-lighter-blue: ;
--lightest-blue: ;
--dark-orange: black;
--light-orange: black;
--even-lighter-orange: black;
--green: pink;

So....The words in front of the colons (":") Keep them, these are the colors of the og format. colors. Now the red words on the blurbs is "dark-orange" You want to change that. Now the colors i have are the words AFTER the colons (":") NOT BEFORE. KEEP THE ONES BEFORE "--____" Change the ones AFTER, or just the red words for the "about me" so Ex: "--dark-orange: blue;" THERE YA GO IM NOT GOOD AT EXPLAINING SO YOU CAN SHOOT ME A RLPY ILL TRY TO EXPLAIN MORE :P

by Torb :3; ; Report

please someone help me with this i cant find any working code D:

by str8tovideo; ; Report


by diana ₊ ⊹; ; Report


VROWSA !!'s profile picture

would there be a way to change the color of the interests table to a gif or image ???

Report Comment

maybe try making it transparent?? and then the background image would show through? idk tho LOLZ

by marzwuzhere; ; Report


Primrose's profile picture


Report Comment


by aoife☆; ; Report


dani's profile picture

is there a way to change the color of the online symbol?

Report Comment


goob's profile picture

how would you change the opacity of a background color for the profile?

Report Comment


N0ЯA's profile picture

thank you for sharing ^_^

Report Comment


ghostie's profile picture

finally something works, thank you so much

Report Comment


meg's profile picture

thank you so much for this!!!

Report Comment


CANDY💌's profile picture

this is so useful i could hug u !!!!

Report Comment


jackie's profile picture

thank yewwww

Report Comment

Mo <3

Mo <3's profile picture

thank u

Report Comment


danimals's profile picture

I have tried many different commands but haven't been able to change the background where you type stuff. The second-largest under you're text.

Report Comment


Betsy's profile picture

Thank you so much, this has really helped me!

One thing I can't seem to figure out is how to change the color of the "about me" and "who I'd like to meet" text... Any chance you could help me with that?

Report Comment

i'm not op but this is the code i used to do that:

.profile .blurbs .section h4 {
color: white;

by leo ⛧; ; Report


LunaKniteWolfe13 's profile picture

The friends comment one only seems to change the font color but not the actual box? Did I do something wrong?

Report Comment


cherryseed's profile picture

wait where do I type all this stuff

Report Comment

on "about me" or "people i want to meet" they both work

by @he4rtfangzz; ; Report