之于言者博客的自定义样式

:root{
    /*这里记录本站所用的色表*/
    --theme-text-color:         white;
    --theme-title-color:        orange;
    --theme-background-color:   #685289dd;
    --theme-box-bg-color:       #44226f80;
    --theme-link-hover-color:   #9982cf;
    --theme-link-color:         #3c3c86;
    --theme-gray-color:         #bdbebd;
    /*这里记录本站所用的尺寸*/
    --gap-base:                 4px;                        /*= 4px*/
    --gap-normal:               calc(var(--gap-base)*2);    /*= 8px*/
    --gap-double:               calc(var(--gap-base)*4);    /*=16px*/
    --gap-large:                calc(var(--gap-base)*8);    /*=32px*/
}
body:before {
    /*背景图像*/
    /*来自https://www.cnblogs.com/zouwangblog/p/11139344.html*/
    background:url(https://images.cnblogs.com/cnblogs_com/blogs/791154/galleries/2301479/o_230418053605_%E9%95%9C%E9%9D%A2%E5%A4%A9%E4%BD%BF.jpeg) center/cover no-repeat;
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.8;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    /* -webkit-filter: grayscale(40%);
    -moz-filter: grayscale(40%);
    -ms-filter: grayscale(40%);
    -o-filter: grayscale(40%);
    filter: grayscale(40%);
    filter: gray; */
}
#home{
    padding:0px;
    background-color: #68528900;
    box-shadow:none;
}
#main{
    width:auto;
    padding: var(--gap-large);
    margin: 0px var(--gap-base);
    background-color: var(--theme-background-color);
    backdrop-filter:blur(4px);
    border-radius: var(--gap-base);
    color: var(--theme-text-color);
}
a,a:visited{color:var(--theme-link-color);}
a:hover{color:var(--theme-link-hover-color);}

/*导航栏*/
#sideBar{margin:0px;}
#navigator{border: 0px;}
#navList a:link, #navList a:visited, #navList a:active{color: var(--theme-text-color);}
#navList a:hover{color:orange;}
.postBody{color:var(--theme-text-color);}
#navList{min-width:var(--gap-large);text-shadow: 0px 0px 3px #000;}
#navList li{margin:0px;}
.blogStats{color:var(--theme-text-color);}

/*首页帖子*/
.day{background-color: var(--theme-box-bg-color);padding:var(--gap-normal);margin-bottom: var(--gap-large);}
.postTitle a:link, .postTitle a:visited, .postTitle a:active{ color: var(--theme-title-color);}
.postTitle{box-sizing:border-box;margin-bottom:var(--gap-base);}
.postCon{padding:var(--gap-base) 0px;}
.postDesc{margin-top: var(--gap-normal);color:var(--theme-gray-color);}
.postSeparator{margin:0 auto var(--gap-large) auto;}
.postDesc a:link, .postDesc a:visited, .postDesc a:active{color: var(--theme-gray-color);}
#sideBar a{color:var(--theme-gray-color);}

/*首页右栏*/
.newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory{
    /*首页右栏诸元件*/
    background-color:var(--theme-box-bg-color);
    padding:var(--gap-normal);
    margin-bottom: var(--gap-large);
}
.catListTitle{
    /*首页右栏元件标题*/
    margin-top: 0px;
    margin-bottom: var(--gap-normal);
}

/*正文页面*/
#topics .postTitle{
    font-size:20px;
    font-weight: normal;
    margin-bottom: var(--gap-large);
    border-left: 3px solid #21759b;
}

/*Markdown*/
/*表格*/
#cnblogs_post_body th, .blogpost-body th{background-color: var(--theme-box-bg-color);}
.blogpost-body th, .blogpost-body td, .blogpost-body th, .blogpost-body td{border: 1px solid var(--theme-box-bg-color);}
/*引用块*/
.postBody blockquote{color:var(--theme-text-color);background:none;}
.postBody blockquote{min-height: 24px;}
#cnblogs_post_body>pre, #cnblogs_post_body p, .blogpost-body>pre, .blogpost-body p{margin: 0;}

/*代码块*/
/*来自https://highlightjs.org，A11 Y Dark方案*/
pre code.hljs{display:block;overflow-x:auto;padding:1em}
code.hljs{padding:3px 5px}
.hljs{
    color:var(--theme-text-color);
    background-color:var(--theme-box-bg-color);
    border:0px;
    border-radius:0px;
}
.hljs-comment,.hljs-quote{color:#d4d0ab}
.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#ffa07a}
.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#f5ab35}
.hljs-attribute{color:gold}
.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#abe338}
.hljs-section,.hljs-title{color:#00e0e0}
.hljs-keyword,.hljs-selector-tag{color:#dcc6e0}
.hljs-emphasis{font-style:italic}
.hljs-strong{font-weight:700}
@media screen and (-ms-high-contrast:active){
    .hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-comment,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-quote,.hljs-string,.hljs-symbol,.hljs-type{color:highlight}
    .hljs-keyword,.hljs-selector-tag{font-weight:700}
}

/*评论区*/
#comment_form_container .comment_textarea{color:var(--theme-text-color);border:0px;}
.comment_textarea{background-color: var(--theme-box-bg-color);}
div.commentform textarea{background-color: #ffffff00;}