位置:定制主题 - 内嵌 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 不可省略;

上述变量仅作演示用途,具体定义请查阅插件文档中的变量说明部分。