RSS插件面板自定义样式

昨天安装了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);
}
4 个赞