【已解决】请问如何将blue topaz中勾选框的部分改为obsidian的默认样式?

image
image
如图,希望能实现靠下图片中勾选框图标以及删除线的效果,style setting中似乎没有能调整这方面的选项。请问是要加对应的css或者在blue topaz删除对应代码吗?

本来想看看css实现的,但是我用的主题已经实现了: dark moss
image

我试着自己加CSS,从原主题里扒了背景颜色的代码替换成功了
image
但还是有很多问题:
1、中心对勾原主题是黑色,现主题是白色,我看代码好像是因为上面附的图片不同,但是我在css里加上原主题图片黑色对勾的时候现主题白色对勾仍然显示并覆盖了新加的黑色对勾。
2、我找不到决定删除线的代码,没法替换……
3、鼠标悬浮在勾选框上时颜色又变回原主题颜色了。

所以不了解原理纯复制粘贴果然会出一大堆问题……哪位大佬能好心解答一下吗TAT :sob:

.is-flashing input[type=checkbox]:checked, input[type=checkbox]:checked {
    background-color: hsl(254,80%,68%);
}
.theme-dark .is-flashing input[type=checkbox]:checked,.theme-dark  input[type=checkbox]:checked {
    background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="1e1e1e"><path d="m10 15.586-3.293-3.293-1.414 1.414L10 18.414l9.707-9.707-1.414-1.414z"></path></svg>');
}
body:not(.unmute-checkbox-animation) .is-flashing input.task-list-item-checkbox[type=checkbox]:checked:hover, body:not(.unmute-checkbox-animation) input.task-list-item-checkbox[type=checkbox]:checked:hover {
    filter: none;
}
input[type=checkbox]:checked:hover {
    background-color: hsl(254,80%,71%);
}
:is(.markdown-preview-view,.markdown-rendered) ul>li.task-list-item.is-checked[data-task="x"], .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="x"] {
    text-decoration: line-through;
}
input[type=checkbox]:hover {
    border: 1px solid hsl(254,80%,68%);
}

成功啦!非常感谢大佬!