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 72 comments ( View all | Add 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
Kaden 1# Guest fan	1739695321 usingg Report Comment
Xx_ANGELBYTE_xX	1739214720 STEALING!! jk using hahaha Report Comment
TRL SB	1739136948 USING Report Comment
mleczyk	1737502242 using Report Comment
ZXMBI3	1737386797 using Report Comment
Divine	1736631157 using! Report Comment
scurvy dave	1736558239 USINNGGGG :) Report Comment
puddinblake	1735661757 Using! Report Comment
rawmemoz	1735010353 using ! Report Comment
Kaden 1# Guest fan	1734883885 using!!! Report Comment
Rensita	1731685709 using Report Comment
junebug	1731295182 using Report Comment
M1k4_	1730571380 using! but i edited the colors :] Report Comment
spawn	1729598217 uzing Report Comment
spawn	1729598217 uzing Report Comment