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

melloncollie	1756604476 Using!! Report Comment
⋆౨ৎ˚⟡˖ ࣪Wu°❀⋆.ೃ࿔*:･	1756109635 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
k-man	1739695321 usingg Report Comment
Xx_ANGELBYTE_xX	1739214720 STEALING!! jk using hahaha Report Comment
Stingham	1739136948 USING Report Comment
mleczyk	1737502242 using Report Comment
ZXMBI3	1737386797 using Report Comment
Divine	1736631157 using! Report Comment
Pyke Starfall	1736558239 USINNGGGG :) Report Comment