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

232 Kudos

Comments

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

offbrand soda [autoplay]	1720616574 when i try 2 paste in it won’t work erm Report Comment for real by death penalty; 1726682472; Report if ur a beginner i heavily reccomend getting a already done base layout and then changing colors on it and using this https://nein-mc.neocities.org/csstest/ by my mortuary; 1728666137; Report
Claraa_x3	1717198958 does anybody know how to change the color of the border of comment replies? mines white Report Comment Try: border-color: (colour of your choice); by R0N1; 1733852186; Report
lovtaste	1716248071 cant tell if ur still active but which one is for the header? i cnt tell >n< Report 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 "Be nice." -Spacehey by ⟡Ziggy; 1707611497; Report Why is everyone on this site so hostile?? by Fritoleg; 1711641553; Report objectshow fan by animatic.; 1718467352; 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; 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 Wouldn't "!important" be easier? by R0N1; 1733852259; 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 i changed the background from "background-color:" to "background: url("link here"); by vivi; 1719184073; Report
Primrose	1666540808 Thanksss Report Comment CHUU by aoife☆; 1692737152; Report
kibbles/nyan	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