FEMTANYL spacehey layout by antimaccazar

/* ==UserStyle==
@name           FEMTANYL spacehey layout
@namespace      https://userstyles.world/user/antimaccazar
@version        2023.11.28
==/UserStyle== */
@-moz-document regexp("https://spacehey.com/"),
url-prefix("https://blog.spacehey.com/"),
url-prefix("https://forum.spacehey.com/"),
url-prefix("https://groups.spacehey.com/"),
url-prefix("https://layouts.spacehey.com/"),
url-prefix("https://spacehey.com/home"),
url-prefix("https://spacehey.com/bulletins"),
url-prefix("https://spacehey.com/favorites"),
url-prefix("https://spacehey.com/invite"),
url-prefix("https://spacehey.com/mobile"),
url-prefix("https://spacehey.com/browse"),
url-prefix("https://spacehey.com/search"),
url-prefix("https://spacehey.com/notifications"),
url-prefix("https://spacehey.com/edit"),
url-prefix("https://spacehey.com/requests"),
url-prefix("https://spacehey.com/news"),
url-prefix("https://spacehey.com/press"),
url-prefix("https://spacehey.com/credits"),
url-prefix("https://rss.spacehey.com/"),
url-prefix("https://spacehey.com/tos"),
url-prefix("https://spacehey.com/privacy"),
url-prefix("https://spacehey.com/imprint"),
url-prefix("https://spacehey.com/report") {
    :root {
        --light-gray: #f2f0f0;
        --gray: #1c1c1c;
        --dark-gray: #919191;
        --darker-gray: #545454;
        --logo-blue: #1D4ED8;
        --darker-blue: #1f44be;
        --lighter-blue: #05336b;
        --even-lighter-blue: #09192d;
        --lightest-blue: #0f1318;
        --red: #FF0000;
        --dark-orange: #ED0707;
        --light-orange: #221a0c;
        --even-lighter-orange: #161009;
        --strange-yellow: #dbae2e;
        --green: #34D399;
        --light-green: #0b0f08;
        --medium-green: #498044;
        --dark-green: #41d363;
        accent-color: #1D4ED8;
        accent-color: var(--logo-blue);
    }

    .edit-info {
        background: black;
        border: 1px solid #1c1c1c;
    }

    .statistics .heading {
        background: #1c1c1c;
    }

    .profile .friends .heading {
        color: white;
        background-color: #1c1c1c
    }

    .user-home .bulletin-preview .heading {
        background-color: #1c1c1c;
    }

    body {
        background-color: #000000;
    }

    .blog-entries .entry {
        background: #1c1c1c;
        ;
    }


    .home-actions {
        background-color: black;
    }

    .profile .contact .heading,
    .profile .table-section .heading,
    .setting-section .heading,
    .home-actions .heading {
        background: #1c1c1c;
    }

    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .setting-section,
    .home-actions {
        width: 100%;
        border: 2px solid #1c1c1c;
    }

    nav .links {
        background-color: #1c1c1c;
    }

    nav .links a:hover {
        color: #fff;
    }

    main {
        background-color: #000;
        color: #eee;
    }

    a {
        color: white
    }

    .count {
        color: white
    }

    .top {
        background-color: #303030 !important;
    }

    .statistics,
    .forum-table th,
    .forum-table td,
    .groups-table th,
    .groups-table td,
    .bulletin-table th,
    .bulletin-table td {
        border-color: #1c1c1c;
        background-color: black;
    }

    table.comments-table,
    table.music-table,
    table.bulletin-table,
    table.forum-table,
    table.groups-table {
        background: #1c1c1c;
    }

    footer {
        color: #eee;
    }

    nav .links li:not(:last-child)::after,
    footer .links li:not(:last-child)::after {
        color: #eee;
    }

    .info,
    .success,
    .error {
        color: #eee;
    }

    footer {
        background-color: transparent;
    }
    .comments-table td,
    .comments-table td:first-child {
        background: black;
    }

    .notification-overview {
        border-bottom: 2px solid var(--gray);
    }
    .logo {
        content: url(https://external-media.spacehey.net/media/sEeqOuZrhiYP9Uj7ix4367Jnh9A5vE3h8HGArZnviGtQ=/https://file.garden/ZVQxK-cnq0N9l7O9/fet/femtanylbnw);
    }
    nav .top .left .logo {
        width: 165px;
        height: 60px;
    }
}