试着瞎搞一点花里胡哨的东西,至于可能出现的效果那就听天由命了。先把代码放在这里,以供来人针砭。本帖有时间的话会同步更新。
: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;}