Skip to content

知乎 zhihu Dark Pro by xm726

Screenshot of 知乎 zhihu Dark Pro

Details

Authorxm726

LicenseNo License

Categoryzhihu.com

Created

Updated

Size3.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

🐟 知乎暗黑模式

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           ? - 2023年11月
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("zhihu.com") {
    #root,
    body,
    .Post-content,
    .Recommendations-Main,
    .Modal-content,
    html {
        background-color: #22252a;
    }
    

    header[role="banner"], .ColumnPageHeader {
        background: rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(4px);
        color: #000;
    }

    .TopstoryPageHeader a[aria-label="知乎"],
    a[aria-label="知乎"],
    .AppHeader-inner a[aria-label="知乎"],
    .SearchBar .Button {
        display: none;
    }
    code {
        color: #000;
    }

    .Post-Main,
    .NumberBoard-itemValue,
    .ContentItem-title,
    .ContentItem-more,
    .AppHeader-TabsLink,
    .TopstoryTabs-link,
    .CommentContent,
    .PostItem-Summary,
    .Post-Author .AuthorInfo-name,
    .Modal-content a ,
    
    .QuestionHeader-title {
        color: #ffffff;
        opacity: 0.75;
    }
    
    .PostItem-Title,
    .ContentItem-title,
    .QuestionHeader-footer,
    .AuthorInfo-badgeText,
    .QuestionHeader-title {
        color: #fff;
        opacity: 0.6;
    }
    .ContentItem-title a:hover {
        color: #fff;
    }

    a.external,
    .NumberBoard-itemValue:hover,
    .AppHeader-TabsLink:hover,
    .ContentItem-more:hover,
    .AppHeader-TabsLink.is-active,
    .TopstoryTabs-link:hover,
    .TopstoryTabs-link.is-active {
        color: #ffffff!important;
        opacity: 1
    }

    div[data-za-detail-view-path-module="RightSideBar"] {
        display: none;
    }
    .Question-mainColumn,
    .Topstory-mainColumn {
        width: 100%;
        margin-right: 0;
    }
    .Topstory-container {
        padding: 0;
        width: 1120px;
    }

    .List-header,
    .Topstory-tabs,
    .Card,
    .MoreAnswers .List-header:after,
    .List-item + .List-item:after {
        opacity: 0.9;
        border-color: rgb(255 255 255 / 7%)!important;
    }

    .AuthorInfo-name {
        color: inherit;
    }

    .PostItem,
    .QuestionHeader,
    .QuestionHeader-footer,
    .Card,
    .ContentItem-actions {
        background-color: #292c33;
        color: #b1b1b1;
    }
    .RichContent-inner {
        color: #918f8f;
    }
    
    .RichContent-inner a {
        color: #fff;
        opacity: 0.8;
    }


    .RichContent-inner:hover {
        color: #b1b1b1!important;
    }

    .Comments-container .Avatar+div {
        background-color: #22252a;
    }
    
    .BlockTitle,
    .Comments-container .Avatar+div,
    button[role="combobox"],
    .Comments-container>div>div,
    .SearchBar-input {
        background: none!important;
        border-color: #ffffff2e!important;
    }

    .Topstory > div:nth-child(1) > div:nth-child(1) > div > div.css-1x5ryy7 > img {
        display: none;
    }

    img,
    button,
    .QuestionButtonGroup {
        opacity: 0.3;
    }
    img:hover,
    button:hover,
    .QuestionButtonGroup:hover {
        opacity: 0.7;
    }
    .RichContent-cover:after {
        pointer-events: none;
    }
    .VoteButton {
        opacity: 0.6;
    }
    .PlaceHolder.List-item {
        opacity: 0.1;
    }

    .MoreAnswers .List-headerText {
        background: none;
    }
}

Reviews

No reviews yet.