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 66 comments ( View all | Add 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# tomska 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
astro	1729598217 uzing Report Comment
astro	1729598217 uzing Report Comment
pierce (kmfdm )	1728554828 using :3 :3 :3 :3 Report Comment
Urban	1724186221 using Report Comment
lolan	1723083567 using! :) Report Comment
xXgabrielvampiroXx 🇧🇷	1722470434 using Report Comment
Kasper/Pest/Guest	1721932010 Usigng Report Comment
melishiora 🤍	1721549841 using Report Comment
stellan	1720916771 usng Report Comment
augustleded	1720387542 using Report Comment