* {
    transition: .25s all;
}

@media (prefers-color-scheme: dark) {

    body {
        background:  #141414;
        color: #fff;
    }

    footer p {
        color: #fff;
    }

    /* HOME */
    .notice {
        background: url("../images/icons/arrow-right-s-line-white.svg") no-repeat right 15px center, #1f1f1f;
        color: #fff;
    }

    .add-button {
        background: url("../images/icons/arrow-right-s-line-white.svg") no-repeat right 15px center, #1f1f1f;
        color: #fff;
    }

    .coupon {
        background: #1f1f1f;
    }

    .coupon label {
        border: 1px solid #323232;
        color: #fff;
    }

    .coupon .onlysteam + label {
        background: url(../images/icons/steam-fill-white.svg) no-repeat;
    }

    .coupon button.sort-button {
        background: url(../images/icons/sort-asc-white.svg) no-repeat top 27px center, url(../images/icons/sort-desc-white.svg) no-repeat center;
    }
    
    .coupon button.sort-button.oldest {
        background: url(../images/icons/sort-asc-white.svg) no-repeat center, url(../images/icons/sort-desc-white.svg) no-repeat top -27px center;
    }

    .coupon div button {
        background: #1f1f1f;
        border: 1px solid #323232;
        color: #fff;
    }

    .service a {
        background: #1f1f1f;
        color: #fff;
    }

    .service a span:before {
        background-image: url("../images/icons/customer-service-fill-white.svg");
    }

    /* NOTICE */
    .home {
        background: url("../images/icons/arrow-right-s-line-white.svg") no-repeat right 15px center, #1f1f1f;
        color: #fff;
    }

    .list ul li {
        background: #1f1f1f;
    }

    .list ul li a .title p {
        color: #fff;
    }

    .list ul li a .title h1 {
        color: #fff;
    }

    /* NOTICE */
    .post .maintext p {
        color: #fff;
    }

    .post .maintext p.policy {
        color: #fff;
    }

    /* wwl */
    .wwl-title {
        background: #323232;
        border-bottom: 1px solid #1f1f1f;
    }

    body .content .menu-home .round h1 button svg {
        color: #fff;
    }

    body .content .menu-home .round .war .time {
        background: #1f1f1f;
    }

    body .content .menu-home .round .war .info {
        background: #323232;
    }

    body .content .menu-ranking .teamranking {
        background: #323232;
    }

    .menu {
        background: #323232;
    }

    .menu button {
        color: #fff;
    }
}