基于tag的自定义emoji高亮

个人使用体验中喜欢使用 emoji 来给某一段话加个 emoji 星标 :star:,同时为了方便后续引用,会把星标放到 backlinks 里面,如 #[[⭐️]],不过在文档的视觉效果比较一般,比如默认主题中会是这样的:

image

为了把星标变得更明显,我通过给 custom.css 增加了一些小 hack ,替换了默认的背景,效果如图

使用的相关样式定义

a.tag[data-ref="⭐️" i]::before {
  content: "⭐️";
  visibility: visible;
  border-radius: 2px;
  padding: 2px;
  background: red;
  box-shadow: 0 0 4px red;
}

a.tag[data-ref="⭐️" i] {
  visibility: hidden;
  width: 24px;
  white-space: nowrap;
}

主题不错,字体好看

非常好的创意,我根据这个样式,给自己的5星标签换了个样式,看我的:
image

为什么主题不能更改了?