zhuanlan.zhihu DarkTheme by BbsonLin by BbsonLin

/* ==UserStyle==
@name           Dark zhuanlan.zhihu by BbsonLin
@namespace      github.com/BbsonLin
@version        1.1.0
@author         Bobson Lin
==/UserStyle== */

@-moz-document domain("zhuanlan.zhihu.com"), domain("www.zhihu.com") {
    :root {
        --background-dark: #181818;
        --background-light: #262626;
        --background-gray: #303030;
        --text-normal: #b5b5b5;
        --text-light: #d9d9d9;
        --text-code-general: #bfbfbf;
    }
    
    /* For zhuanlan.zhihu.com */

    .ColumnPageHeader {
        background-color: var(--background-light);
    }
    
    .ColumnPageHeader a {
        color: var(--text-light);
    }
    
    .Post-Header {
        color: var(--text-light);
    }

    .Post-content {
        background-color: var(--background-light);
    }
    
    .Post-content .RichText  {
        color: var(--text-light);
    }
    
    .Post-content pre {
        background-color: var(--background-dark);
    }
    
    .Post-content blockquote {
        color: var(--text-normal);
    }
    
    .ContentItem-actions {
        background-color: var(--background-gray);
    }
    
    .CommentContent {
        color: var(--text-normal);
    }
    
    .CommentContent a {
        color: var(--text-normal);
    }
    
    .Recommendations-Main {
        background-color: var(--background-gray);
    }
    
    /* For www.zhihu.com */
    
    .App-main {
        background-color: var(--background-light);
    }
    
    .Card {
        background-color: var(--background-gray);
        color: var(--text-light);
    }
    
    .Card div {
        color: var(--text-light);
        border-bottom: 0px;
    }
    
    .Card a {
        color: var(--text-light);
    }
    
    .Card .ContentItem {
        color: var(--text-light);
    }
    
    .Card .ContentItem a {
        color: var(--text-light);
    }
}