Kayoanime Dark by fate

/* ==UserStyle==
@name           Kayoanime Dark
@namespace      Fate
@version        1.0.0
==/UserStyle== */
@-moz-document domain("kayoanime.com") {
    * {
        color: #fff;
    }
}
element.style,
body {
    background: #000;
    color: var(--base-color);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", "Open Sans", Arial, sans-serif;
    font-size: 13px;
    line-height: 21px;
}
#tie-wrapper {
    background: #111;
    position: relative;
    z-index: 108;
    height: 100%;
    margin: 0 auto;
}

.theme-header {
    background: #111;
    position: relative;
    z-index: 999;
}
body {
    background: #000;
    color: #111;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", "Open Sans", Arial, sans-serif;
    font-size: 13px;
    line-height: 21px;
}
#check-also-box {
    position: fixed;
    background-color: #111;
    z-index: 999;
    bottom: 15px;
    right: -1px;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%);
    width: 340px;
    padding: 30px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s;
    border-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.top-nav {
    background-color: #111;
    position: relative;
    z-index: 10;
    line-height: 35px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-width: 1px 0;
    color: #eee;
    --base-color: #eee;
}
:root {
    --brand-color: #0669ff;
    --dark-brand-color: #0051cc;
    --bright-color: #FFF;
    --base-color: #eee;
}

a {
    color: #eee;
    text-decoration: none;
    transition: 0.15s;
}
.tabs a:not(:hover) {
    color: #eee;
}
body {
    background: #000;
    color: #eee;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", "Open Sans", Arial, sans-serif;
    font-size: 13px;
    line-height: 21px;
}
.top-nav {
    background-color: #111;
    position: relative;
    z-index: 10;
    line-height: 35px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-width: 1px 0;
    color: #eee;
}
.ticker-content,
.ticker-swipe {
    background-color: #111;
}
.container-wrapper {
    background: #111;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    padding: 30px;
}
body {
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--duotone--dark-grayscale: url(#wp-duotone-dark-grayscale);
    --wp--preset--duotone--grayscale: url(#wp-duotone-grayscale);
    --wp--preset--duotone--purple-yellow: url(#wp-duotone-purple-yellow);
    --wp--preset--duotone--blue-red: url(#wp-duotone-blue-red);
    --wp--preset--duotone--midnight: url(#wp-duotone-midnight);
    --wp--preset--duotone--magenta-yellow: url(#wp-duotone-magenta-yellow);
    --wp--preset--duotone--purple-green: url(#wp-duotone-purple-green);
    --wp--preset--duotone--blue-orange: url(#wp-duotone-blue-orange);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
}
* {
    padding: 0;
    margin: 0;
    list-style: none;
    border: 0;
    outline: none;
    box-sizing: border-box;
}
user agent stylesheet body {
    display: block;
    margin: 8px;
}
:root {
    --brand-color: #0669ff;
    --dark-brand-color: #0051cc;
    --bright-color: #FFF;
    --base-color: #2c2f34;
}
:root {
    --main-nav-background: #1f2024;
    --main-nav-secondry-background: rgba(0, 0, 0, 0.2);
    --main-nav-primary-color: #0088ff;
    --main-nav-contrast-primary-color: #FFFFFF;
    --main-nav-text-color: #FFFFFF;
    --main-nav-secondry-text-color: rgba(225, 255, 255, 0.5);
    --main-nav-main-border-color: rgba(255, 255, 255, 0.07);
    --main-nav-secondry-border-color: rgba(255, 255, 255, 0.04);
}
html {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
*:before,
*:after {
    box-sizing: border-box;
}
*:before,
*:after {
    box-sizing: border-box;
}
::selection {
    background: var(--brand-color);
    color: var(--bright-color);
    text-shadow: none;
}