yomichan/ext/mixed/css/display-dark.css

/*
 * Copyright (C) 2019-2020  Alex Yatskov <alex@foosoft.net>
 * Author: Alex Yatskov <alex@foosoft.net>
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the entrys of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */


body { background-color: #1e1e1e; color: #d4d4d4; }

.navigation-header {
    background-color: #1e1e1e;
    border-bottom-color: #2f2f2f;
}

.entry+.entry { border-top-color: #2f2f2f; }

.kanji-glyph-data>tbody>tr>* { border-top-color: #3f3f3f; }

.tag { color: #e1e1e1; }
.tag[data-category=default]      { background-color: #69696e; }
.tag[data-category=name]         { background-color: #489148; }
.tag[data-category=expression]   { background-color: #b07f39; }
.tag[data-category=popular]      { background-color: #025caa; }
.tag[data-category=frequent]     { background-color: #4490a7; }
.tag[data-category=archaism]     { background-color: #b04340; }
.tag[data-category=dictionary]   { background-color: #9057ad; }
.tag[data-category=frequency]    { background-color: #489148; }
.tag[data-category=partOfSpeech] { background-color: #565656; }
.tag[data-category=search]       { background-color: #69696e; }

.term-reasons { color: #888888; }

.term-expression>.term-expression-text .kanji-link {
    border-bottom-color: #888888;
    color: #cccccc;
}

.term-expression[data-frequency=popular]>.term-expression-text,
.term-expression[data-frequency=popular]>.term-expression-text .kanji-link {
    color: #0275d8;
}

.term-expression[data-frequency=rare]>.term-expression-text,
.term-expression[data-frequency=rare]>.term-expression-text .kanji-link {
    color: #666666;
}

.term-definition-container,
.kanji-glossary-container {
    color: #888888;
}

.term-glossary,
.kanji-glossary {
    color: #d4d4d4;
}

.icon-checkbox:checked + label {
    /* invert colors */
    background-color: #d4d4d4;
    color: #1e1e1e;
}