@media (prefers-color-scheme: dark) {
    body {
        background-color: #0b0b0b;
    }

    .top {
        background-color: #ffc832;
    }

    .top .left a {
        color: #000000;
    }

    .top .right .searchbox {
        border: solid 1px #000000;
        background-color: #0b0b0b;
        color: #ffffff;
    }

    main .contents .items:hover {
        box-shadow: 0 0px 48px 0 rgba(0, 0, 0, 0.05);
    }

    main .contents .items {
        background-color: #181616;
    }

    main h1,
    main p,
    main .contents .items h1,
    main .contents .items p,
    main .contents .items .date,
    main .article .date,
    main .article h1,
    main .article h2,
    main .article h3,
    main .article p {
        color: #f0f0f0;
    }

    main .article td,
    th {
        border: solid 1px #f0f0f0;
    }

    main .article pre,
    .link_btn,
    .error p {
        color: #0b0b0b;
    }

    main .article pre {
        background-color: #f0f0f0;
    }

    .link_btn {
        background-color: #ffc832;
    }

    .error {
        background-color: #ff4848;
        box-shadow: 0 0px 48px 0 rgba(0, 0, 0, 0.15);
    }

    .error p {
        text-shadow: 0 0 0 #0b0b0b;
    }

    footer {
        background-color: #000000;
        color: #ffffff;
    }

    footer a {
        color: #ffffff;
    }

    ul, li, ol {
        color: #ffffff;
    }
}