Midnight Fade by noxiya

/* ==UserStyle==
@name         Midnight Fade
@version      20210826.20.00
@namespace    userstyles.world/user/noxiya
@description  Just wanted something that would be a little easier on the eyes compared to my last one, hope you like it!

Discord - noxi#0023

NT - https://www.nitrotype.com/racer/tadas1234
@author       noxiya
@license      No License
==/UserStyle== */

@-moz-document domain("nitrotype.com") {
.dash-copyContainer {
    background: #000;
    /* Background of text box */
}

.dash-copy {
    color: #000;
    font-family: "Roboto Mono", "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    font-size: 17px;
    /* Main Color of Text + Font */
}

.dash-letter.is-typed {
    opacity: 1.0;
    /* Brightness of the keys after they are pressed */
}

.dash-letter.is-correct {
    color: #000;
    font-size: 17px;
    -webkit-animation: colorchange 10s infinite alternate;
}
/* Moving Text Colorchange */
@-webkit-keyframes colorchange {
    0% {
        color: #5B5B5A;
    }

    10% {
        color: #454545;
    }

    20% {
        color: #2D2D2C;
    }

    30% {
        color: #161616;
    }

    40% {
        color: #000;
    }

    50% {
        color: #000;
    }

    60% {
        color: #000;
    }

    70% {
        color: #000;
    }

    80% {
        color: #000;
    }

    90% {
        color: #000;
    }

    100% {
        color: #000;
    }
}

body {
    background: none;
}
html {
    background: fixed url("https://wallpapercave.com/wp/530VzoU.jpg"), #001d45;
    background-size: 100%;
}
.bg--gradient {
    background: fixed;
}
.theme--pDefault .profile-bg {
    background: url("https://i.redd.it/zt67hqgr70741.jpg") top left repeat, linear-gradient(0deg, #2d2e2e 60%, #ffffff 100%);
    color: #d3d3d3;
    background-size: 100%
}

.theme--pDefault .profile-bgHead {
    background: url("https://i.redd.it/zt67hqgr70741.jpg") top left repeat, linear-gradient(0deg, #2d2e2e 10%, #ffffff 100%);
    background-size: 100%
}

.theme--pDefault.is-gold .profile-bg {
    background: url("https://i.redd.it/zt67hqgr70741.jpg") top left repeat, linear-gradient(0deg, #2d2e2e 10%, #ffffff 100%);
    background-size: 100%
}

.card--a {
    background-color: #fff0;
    color: #ffffff;
}

.card--shadow-l {
    box-shadow: none;
}
.theme--pDefault .profile-levelNum {
    color: #ffffff;
    text-shadow: 0 2px 2px rgba(2, 2, 2, 0.25);
}
.news--solo .news-body p {
    color: #ffffff;
    line-height: 1.8;
}
.news-teaser {
    color: #ffffff;
    margin-bottom: 40px;
}
.card--a {
    color: #ffffff;
    background: transparent;
}
.card--shadow-l {
    box-shadow: none;
}
.btn--inky {
    color: #fff;
}
.card--b {
    color: #fff;
}
.theme--pDefault .profile-body {
    color: #ffffff;
}
.card--grit {
    background: none;
}
.dash-copyContainer {
    background: #000;
    box-shadow: 0 1px 157px 10px rgba(0, 0, 0, 0.78);
}
.dash-copy {
    color: #5b5b5a;
    font-size: 17px;
}
.btn--primary {
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/7/70/Solid_white.svg/2048px-Solid_white.svg.png");
    color: #fff;
    background-size: 100%;
    background-color: #000 !important;
}
.btn--secondary {
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/7/70/Solid_white.svg/2048px-Solid_white.svg.png");
    color: #fff;
    background-size: 100%;
    background-color: #000 !important;
}
.growl--a {
    background-image: url("https://i.redd.it/zt67hqgr70741.jpg");
    border-color: rgba(2, 2, 2, 0.2);
    background-size: 100%;
    color: #fff;
}
.card--grit {
    background: none;
}

.table--b .table-cell {
    border-bottom: none;
}

.tc-ts {
    color: #fff;
}

.card--b {
    color: #fff;
}

.tc-emerald {
    color: #00ff6c;
}

.tc-i {
    color: #fff;
}

.tc-dodger {
    color: #ffb5e8;
}

.tc-lemon {
    color: #ffcb00;
}

.news--solo .news-body p {
    color: #fff;
}

.news--solo .news-body .yellow {
    color: #a28100;
}

.link--nav {
    color: #000000ba;
}

.link--nav.is-current {
    color: #000;
}

.link--nav:hover {
    color: #000;
}

.bg--gradient {
    background: #00000000;
}

path:nth-child(2) {
    fill: #131313;
}

path:nth-child(3) {
    fill: #2C2C2C;
}

path:nth-child(4) {
    fill: #5A5A5A;
}

path:nth-child(5) {
    fill: #8D8D8D;
}

path:nth-child(6) {
    fill: #BCBCBC;
}

path:nth-child(8) {
    fill: #E8E8E8;
}

.tc-t {
    color: #fff;
}
.theme--pDefault .profile-body {
    color: #fff;
}
.tsi {
    color: #fff
}
.theme--pDefault .profile-levelNum {
    color: #fff
}
.btn--primary {
    color: #000
}
.has-btn:not(.has-btn--vertical) .btn:last-child {
    color: #000
}
.nav-list {
    background: #000;
}
}