@media (prefers-color-scheme: dark) {
    nav {
        box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.16), 0 2px 10px 0 rgba(255, 255, 255, 0.12);
    }
    
    body {
        background-color: #242424;
    }
    
    .search_form {
        background-color: #353535;
        border: #27741d3f 0.125rem solid;
        color: rgb(80, 80, 80);
        box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.16), 0 2px 10px 0 rgba(255, 255, 255, 0.12);
    }
    
    .search_form:hover {
        border: #27741d5f 0.125rem solid;
        box-shadow: 0 0.5rem 1rem 0 #ffffff7f, 0 0.5rem 2.5rem 0 #ffffff7f;
    }
    
    .search_type_input {
        color: #2f2f2f;
        background: #ffffff7f;
    }
    
    .search_keyword_input {
        color: #ffffffcf;
        background: #fff0;
        border: #fff0;
        border-bottom: #27741d1f 0.125rem solid;
    }
    
    .search_keyword_input:hover {
        border-bottom: #27741d7f 0.125rem solid;
    }
    
    .search_form_submit {
        border: rgb(245 245 245) black;
        color: rgb(120, 120, 120);
        background-color: rgb(255, 255, 255);
    }

    #thread_list {
        background-color: #353535;
        border: #27741d3f 0.125rem solid;
        color: rgb(175, 175, 175);
        box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.16), 0 2px 10px 0 rgba(255, 255, 255, 0.12);
    }

    #thread_list:hover {
        border: #27741d5f 0.125rem solid;
        box-shadow: 0 0.5rem 1rem 0 #ffffff7f, 0 0.5rem 2.5rem 0 #ffffff7f;
    }
    
    .thread_list_item {
        border: 0.125rem #27741d3f solid;
        box-shadow: 0 0.5rem 1rem #ffffff0f, 0 0.5rem 2.5rem #ffffff0f;
    }
    
    .thread_list_item:hover {
        background-color: #27741d3f;
        box-shadow: 0 0.5rem 1rem #ffffff7f, 0 0.5rem 2.5rem #ffffff7f;
    }
    
    .thread_list_item a {
        color: rgb(195, 195, 195);
    }
    
    .thread_list_item_update_date {
        color: rgb(180, 180, 180);
    }
    
    #notice {
        background-color: #353535;
        border: #27741d3f 0.125rem solid;
        color: rgb(195, 195, 195);
        box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.16), 0 2px 10px 0 rgba(255, 255, 255, 0.12);
    }
    
    #notice:hover {
        background: #27741d0f;
        border: #27741d5f 0.125rem solid;
        box-shadow: 0 0.5rem 1rem 0 #ffffff7f, 0 0.5rem 2.5rem 0 #ffffff7f;
    }
    
    .thread {
        background-color: #353535;
        border: #27741d1f 0.125rem solid;
        color: rgb(175, 175, 175);
        box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.16), 0 2px 10px 0 rgba(255, 255, 255, 0.12);
    }
    
    .thread:hover {
        border: #27741d5f 0.125rem solid;
        box-shadow: 0 0.5rem 1rem 0 #ffffff7f, 0 0.5rem 2.5rem 0 #ffffff7f;
    }
    
    .thread_head {
        border: #ffffff00;
        background-color: #ffffff00;
    }
    
    .dead_sign {
        color: rgb(5, 5, 5);
        background-color: rgb(200, 200, 200);
    }
    
    .thread_title {
        border: #27741d1f 0.125rem solid;
        box-shadow: 0 0.5rem 1rem #ffffff0f, 0 0.5rem 2.5rem #ffffff0f
    }
    
    .thread_title:hover {
        background: #27741d1f;
        border: #27741d3f 0.125rem solid;
        box-shadow: 0 0.5rem 1rem #ffffff7f, 0 0.5rem 2.5rem #ffffff7f
    }
    
    .thread_create_date {
        color: rgb(180, 180, 180);
    }
    
    .thread_update_date {
        color: rgb(180, 180, 180);
    }
    
    .response {
        border: #27741d1f  0.125rem solid;
        box-shadow: 0 0.5rem 1rem #ffffff0f, 0 0.5rem 2.5rem #ffffff0f
    }
    
    .response:hover {
        background-color: #27741d3f;
        border: #27741d1f 0.125rem solid;
        box-shadow: 0 0.5rem 1rem #ffffff7f, 0 0.5rem 2.5rem #ffffff7f
    }
    
    .response_create_date {
        color: rgb(175, 175, 175);
    }
    
    .content {
        color: rgb(215, 215, 215);
    }
    
    .response_test_indicator, .response_mask_mark {
        color: rgb(255 160 160 / 1);
    }
    
    .response_owner_id {
        color: rgb(205 205 205 / 1);
    }
    
    .create_thread {
        background: #353535;
        border: #27741d3f 0.125rem solid;
        box-shadow: 0 2px 4px 0 rgba(255,255,255, 0.16), 0 2px 10px 0 rgba(255,255,255, 0.12);
    }
    
    .create_thread:hover {
        border: #27741d5f 0.125rem solid;
        box-shadow: 0 0.5rem 1rem 0 #ffffff7f, 0 0.5rem 2.5rem 0 #ffffff7f;
    }
    
    .post_form {
        color: #000;
        border: #27741d1f 0.125rem solid;
        background-color: #353535;
        box-shadow: 0 0.5rem 1rem #ffffff0f, 0 0.5rem 2.5rem #ffffff0f;
    }
    .post_form:hover {
        box-shadow: 0 0.5rem 1rem #ffffff7f, 0 0.5rem 2.5rem #ffffff7f;
    }
    
    .post_form input {
        background-color: #ffffff00;
        color:#ffffffdf;
     }
    
    .post_form textarea {
        background-color: #ffffff00;
    }
    
    .post_form_default {
        border: #353535;
        border-bottom: #454545 0.125rem solid;
    }
    
    .post_form_attachment {
        margin-bottom: 0.5em;
        color: rgb(170, 150, 150);
    }
    
    .post_form_content {
        color: #ffffffdf;
        border: #353535;
        border-bottom: #454545 0.125rem solid;
    }
    
    .button_default {
        color: rgb(185, 185, 185);
        background-color: #353535;
        border: #27741d1f 0.125rem solid;
        box-shadow: 0 0.5rem 1rem #ffffff0f, 0 0.5rem 2.5rem #ffffff0f;
    }
    
    .button_default:hover {
        background-color: #27741d3f;
        border: #27741d7f solid 0.125rem;
        box-shadow: 0 0.5rem 1rem #ffffff3f, 0 0.5rem 2.5rem #ffffff3f;
    }
    
    .mona {
        background-color: #353535;
        border: 0.125rem solid #27741d7f;
        box-shadow: inset 0 0.5rem 1rem #ffffff3f, inset 0 0.5rem 2.5rem #ffffff3f
    }
    .mona:hover {
        background-color: #353535df;
        box-shadow: 0 0.5rem 1rem #ffffff3f, 0 0.5rem 2.5rem #ffffff3f
    }
    
    span.spoiler {
        color: rgba(0, 0, 0, 0);
    }
    
    .manage_button_set {
        border-top: rgb(245 245 245) 1px solid;
    }
}