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

JensYume_Akumi14	1772075645 using! Report Comment
Kit Kat ⭑.ᐟ	1771913288 Using:) Report Comment
Trickster	1771621749 Yess!! Using! Report Comment
L♡	1771141624 using ty Report Comment
tired	1770054365 using! Report Comment
› ֺ۪ Z0rnyx ! ݁ ݂ ͡ ☆	1769903671 usin Report Comment
cal	1769331594 ok im using this one bye Report Comment
jennii	1768098722 using!! Report Comment
melloncollie	1756604476 Using!! Report Comment
atlas ✭	1752702338 using Report Comment
K1ttyKatSkullz/Forenzik	1750959506 Using 👍 Report Comment
✯ ⋆.˚ Sunbunniee ⋆.˚✯	1749330426 Using!! :) Report Comment
Meleilei	1748944272 using! Report Comment
100%shinderu	1748391179 using! Report Comment
𝑱𝑴𝑭	1743646358 Using Report Comment
ken	1742721300 using! Report Comment
Heeysmileee	1741541691 Using Report Comment
rioundead	1740073190 Using Report Comment
Mr.Joy	1739756634 using Report Comment