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

fourallier	1731685709 using Report Comment
yang	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,,	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
ramune	1721683459 using! Report Comment
melishiora 🤍	1721549841 using Report Comment
stellan	1720916771 usng Report Comment
augustleded	1720387542 using Report Comment
Flippy/Fliqpy	1717015257 using Report Comment
SUSHI!!	1714239918 using Report Comment
iknz	1712694271 usingg Report Comment
el6xx	1711048087 using Report Comment
Agnes (the cooler one)	1710688361 usingggg Report Comment
Charlie ! !	1710290111 using! Report Comment