Seeker's profile picture

Published by

published
updated

Category: SpaceHey

Spacehey dark mode theme v2, just add to any profile box like hero's or books.

/* 
Has been updated since posting

This is a full dark mode theme with red online text item which can be found if searching for red.

Created this because people may like dark mode on their profile and after looking at other profiles for about 30 mins, i learned how to edit all of this including the bottom banner to dark mode the page. Hope this helps anyone who likes such item.
*/

<style>

{
    /*cursor: url(https://ani.cursors-4u.net/symbols/sym-9/sym840.ani), url(https://ani.cursors-4u.net/symbols/sym-9/sym840.png), auto !important;*/
}

:root 
{
--logo-blue: !important;
    --darker-blue: !important;
--lighter-blue: !important;
--even-lighter-blue: !important;
--lightest-blue: !important;
--dark-orange: !important;
--light-orange: !important;
--even-lighter-orange: !important;
--green: !important;
--dark-green: !important;
--table-header: #363636;
--table-color: white;
--link-text: white;
--main-text: white;

--url-txt-bg: url("https://imgur.com/dq6qJ5o.png");
--url-page: url("https://imgur.com/EcFmLaU.gif");
}

main, top, links, nav .top, nav .links, details-table
{
    background: transparent !important;
background-image: var(--url-txt-bg) !important;
background-size: cover !important;
    padding: 0 !important;
    /*font-size: 80%;*/
    color: ;
}

mood
{
text-transform:uppercase !important;
}

table, td
{
/* smaller table cells area colour */
/* border: 1px solid var(--table-color) !important; */
border-spacing: 0px;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
{
    width: 100%;
    border: 2px solid var(--table-color) !important;
    margin: 10px 0;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: var(--table-header);
    /*color: var(--main-text) !important; was found not needed*/
    padding: 4px 4px;
}

h2, h3, h4, h5, h6, p, nav label, .section, .profile, .friends, .person p, .count
{
color: var(--main-text) !important; 
}

/*makes titles uppercase, i like this but can be removed*/
h1, h2, h3, h4, h5, nav label
text-transform:uppercase !important;
}

/*the username glow and shadow*/
h1
{
color: black;
text-shadow: 2px 2px 3px white, 0 0 25px white, 0 0 5px white;
}

/* yes i could of put these into 1 section but they are in the header and body so i split them into 2 */
nav .links a, nav .links a:active, nav .links a:link
{
    text-decoration: none;
    color: var(--link-text) !important;
    font-size: 0.98em;
}

a, a:active, a:visited, a:link
{
text-decoration: none;
    color: var(--link-text) !important;
    font-size: 0.98em;
}

/* turns off the sites weird inactive links, i like it not looking different with them*/
.soon
{
opacity: 1;
}

/* makes the links pop*/
nav .links a:hover, a:hover
{
    font-size: 1.10em;
}

.online
{
  color: red!important; 
}

body 
{
/* page background */
    /* background-image: var(--url-page); */
    background-color: black; 
    background-attachment: fixed !important;
    margin: 0;
}

footer 
{
background: transparent !important;
background-image: var(--url-txt-bg) !important;
background-size: cover !important;
}

</style>


0 Kudos

Comments

Displaying 2 of 2 comments ( View all | Add Comment )

。・:*♥Rainy♥✼*・:。

。・:*♥Rainy♥✼*・:。's profile picture

TY! I only needed the background to be darker but this helped a lot :)


Report Comment

TheJasmineSixx (LunaGloomyCore)

TheJasmineSixx (LunaGloom...'s profile picture

this is really helpfull only bit i cant seem to change is the all the boarders, for instance all yours are red but mine is still stuck on the blue and the top part where it has the spacehey logo is still blue , not sure if you accidenly missed that part out or not as all of its changed except for those parts


Report Comment



I think i fixed a section, try it now?

by Seeker; ; Report