Light Theme for Ptt.cc by pixmi

/* ==UserStyle==
@name         Light Theme for Ptt.cc
@version      20221123.09.33
@namespace    userstyles.world/user/pixmi
@description  因為 PTT 黑色系看久了對眼睛不太舒服，做了一個適用於 Ptt.cc 淺色系主題，主要是自用
@author       pixmi
@license      MIT
==/UserStyle== */
@-moz-document domain("ptt.cc") {
    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;600;700&family=Noto+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

    /* custom colors */
    .b0 {
        background-color: #343a40;
    }
    .b1 {
        background-color: #dc3545;
    }
    .b2 {
        background-color: #28a745;
    }
    .b3 {
        background-color: #ffc107;
    }
    .b4 {
        background-color: #007bff;
    }
    .b5 {
        background-color: #6f42c1;
    }
    .b6 {
        background-color: #17a2b8;
    }
    .b7 {
        background-color: #6c757d;
    }

    .f0 {
        color: #343a40;
    }
    .f1 {
        color: #dc3545;
    }
    .f2 {
        color: #28a745;
    }
    .f3 {
        color: #ffc107;
    }
    .f4 {
        color: #007bff;
    }
    .f5 {
        color: #6f42c1;
    }
    .f6 {
        color: #17a2b8;
    }
    .f7 {
        color: #f8f9fa;
    }

    .hl {
        color: #bbb;
    }
    .hl.f0 {
        color: #666;
    }
    .hl.f1 {
        color: #ff5757
    }
    .hl.f2 {
        color: #79c479;
    }
    .hl.f3 {
        color: #f7a132;
    }
    .hl.f4 {
        color: #6291ea;
    }
    .hl.f5 {
        color: #d771e6;
    }
    .hl.f6 {
        color: #4dc4c4;
    }
    .hl.f7 {
        color: #ccc;
    }

    body {
        background-color: #ddd;
        padding: 40px 0;
    }

    a:link {
        color: #5791ff;
    }

    a:visited {
        color: #ba71db;
    }

    #action-bar-container {
        background-color: #98b5e2;
    }

    #main-container {
        padding: 0 10px;
    }

    #main-content {
        white-space: pre-line;
    }

    #main-content a:link {
        box-shadow: none;
    }

    #topbar-container {
        background-color: #4587ed;
    }

    #topbar a {
        color: #eee;
    }

    #topbar a:hover {
        background-color: rgba(0, 0, 0, .2);
    }

    #logo,
    #logo + span {
        display: none;
    }

    .action-bar {
        display: flex;
        justify-content: space-between;
    }

    .btn {
        background-color: #98b5e2;
        border: none;
        width: unset !important;
        padding: 0 2ex;
    }

    .btn:not(.disabled):hover {
        background-color: rgba(0, 0, 0, .2);
        color: #fff;
    }

    .btn.selected {
        background-color: #4587ed;
        color: #fff;
    }

    .btn.selected:hover {
        background-color: #4587ed;
    }

    .btn:link,
    .btn:visited {
        color: #fff;
    }

    .btn-group {
        width: unset !important;
    }

    body,
    .bbs-content {
        font-family: 'Noto Sans', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans JP', sans-serif;
        font-weight: normal;
    }

    .bbs-screen {
        background-color: #ddd;
        color: #333;
        line-height: 1.38;
    }

    @media screen and (min-width: 800px) {
        .bbs-content {
            font-size: 20px;
        }
    }

    .article-metaline {
        background-color: #ddd;
        margin-left: -10px;
        margin-right: -10px;
    }

    .article-meta-tag {
        background-color: #4587ed;
        color: #eee;
    }

    .article-meta-value {
        background-color: #ddd;
        color: #555;
    }

    #article-polling {
        display: none;
    }

    .push-content {
        color: #888;
        line-height: 1.5;
    }

    .r-ent {
        background-color: transparent;
        border-bottom: 1px solid #333;
        margin: unset;
        padding: unset;
    }

    .r-ent .nrec {
        text-align: center;
    }

    .r-ent .author {
        color: #777;
    }

    .r-list-container {
        padding-top: 0;
    }

    .r-ent .title a {
        font-weight: 500;
    }

    .search-bar .query {
        background-color: #ddd;
        border: none !important;
        color: #777;
    }

    .r-list-sep {
        height: 2px;
    }
}