Dcard Darkmode by hztang1210

/* ==UserStyle==
@name         Dcard Darkmode
@version      2024.10.24
@namespace    https://userstyles.world/user/hztang1210
@description  Dcard網頁版深色模式。
@author       hztang1210
@license      No License
==/UserStyle== */

@-moz-document domain("www.dcard.tw") {

    /* 設定整體頁面的背景顏色和文字顏色 */
    body {
        background-color: #141414 !important; /* 背景顏色 */
        color: #e0e0e0 !important; /* 文字顏色 */
    }

    :root {
        /* 定義全局變數以便於使用 */
        --color-bg-base-2: #1c1c1c !important; /* 基本背景顏色 */
        --color-text-primary: #fffc !important; /* 主要文字顏色 */
        --color-text-secondary: #fff9 !important; /* 次要文字顏色 */
        --color-text-hint: #ffffff4a !important; /* 提示文字顏色 */
        --color-text-light-primary: #ffffffbd !important; /* 輕量主要文字顏色 */
        --color-text-light-hint: #ffffff4a !important; /* 輕量提示文字顏色 */
        --color-bg-container: #ffffff12 !important; /* 容器背景顏色 */
        --color-separator: #ffffff30 !important; /* 分隔線顏色 */
        --color-overlay: rgba(0, 0, 0, .75) !important; /* 覆蓋層顏色 */
        --color-state-danger: #ff280091 !important; /* 危險狀態顏色 */
        --color-bg-base-1: #ffffff12 !important; /* 基本背景顏色 */
    }

    /* 設定超連結的顏色 */
    a {
        color: #fffc !important; /* 超連結顏色 */
    }

    /* 設定卡片的背景顏色和邊框 */
    .card {
        background-color: #1c1c1c00 !important; /* 卡片背景顏色 */
        border: 1px solid #3330 !important; /* 卡片邊框顏色 */
    }

    /* 設定輸入框和文本區的樣式 */
    input, textarea {
        background-color: #1f1f1f7a !important; /* 輸入框背景顏色 */
        color: #e0e0e0 !important; /* 輸入框文字顏色 */
        border: 1px solid #1f1f1f7a !important; /* 輸入框邊框顏色 */
    }

    /* 設定標題的顏色 */
    h1, h2, h3, h4, h5, h6 {
        color: #fff !important; /* 標題顏色 */
    }

    /* 設定圖片的背景顏色 */
    img {
        background-color: #1e1e1e00 !important; /* 圖片背景顏色 */
    }

    /* 設定特定類別的背景顏色 */
    .d_2e_1 {
        background: #31373b !important; /* 特定類別背景顏色 */
    }

    /* 設定其他特定類別的背景顏色 */
    .d_2l_39.d_2l_39 {
        background-color: #ffffff0f !important; /* 特定類別背景顏色 */
    }

    .d_2l_a.d_2l_a {
        background-color: #fff0 !important; /* 特定類別背景顏色 */
    }

    .d_2e_a {
        background: #fff0 !important; /* 特定類別背景顏色 */
    }

    .d_2l_5.d_2l_5 {
        background: #00000030 !important; /* 特定類別背景顏色 */
    }

    /* 設定透明背景的特定類別 */
    .d_1w1syy3_e.d_1w1syy3_e.d_1w1syy3_e.d_1w1syy3_e.d_1w1syy3_e.d_1w1syy3_e {
        background-color: #0000 !important; /* 透明背景 */
    }

    /* 設定特定類別的背景顏色 */
    .d_2l_e.d_2l_e.d_2l_e {
        background: #141414 !important; /* 特定類別背景顏色 */
    }

    .d_2l_e.d_2l_e {
        background: #0000 !important; /* 透明背景 */
    }

    /* 設定SVG的填充顏色 */
    .d_leio7s_f svg {
        fill: #fff9 !important; /* SVG填充顏色 */
    }

    /* 設定透明背景的特定類別 */
    .d_2l_oasn9i.d_2l_oasn9i {
        background: #0000 !important; /* 透明背景 */
    }

    .d_2o_13mcnjn.d_2o_13mcnjn {
        background: #0000 !important; /* 透明背景 */
    }

    .d_2e_37 {
        background: #0000 !important; /* 透明背景 */
    }

    /* 設定邊框顏色 */
    .d_3o_1bu1fsj {
        border: 1px solid #d9d9d930 !important; /* 邊框顏色 */
    }
}