桓那配色涤尘壶 by fuyuu

/* ==UserStyle==
@name           桓那配色涤尘壶
@namespace      dichenhu
@version        1.0.1
@description    桓那主题的配色
@author         云浮鱼
==/UserStyle== */
@-moz-document url-prefix("http://diulove.free.mbbs.cc/") {
    body {
        --light-pink: #fdf5ed;
        --spring-leaf: #548167;
        --spring-leaf-alt: #54816717;
        --sea-mint: #cedbbf;
        --dust: #7f581c;
        --coral-reef: #cabaa2;
        --dawn-pink: #ede8ea;


        --theme-color: var(--spring-leaf);
        --background-color: var(--sea-mint);
        --post-color: var(--light-pink);
        --text-color: var(--dust);
        --hover-color: var(--spring-leaf-alt);
        --text-color-alt: var(--coral-reef);
        --post-color-alt: var(--dawn-pink);
    }

    /*文字颜色暴力覆盖*/
    .vditor-reset,
    .vditor-reset ul,
    p {
        color: var(--text-color);
    }

    /*svg颜色*/
    svg > path {
        fill: var(--text-color-alt);
    }

    /*所有用户的图标*/
    img[alt*="avatar"] {
        border-radius: 20px;
    }

    img[alt*="logo"] {
        border-radius: 5px;
    }

    /*背景颜色修改*/
    .css-7ixkg0,
    .css-1ilyui9,
    .css-3v45ou {
        background: var(--background-color);
    }

    /*=======
    顶部导航栏
    =========*/
    .css-1l88d1a {
        background: var(--theme-color);
    }

    .css-1m7pr9b,
    .css-nhb8h9 p {
        color: var(--text-color-alt);
    }

    .css-i6s8oy {
        min-height: 0px;
        height: 50px;
    }

    /*========
    原神框框
    ==========*/
    /*背景、阴影、边框弧度*/
    .css-1i3pgnh,
    .css-1krtcvr {
        background: var(--post-color);
        border-radius: 20px;
        height: 120px;
        box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
    }

    .css-1i3pgnh {
        margin: 20px 35px 0 20px;
    }
    .css-39bbo6 {
        display: none;
    }


    /*主标题*/
    .css-1anx036 {
        color: var(--dust);
        font-size: 28px;
        font-weight: bold;
    }

    /*主标题和副标题的框*/
    .css-1r2eyuu {
        margin-left: 10px;
    }

    /*图标位置调整*/
    .css-1i3pgnh img,
    .css-1krtcvr img {
        margin-left: 10px;
        border-radius: 50px;
    }

    /*=========
    帖子板部分
    ===========*/
    .css-567ayu {
        background: var(--post-color);
        border-radius: 20px;
        overflow: hidden;
        color: var(--text-color);
        box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
        padding: 0px 10px 10px 10px;
    }

    /*帖子hover背景*/
    .css-1uwabd6:hover {
        background: var(--hover-color);
    }

    /*右下按钮*/
    .css-1bvyez6:hover,
    .css-1bvyez6 {
        background: var(--theme-color);
    }

    /*=======
    搜索box
    =========*/
    .css-mbdu2s {
        background-color: var(--post-color);
        color: var(--text-color);
        transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        border-radius: 20px;
    }

    .css-348fk2.Mui-focused,
    .css-14b29qc button {
        color: var(--theme-color);
    }

    .css-14b29qc button:hover {
        background: var(--background-color);
    }
    .css-1yf1g2m::after {
        border-bottom: 2px solid var(--theme-color);
    }

    .css-b02hnd {
        border: 1px solid var(--theme-color);
    }
    /*
    
    /*==============
    帖子内本体
    ===============*/
    /*背景色*/
    .css-1lx863z {
        background: var(--post-color);
        margin: 0px 35px 0 20px;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 20px;
        padding-bottom: 20px;
    }

    .css-1ev3f4c {

        background: var(--post-color);
        border-radius: 20px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }

    /*右下按钮*/
    .css-ias70w button:hover,
    .css-ias70w button {
        background-color: var(--theme-color);
        color: var(--text-color-alt);
    }

    /*帖子标题*/
    .css-1f6myi8,
    .css-15tmd38 {
        color: var(--text-color);
        font-weight: bold;
    }

    /*评论区*/
    .css-567ayu {
        padding-left: 10px;
        padding-bottom: 10px;
    }

    .css-10qzo5i {
        background: var(--post-color-alt);
        border-radius: 20px;
    }
    
    .css-19midj6{
        border-bottom: 1px solid var(--background-color);
    }
    
    /*==========
    左侧导航栏
    ============*/
    .css-1yv96yn > .MuiBox-root > div:nth-child(2),
    .css-1lmaf10 {
        width: 260px !important;
        top: 50px;
        color: var(--text-color);
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        overflow: hidden;
    }

    .css-iardna,
    .css-qs2q9j {
        background: var(--post-color);
    }


    .css-qs2q9j:hover {
        background-color: var(--spring-leaf-alt);
    }

    .css-1yv96yn > .MuiBox-root > div:nth-child(2) {
        background: var(--background-color);
    }

    .css-1lmaf10 {
        background: var(--post-color);
        box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
    }

    .css-yb0lig {
        font-weight: 450;
    }

    .css-1loond6 {
        background: var(--background-color);
    }

    .css-wf16b5 {
        background-color: var(--background-color);
    }


    /*==========
    发帖区
    ============*/
    .css-182didf.css-182didf.css-182didf,
    .css-1bp1ao6,
    .css-1v4ccyo,
    .css-1o6z5ng {
        background: var(--post-color);
        border-radius: 20px;
        color: var(--text-color);
    }

    
    
    .css-1v4ccyo.Mui-focused .MuiOutlinedInput-notchedOutline,
    .css-1bp1ao6.Mui-focused .MuiOutlinedInput-notchedOutline {
        border-color: var(--theme-color);;
    }

    .css-cktaik {
        color: var(--text-color);
    }

    .css-1bp1ao6.Mui-focused,
    .css-u9osun.Mui-focused {
        color: var(--theme-color);
    }

    .vditor-wysiwyg pre.vditor-reset:focus,
    .vditor-wysiwyg pre.vditor-reset {
        color: var(--text-color);
        background-color: var(--post-color);
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    }


    .vditor .vditor-toolbar {
        background-color: var(--post-color);
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .css-b3rhmj button:hover,
    .css-b3rhmj button {
        background-color: var(--theme-color);
        color: var(--text-color-alt);
    }

    .vditor-wysiwyg {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }
    /*回复区域*/
    .MuiPaper-root > .MuiPaper-root > .MuiToolbar-root {
        background: var(--theme-color);
        color: var(--text-color-alt);
    }

    .MuiDialog-container > .MuiPaper-root > .MuiBox-root {
        background: var(--post-color)
    }


    .vditor-wysiwyg {
        background: var(--post-color);
        overflow: hidden;
    }

    .css-h14evk {
        color: var(--text-color-alt);
        font-weight: bold;
    }

    /*导航页面*/
    .css-ao8rxk,
    .css-zmnxdm,
    .css-vuzb25,
    .css-mttoam {
        background-color: var(--post-color);
        border-radius: 20px;
        box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
    }

    .css-mttoam:hover,
    .css-zmnxdm:hover {
        background: var(--hover-color);
    }

    .css-mttoam img[alt*="category"] {
        border-radius: 50px;
        margin-top: 10px;
        margin-left: 10px;
    }
}


@-moz-document url("http://diulove.free.mbbs.cc/#/thread/category/2") {
    /*原神图标*/
    /*    .css-1i3pgnh img,
    .css-1krtcvr img {
        content: url(https://pic.imgdb.cn/item/63e88ce64757feff33b54265.webp);
    }*/
    /*副标题*/
    .css-3iw5sr {
        font-size: 0px;
    }

    .css-3iw5sr::after {
        content: "小草会重新从土地中钻出来，那些枯萎的大树会再次长出树叶。\A" "要问为何的话，因为「生」一定会战胜「死」。——兰罗摩";
        display: block;
        white-space: pre;
        font-size: 14px;
        color: var(--text-color);
    }
}