Wanikani Dark 2023 by evorulz

/* ==UserStyle==
@name           www.wanikani.com - 3/28/2023, 6:38:28 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("www.wanikani.com") {
    .global-header {
        background:#111;
    }
    body{
        background:#000;
    }
    
    /*Lessons*/
    #turbo-body > div > div.lesson-container__header,#turbo-body > div.character-header.character-header--kanji > div,#turbo-body > div > div.lesson-container__header > div{
        background:#000;
    }
    #composition,#meaning,#reading,#amalgamations,#context{
        background:#111;
    }
    #turbo-body > div > div.lesson-container__queue > div > ul > li:nth-child(6) > a{
        background-color:#333;
    }
    
    #quiz-queue > div > div > div > div:nth-child(n) > a{
        background-color:#222;
        color:#a0f;
        text-shadow:none;
    }
    #turbo-body > div.quiz > div.quiz-progress > div,#turbo-body > div.quiz > div > div.quiz-progress > div{
        background-color:#a0f
    }
    
    
    /*Reviews*/
    #turbo-body > div.character-header.character-header--vocabulary,#turbo-body > div.character-header.character-header--radical,#turbo-body > div.quiz > div.character-header.character-header--vocabulary,#turbo-body > div.quiz > div.character-header.character-header--kanji,#turbo-body > div.quiz > div.character-header.character-header--radical,#turbo-body > div.quiz > div > div.character-header.character-header--vocabulary,#turbo-body > div.quiz > div > div.character-header.character-header--kanji,#turbo-body > div.quiz > div > div.character-header.character-header--radical{
        background:#000;
    }
    #turbo-body > div.character-header.character-header--vocabulary > div > div.character-header__characters,#turbo-body > div.character-header.character-header--kanji > div > div.character-header__characters,#turbo-body > div > div.lesson-container__header > div > div > div.character-header__characters,#turbo-body > div.character-header.character-header--radical > div > div.character-header__characters,#turbo-body > div.quiz > div.character-header.character-header--vocabulary > div > div.character-header__characters,#turbo-body > div.quiz > div.character-header.character-header--kanji > div > div.character-header__characters,#turbo-body > div.quiz > div.character-header.character-header--vocabulary > div > div.character-header__menu > div.character-header__menu-navigation > div > a > i,#turbo-body > div.quiz > div.character-header.character-header--vocabulary > div > div.character-header__menu > div.character-header__menu-statistics > div,#turbo-body > div.quiz > div.quiz-input > div > div.quiz-input__input-container > form > button > i,#turbo-body > div.quiz > div.character-header.character-header--radical > div > div.character-header__characters,#turbo-body > div.quiz > div > div.character-header.character-header--vocabulary > div > div.character-header__characters,#turbo-body > div.quiz > div > div.character-header.character-header--vocabulary > div > div.character-header__menu,#turbo-body > div.quiz > div > div.character-header.character-header--vocabulary > div > div.character-header__menu > div.character-header__menu-navigation > div > a > i,#turbo-body > div.quiz > div > div.character-header.character-header--kanji > div > div.character-header__characters,#turbo-body > div.quiz > div > div.character-header.character-header--radical > div > div.character-header__characters{
        color:#555;
    }
    #turbo-body > div.quiz > div.quiz-input > label,#turbo-body > div.quiz > div > div.quiz-input > label{
        background:#111;
        border: none;
        text-shadow:none;
    }
    #user-response{
        color:#000;
        text-shadow:none;
        box-shadow:none;
        --color-quiz-input-background:#555;
        border:none;
    }
    #additional-content > ul > li:nth-child(n) > a {
        background:#111;
        border:none;
        box-shadow: 2px 2px 4px #a0f;
    }
    #information{
        background:#111;
    }
    #turbo-body > div.quiz > footer > div > a.hotkeys-menu.quiz-footer__button > div.hotkeys-menu__header,#turbo-body > div.quiz > footer > div > a.chat-button{
        background:#111;
        border-radius:0 0 0 0;
        text-shadow:none;
    }
    #turbo-body > div.quiz > footer > div > a.hotkeys-menu.quiz-footer__button.hotkeys-menu--open > div.hotkeys-menu__content{
        background:#555;
        color:#111;
        text-shadow:none;
    }
    
    
    /*Extra Study*/
    body > div > div.dashboard > div > div > div > div.progress-and-forecast.progress-and-forecast--with-extra-study > section.extra-study,body > div > div.dashboard > div > div > div > div.progress-and-forecast.progress-and-forecast--with-extra-study > div > div,body > div > div.dashboard > div > div > div > div.progress-and-forecast.progress-and-forecast--with-extra-study > div > div > div{
        background:#111;
    }
    body > div > div.dashboard > div > div > div > div.progress-and-forecast.progress-and-forecast--with-extra-study > div > div > div > div.extra-study__image-wrapper{
        filter:invert(100);
    }
    body > div > div.dashboard > div > div > div > div.progress-and-forecast.progress-and-forecast--with-extra-study > section.extra-study > div{
        background:#222;
        color:#aaa;
    }
    body > div > div.dashboard > div > div > div > div.progress-and-forecast.progress-and-forecast--with-extra-study > section.extra-study > div > div.mb-4.sm\:-mt-2.h-auto.max-w-full.sm\:w-3\/5.sm\:mb-0.sm\:h-auto.flex.flex-col.justify-center.items-center{
        display:none;
    }
    h1,h2,h3,h4,h5,h6,p {
        color: #aaa;
        text-shadow:none;
    }
    /*Dashboard Progress*/
    body > div > div.dashboard > div > div > div > div.progress-and-forecast.progress-and-forecast--with-extra-study > section.dashboard-progress{
        background:#111;
    }
    body > div > div.dashboard > div > div > div > div.progress-and-forecast.progress-and-forecast--with-extra-study > section.dashboard-progress > div > div > div.-mx-6.mb-3.p-3.relative > div{
        background:#222;
        color:#aaa;
    }
    body > div > div.dashboard > div > div > div > div.progress-and-forecast.progress-and-forecast--with-extra-study > section.dashboard-progress > div > div > div:nth-child(3){
        background:#222;
    }
    body > div > div.dashboard > div > div > div > div.progress-and-forecast.progress-and-forecast--with-extra-study > section.dashboard-progress > div > div > div:nth-child(4){
        background:#222
    }
    /*Forecast*/
    body > div > div.dashboard > div > div > div > div.progress-and-forecast.progress-and-forecast--with-extra-study > section.forecast.flex.flex-col{
        background:#111;
    }
    body > div > div.dashboard > div > div > div > div.progress-and-forecast.progress-and-forecast--with-extra-study > section.forecast.flex.flex-col > div > div > table > tbody:nth-child(n){
        background:#000;
    }
    body > div > div.dashboard > div > div > div > div.progress-and-forecast.progress-and-forecast--with-extra-study > section.forecast.flex.flex-col > div > div > table > tbody:nth-child(n) > tr:nth-child(n) > th > time{
        color:#aaa;
    }
    body > div > div.dashboard > div > div > div > div.progress-and-forecast.progress-and-forecast--with-extra-study > section.forecast.flex.flex-col > div > div > table > tbody:nth-child(n) > tr.review-forecast__day-header.grid.relative.block.py-2.bg-white.grid-cols-auto.rounded.md\:z-10.leading-normal.cursor-pointer,body > div > div.dashboard > div > div > div > div.progress-and-forecast.progress-and-forecast--with-extra-study > section.forecast.flex.flex-col > div > div > table > tbody.review-forecast__day.mb-3.relative.bg-white.block.rounded.is-collapsed.is-empty > tr,body > div > div.dashboard > div > div > div > div.progress-and-forecast.progress-and-forecast--with-extra-study > section.forecast.flex.flex-col > div > div > table > tbody:nth-child(n) > tr.review-forecast__day-header.grid.relative.block.py-2.bg-white.grid-cols-auto.rounded.md\:z-10.leading-normal.cursor-pointer > th,body > div > div.dashboard > div > div > div > div.progress-and-forecast.progress-and-forecast--with-extra-study > section.forecast.flex.flex-col > div > div > table > tbody.review-forecast__day.mb-3.relative.bg-white.block.rounded.is-collapsed.is-empty > tr > th,body > div > div.dashboard > div > div > div > div.progress-and-forecast.progress-and-forecast--with-extra-study > section.forecast.flex.flex-col > div > div > table > tbody:nth-child(n) > tr.review-forecast__day-header.grid.relative.block.py-2.bg-white.grid-cols-auto.rounded.md\:z-10.leading-normal.cursor-pointer > td.review-forecast__change.text-right.border-0.border-r.border-solid.border-gray-200.whitespace-nowrap.leading-normal.md\:sticky.bg-white.top-0.block.select-none.py-0.px-3.block,body > div > div.dashboard > div > div > div > div.progress-and-forecast.progress-and-forecast--with-extra-study > section.forecast.flex.flex-col > div > div > table > tbody.review-forecast__day.mb-3.relative.bg-white.block.rounded.is-collapsed.is-empty > tr > td.review-forecast__change.text-right.border-0.border-r.border-solid.border-gray-200.whitespace-nowrap.leading-normal.md\:sticky.bg-white.top-0.block.select-none.py-0.px-3.block,body > div > div.dashboard > div > div > div > div.progress-and-forecast.progress-and-forecast--with-extra-study > section.forecast.flex.flex-col > div > div > table > tbody:nth-child(n) > tr.review-forecast__day-header.grid.relative.block.py-2.bg-white.grid-cols-auto.rounded.md\:z-10.leading-normal.cursor-pointer > td.review-forecast__running-total.text-left.rounded-r.md\:sticky.bg-white.top-0.block.select-none.py-0.px-3.block,body > div > div.dashboard > div > div > div > div.progress-and-forecast.progress-and-forecast--with-extra-study > section.forecast.flex.flex-col > div > div > ...