/*
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>
Comments
Displaying 2 of 2 comments ( View all | Add Comment )
。・:*♥Rainy♥✼*・:。
TY! I only needed the background to be darker but this helped a lot :)
Report Comment
TheJasmineSixx (LunaGloomyCore)
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