Classic Dark Mode

Tags: dark, simple, classic, black, basic, gray, grey

Description:

layout by cristiana

If Dark Mode was available back in the day, this is what it would have looked like.

Click here to view it live on my blog and give kudos if you feel like it.

Leave a comment somewhere if you like it and you think I should know.

Give me credit if you use it, please 😘

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by cristiana (https://layouts.spacehey.com/layout?id=1535) -->

<style>
body {
    background: #131313;
}
main {
    background: black;
    color: white;
}
nav .top {
    background: #2b2b2b;
}
nav .links {
    background: #454545;
}
nav .top, nav .links a, .logout-btn, .logout-form {
   color: var(--logo-blue);
}
.search-wrapper input, button {
   background: #454545;
   color: white;
}
button:hover, a:hover {
   cursor: pointer;
}
.edit-info {
   background: transparent;
   border: 0;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    color: var(--lighter-blue);
    border-color: #2b2b2b;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    color: var(--lighter-blue);
    background: #2b2b2b;
}
.details-table td:first-child, .details-table td {
    background: transparent;
}
.details-table td:first-child {
    color: var(--even-lighter-blue);
}
.details-table td:not(td:first-child) {
    color: var(--lightest-blue);
}
.profile .blurbs .heading, .profile .friends .heading {
    background: #2b2b2b;
    color: var(--light-orange);
}
.comments-table td:first-child, .music-table td:first-child, .comments-table td, .music-table td {
    background: transparent;
}
.comments-table td, .music-table td {
    color: var(--even-lighter-orange);
}
.comments-table td:first-child a, .music-table td:first-child a {
    color: var(--light-orange);
}
footer {
    background: transparent;
}
#credit {
    position: fixed;
    bottom: 3px;
    left: 3px;
    font-family: sans-serif;
    font-size: 10px;
    color: black;
    background: white;
    padding: 2px;
    border-radius: 2px;
    z-index: 5;
    letter-spacing: 1px;
}
</style>
<div id="credit">
    layout by <a href="https://www.spacehey.com/cristiana">cristiana</a>
</div>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

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

y@ny	1701493321 usingg Report Comment
nessa XD	1701347867 usingg !! Report Comment
Kodiak Cove	1701191606 Using! Report Comment
Rodd	1701172205 using Report Comment
Gl0r!a	1699741769 Thank you for this!! I tweaked yours a little to make it fit into my layout! Using ;)))) Report Comment Just posted my layout & gave u creds thanks again :))) by Gl0r!a; 1699742348; Report
ray ⟡ (music autoplay)	1694403614 awesome :) using!!!!! Report Comment
ichuzlife	1693098742 Excellent! Thanks!! Report Comment
alexis	1691448187 using!! :D Report Comment
Brixu	1686425716 using Report Comment
◁ash▷	1685403615 using, thank you very much for making this :D Report Comment
oni	1683784110 using Report Comment
oni	1683784099 using Report Comment
severus	1679687258 probably using Report Comment dope by cristiana; 1680413906; Report
Larry	1678108929 I just used this layout, thank you for this! :) Report Comment Thanks so much! by cristiana; 1680413929; Report
Max	1677278490 using Report Comment Thanks! by cristiana; 1680413983; Report
nisa ☆	1676554700 using :) Report Comment Thank you by cristiana; 1680414007; Report
Abomination	1663701267 I'm using this :) Report Comment Thank you so much! ☺ by cristiana; 1680414028; Report
Dev	1655659429 This is gnarly Report Comment thanks by cristiana; 1656254935; Report
RisenFromDarkness4867	1654889886 Awesome! :) Report Comment thank you! by cristiana; 1656254973; Report
mp3warrior2003	1643249007 OMFSSGHDGFH THAN K YPOU SVHKVF2QEK Report Comment Welcome! by cristiana; 1643415822; Report