Jisho Arc Dark Theme by yutsuten

/* ==UserStyle==
@name         Jisho Arc Dark Theme
@version      20220831.16.55
@namespace    userstyles.world/user/yutsuten
@description  For users of jisho.org, a simple Arc Dark Theme.
@author       yutsuten
@license      No License
==/UserStyle== */
@-moz-document url-prefix("https://jisho.org/") {
    h1.logo a {
        filter: invert(100%) invert(19%) sepia(35%) saturate(305%) hue-rotate(188deg) brightness(98%) contrast(88%);
    }

    body {
        background-color: #383c4a;
        color: #cacaca;
    }

    form.search .main {
        background-color: #515664;
    }

    header.row,
    header.page,
    form.search .inner,
    form.search .search-form_clear-button,
    form.search .submit,
    form.search .keyword {
        background-color: #383c4a;
        color: #cacaca;
    }

    form.search .input_methods,
    form.search .input_method_button h4,
    .f-dropdown li a {
        color: #cacaca;
    }

    form.search .search_type {
        border-right: 1px solid rgb(56, 60, 74);
    }

    form.search .search-form_clear-button {
        padding: 7px 7px 0px 5px;
    }

    form.search .input_method_button:hover,
    .f-dropdown li:hover,
    .f-dropdown li:focus {
        background-color: #4b5162;
    }

    body a:hover {
        color: #999;
    }

    .clear-icon {
        fill: #cacaca;
    }

    #zen_bar li[data-pos="Noun"] a,
    #zen_bar li[data-pos="Suffix"] a,
    #zen_bar li[data-pos="Prefix"] a,
    #zen_bar li[data-pos="Symbol"] a,
    #zen_bar li[data-pos="Interjection"] a,
    #zen_bar li[data-pos="Propernoun"] a {
        color: #cacaca;
        border-bottom: 1px solid #cacaca;
    }

    .light-details_link {
        opacity: 0.6;
    }

    .f-dropdown {
        background-color: #383c4a;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    #main_results h4 .result_count,
    .kanji_light .info,
    .concept_light-meanings .meaning-abstract,
    #what_is_this {
        color: #b0b0b0;
    }

    .concept_light-meanings .sentences {
        color: #aaa;
    }

    .concept_light,
    .kanji_light,
    .sentences_block .sentence {
        border-bottom: 1px solid #7d7d7d;
    }

    .fact {
        outline: 1px solid #4b5162;
        border: 3px solid #6b7080;
        background: #383c4a;
    }

    .search-results__sidebar-ad,
    .footer-ad {
        display: none;
    }

    .discussion_thread .comment_body .discussion_status,
    .discussion_thread .comment_body .comment_status {
        background-color: #4b5162;
        color: #cacaca;
    }

    .discussions_list .discussion_thread .comment_wrapper .discussion_title {
        background-color: #6b7080;
    }

    .discussions_list .discussion_thread .comment_wrapper .discussion_title h2 a {
        color: #cacaca;
    }

    nav .links .color_theme_picker--choices,
    nav .links .color_theme_picker--wrapper:hover {
        background: #515664;
    }

    nav .links .color_theme_picker--choices li a:hover {
        background: #6b7080;
    }
}