位置:定制主题 - 内嵌 CSS
使用主题内置颜色变量
html {
/* 评论主要颜色 */
--halo-cw-primary-1-color: var(--theme) !important;
}
hyperlink-card {
/* 编辑器超链接卡片 */
/* 卡片背景颜色 */
--halo-hyperlink-card-bg-color: var(--bg-h) !important;
/* 行内卡片背景颜色 */
--halo-hyperlink-card-inline-bg-color: var(--bg-h) !important;
/* 行内卡片悬停背景颜色 */
--halo-hyperlink-card-inline-hover-bg-color: var(--bg-h) !important;
/* 标题颜色 */
--halo-hyperlink-card-title-color: var(--title) !important;
/* 行内标题颜色 */
--halo-hyperlink-card-inline-title-color: var(--title) !important;
/* 描述文字颜色 */
--halo-hyperlink-card-description-color: var(--main) !important;
/* 链接颜色 */
--halo-hyperlink-card-link-color: var(--theme) !important;
/* 背景渐变 */
/* --halo-hyperlink-card-bg-gradient: var(--bg-h) !important; */
/* 边框颜色 */
--halo-hyperlink-card-border-color: var(--theme) !important;
/* 边框悬停颜色 */
--halo-hyperlink-card-border-hover-color: var(--theme) !important;
}!important 不可省略;
上述变量仅作演示用途,具体定义请查阅插件文档中的变量说明部分。