SimpleDarkMode

Tags: darkmode, dark_mode, spacehey_darkmode, simple, dark, black

Description:

- This theme is designed for the night owl's eye and for anyone who likes simplistic design.

- The theme will only change the layout, and does not change any text on the page.

- Licensed under the MIT license.

- You may credit me if you like my theme and want to share it around the Spacehey community.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by QuanMCPC (https://layouts.spacehey.com/layout?id=18311) -->

<style>
:root {
        --darker-blue: #00cfff;
        --logo-blue: #00cfff;
        --dark-orange: #ff8300;
        --custom_bg: rgb(16, 16, 16);
        --custom_bg_hover: rgb(64, 64, 64);
        --custom_fg: white;
    }
    .count { color: var(--dark-orange) }
    a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active { color: var(--dark-orange); }
    input, button {
        background: var(--custom_bg);
        border: 2px solid var(--custom_fg);
        color: var(--custom_fg);
    }
    button:hover {
        background: var(--custom_bg_hover);
        cursor: pointer;
    }
    nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after { color: white; }
    .f-row {
        width: calc(100% - 14px);
    }
    footer .links {
        padding: 3.5px 16px 3.5px 16px;
    }
    nav .links a:hover {
        color: rgb(128, 128, 128);
    }
    ul.links {
        border-top: 2px solid;
        border-bottom: 2px solid;
    }
    main, footer, div.top, ul.links {
        background: var(--custom_bg) !important;
        color: var(--custom_fg) !important;
    }
    main * {
        background: var(--custom_bg) !important;
        border-color: var(--custom_fg) !important;
    }
    body {
        background: var(--custom_bg)
    }
</style>

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.