WaniKani dark theme

wanikani-dark-theme.css

body {
    background-color: #121212;
}

#information {
    color: white;
    background-color: #343434;
}

.audiopronunciations-component {
    color: white;
}

#item-info #related-items a, #item-info #related-items, #item-info #related-items, #item-info #related-items {
    color: white;
}

#additional-content ul li span {
    background-color: #454545;
    color: #ABABAB;
}

#additional-content ul li.active i {
    color: #00c7ca;
}

#question #character.radical {
    background-color: #2797cc;
    text-shadow: 0 0 3px rgba(0,0,0,0.3); 
    background-image: none;
}

#question #character.kanji {
    background-color: #ba3492;
    text-shadow: 0 0 3px rgba(0,0,0,0.3); 
    background-image: none;
}

#question #character.vocabulary {
    background-color: #7d409deb;
    text-shadow: 0 0 3px rgba(0,0,0,0.3); 
    background-image: none;
}

.highlight-radical {
    background-color: #2797cc;
}

#item-info #related-items ul.radical span {
    background-color: #2797cc;
}

.highlight-kanji {
    background-color: #ba3492;
}

#item-info #related-items ul.kanji span {
    background-color: #ba3492;
}

.highlight-vocabulary {
    background-color: #7d409deb;
}

.user-synonyms ul li.user-synonyms-add-btn:before {
    color: black;
}

#answer-form input[type=text] {
    color: white;
    background-color: #343434;
    box-shadow: 3px 3px 0 #7a7a7a;
}

#answer-form button {
    background-color: #343434;
}

#question #question-type.meaning {
    background-color: #ababab;
    border: 0;
}

#question #question-type h1 {
    background-color: #ababab;
}

#answer-form fieldset.correct button, #answer-form fieldset.correct input[type=text], #answer-form fieldset.correct input[type=text]:disabled {
    background-color: #2c782a !important;
}

#answer-form fieldset.incorrect button, #answer-form fieldset.incorrect input[type=text], #answer-form fieldset.incorrect input[type=text]:disabled {
    background-color: #902b2b !important;
}

#item-info #related-items ul span {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#question #question-type.reading {
    border-top: 0;
    border-bottom: 0;
    color: #232323;
    text-shadow: none;
}

#question #question-type.radical {
    border-top: 0;
    border-bottom: 0;
    color: #232323;
    text-shadow: none;
}

#item-info [class*="highlight-"] {
    text-shadow: none;
}

.srs .srs-down {
    background-color: #c31818;
    color: #d7b5b5;
}

.srs .srs-up {
    background-color: #2e7f2a;
    color: #b5d7b7;
}