Serenesforest Tokyo Night by reallemon

/* ==UserStyle==
@name         Serenesforest Tokyo Night
@version      20230215.23.03
@namespace    userstyles.world/user/reallemon
@description  Applies the Tokyo Night theme (https://github.com/enkia/tokyo-night-vscode-theme) to Serenes forest
@author       reallemon
@license      No License
==/UserStyle== */

@-moz-document domain("serenesforest.net") {
:root {
    --bgDark: #24283b;
    --bgLight: #414868;
    --borderDark: #1a1b26;
    --headingLight: #c0caf5;
    --links: #7aa2f7;
}

body.custom-background, body {
    background-image: none;
    background-color: var(--bgDark);
}

.post, .type-page, .type-attachment, .mw-body, .pBody {
    background: var(--bgLight);
    color: white;
    border: none;
}

:is(.entry, .comment) :is(h3, h4), h3 {
    color: var(--headingLight);
}

#content th {
    background: var(--bgDark);
    color: white
}

#content table {
    border-color: var(--borderDark);
}

#content td {
    background: var(--bgLight);
    border-color: var(--headingLight);
    color: white;
}

a, a:link, a:visited, .comment a:link, .comment a:visited, .wp-pagenavi .current, #frontpage_pagination .slide_page h3 {
    color: var(--links);
}

#nav a {
    color: var(--borderDark);
    text-shadow: white 0 0 3px;
}

#footer {
    background: var(--bgLight);
}

#foot_wrap, #wrapper {
    background: var(--borderDark);
}
}