昨天安装了RSS插件,为增强体验,我增添了css片段以便于阅读,对于点击过的链接,会自动添加删除线并变黯淡。
2021-11-05更新:增加对预览窗口宽度、标题的自定义设置
2021-11-04经群友@Cuamn提醒,使用display: none !important; 可使点击过的链接自动消失掉。
预览图
css片段
/*RSS插件面板_自定义样式,Tang2021-11-03*/
.theme-light
{
--background-primary:#f5f5dcb9; /* 笔记编辑&查阅主区 */
/*RSS插件面板*/
--rss-not-read: rgba(241, 233, 233, 0.938);
}
.theme-dark {
--background-primary: rgba(36, 36, 39, 0.747); /*编辑、浏览窗口主区*/
/*RSS插件面板*/
--rss-not-read: rgba(36, 36, 39, 0.747);
}
/*RSS插件面板2021-11-03自定义*/
.workspace-leaf-content[data-type="RSS_FEED"] {
line-height: 1.6;
font-weight: normal;
}
.workspace-leaf-content[data-type="RSS_FEED"] .rss-feeds-favorites {
color: rgb(36, 194, 4);
background-color: var(--background-inline-code);
font-weight: bold;
font-size: large;
}
.workspace-leaf-content[data-type="RSS_FEED"] .rss-feeds-folder {
color: rgb(216, 135, 5);
background-color: var(--background-inline-code);
font-weight: bold;
font-size: large;
}
/*Feed源*/
.workspace-leaf-content[data-type="RSS_FEED"] .rss-feed {
color: rgb(63, 103, 212);
font-weight: normal;
font-size: 17px !important;
}
/*全部文章链接*/
.workspace-leaf-content[data-type="RSS_FEED"] .rss-feed-items {
color: rgb(106, 72, 187) !important; /*不生效,应该是别处有同质设置,待排查*/
line-height: 1.6;
font-size: 15px !important;
margin-bottom: 5px; /*上个Feed的末行与下个Feed标题的间距*/
}
/*点击过的文章链接*/
.workspace-leaf-content[data-type="RSS_FEED"] .rss-read {
display: none !important; /*使之自动完全不显示,无空行*/
/*border-bottom: 2px solid var(--border-inline-code);
border-radius: 1px;
font-family: FangSong;
text-decoration: line-through;
opacity: 0%; /*opacity透明度,使之黯淡。改成0,使之完全消失,但会留下空行*/
}
/*未点击过的文章链接*/
.workspace-leaf-content[data-type="RSS_FEED"] .rss-not-read {
color: rgb(106, 72, 187) !important; /*不生效,应该是别处有同质设置,待排查*/
background-color: var(--rss-not-read) !important;
border: 2px solid var(--border-inline-code);
border-radius: 1px;
font-family: Roboto;
text-decoration: none;
}
/*RSS插件预览窗口*/
.modal-container .modal-content {
width: 1500px; /*改变数值以调整预览窗口宽度*/
opacity: 80%; /*适当降低亮度*/
text-align: justify !important; /*两端对齐*/
}
/*RSS插件预览窗口的正文文字内容(不含图片)*/
.modal-container .content {
width: 1450px; /*改变数值以调整预览窗口宽度*/
opacity: 80%; /*适当降低亮度*/
text-align: justify !important;
}
/*RSS插件预览窗口的标题*/
.modal-container .title {
color: var(--header-one-six-color);
}