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:

<style>
/* 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;
}
</style>

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;
}

180 Kudos

Comments

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

⟡Ziggy	1707613511 Thanks for the codes!! Report Comment
vcntiqs	1705733112 thx for this!! super helpful Report Comment
BluMndy	1703769442 can someone do that in hex color codes? Report Comment are u fucking stupid? by Charlie Giggletits; 1705017760; Report "Be nice." -Spacehey by ⟡Ziggy; 1707611497; Report Why is everyone on this site so hostile?? by Fritoleg; 1711641553; Report Fr by ☯︎ Sᴜɴᴀʏɴ ☯︎; 1713898807; Report
Alex the bat	1699134230 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 https://www.w3schools.com/css/default.asp Hope this helps! by xX_Σοφία Αβεληιρα_Xx; 1712179195; Report text-shadow: * by xX_Σοφία Αβεληιρα_Xx; 1712179312; Report Omg thanks by Alex the bat; 1712229974; Report
Egg/Jax	1684547676 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	1674259954 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; 1675911180; Report i did it SOMEHOW. i still dont know what bit of code made that work by angelstar_ii; 1676114194; Report if u find out what code it is pls tell me :sob: by kitty; 1676574370; Report Dude i think i found out ok } :root { --logo-blue:black; --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; 1682891955; Report please someone help me with this i cant find any working code D: by str8tovideo; 1686594607; Report THANK YOU SO MUCH by diana ₊ ⊹; 1707621275; Report
VROWSA !!	1668839364 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; 1669916263; Report
Primrose	1666540808 Thanksss Report Comment CHUU by aoife☆; 1692737152; Report
dani	1658975658 is there a way to change the color of the online symbol? Report Comment
goob	1658950649 how would you change the opacity of a background color for the profile? Report Comment
N0ЯA	1651462067 thank you for sharing ^_^ Report Comment
ghostie	1649030956 finally something works, thank you so much Report Comment
meg	1648039344 thank you so much for this!!! Report Comment
CANDY💌	1647726745 this is so useful i could hug u !!!! Report Comment
jackie	1644803418 thank yewwww Report Comment
Mo <3	1640023839 thank u Report Comment
danimals	1632710641 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	1619417200 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 ⛧; 1632282055; Report
LunaKniteWolfe13	1617496096 The friends comment one only seems to change the font color but not the actual box? Did I do something wrong? Report Comment
cherryseed	1614995483 wait where do I type all this stuff Report Comment on "about me" or "people i want to meet" they both work by @he4rtfangzz; 1707927353; Report