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 47 comments ( View all | Add Comment )

iknz	1712694271 usingg Report Comment
el6xx	1711048087 using Report Comment
Agnes (the cooler one)	1710688361 usingggg Report Comment
Jaz - Jaz ! !	1710290111 using! Report Comment
Test account :3	1709852820 Using ^_^ Report Comment
Splooper (autoplay)	1708797412 Guess what I'm about to say. Using. Report Comment
ilovesosa	1708028154 using Report Comment
ciel	1706768490 Using!! Report Comment
tomzlovrr	1706152023 usinggg Report Comment
Tristan	1706045326 using Report Comment
Nyxyy	1703389729 using Report Comment
mal	1702810034 using 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/adam ✸	1694403614 awesome :) using!!!!! Report Comment
ichuzlife	1693098742 Excellent! Thanks!! Report Comment
alexis	1691448187 using!! :D Report Comment
Brixu	1686425716 using Report Comment