blue topz旧版的列表弧线功能能css拔下来吗

请仔细说明自己遇到的问题,以下是参考模板。这里不要求非得按模板发帖,但内容中包含相关要素能让大家更好地帮助你。


遇到的问题

想要topaz旧版无序列表的弧线


有没有大佬拔下来css呀,新版的没有这个功能了,

相关的大概是这些,自己新建一个代码片段粘贴进去就行,颜色设置在最后。
因为是无脑复制下来的,可能有些无关的,我也没仔细看,你可以自己研究一下


/*list*/
.cm-hmd-list-indent .cm-tab::before/*,
ul ul::before,
ol ul::before,
ul ol::before,
ol ol::before*/ {
  content: '';
  border-left: 2px solid var(--background-modifier-border);
  position: absolute;
  height: 100%;
  margin-left: 3px;
}


.cm-formatting.cm-formatting-list.cm-formatting-list-ol {
  color: var(--text-accent);
}

.cm-formatting.cm-formatting-list.cm-formatting-list-ul {
  color: #da8507;
}

/* inspired by Gabroel from Obsidian discord group */
/* https://discord.com/channels/686053708261228577/702656734631821413/784922140465692712 */
li > p:not(.task-list-item) {
  margin-top: 5px;
  margin-bottom: 5px;
}

ul,
ol ul,
ol ol ul,
ol ol ol ul {
  list-style: disc;
}

ul ul,
ol ul ul,
ul ol ul,
ol ol ul ul {
  list-style: circle;
}

ul ul ul,
ol ul ul ul,
ul ol ul ul,
ul ul ol ul {
  list-style: square;
}

ul ul ul ul,
ol ul ul ul ul,
ul ol ul ul ul,
ul ul ol ul ul,
ul ul ul ol ul {
  list-style: circle;
}

ul > li:not(.task-list-item) {
  margin-left: -5px;
  padding-left: 6px;
  border-radius: 5px;
  width: fit-content;
  margin-bottom: 6px;
  margin-top: 4px;
  padding-right: 6px;
  word-wrap: break-word;
  word-break: break-word;
  transition: all 300ms ease-in-out;
}

.theme-dark ul > li:not(.task-list-item) {
  border-left: 2px solid var(--list-ul-block-color);
}

.theme-light ul > li:not(.task-list-item) {
  border-left: 2px solid var(--list-ul-block-color);
}

ul > li:not(.task-list-item):hover {
  border-color: var(--list-ul-hover);
}

ol {
  padding-inline-start: 1em;
  margin-left: 25px;
  list-style: decimal;
}

ol ol {
  list-style: lower-latin;
}

ol ol ol,
ol ul ol {
  list-style: lower-roman;
}

ol ol ol ol,
ol ol ul ol,
ol ul ol ol {
  list-style: decimal;
}

ol > li {
  margin-left: -5px;
  padding-left: 6px;
  border-radius: 5px;
  margin-bottom: 6px;
  margin-top: 4px;
  padding-right: 6px;
  transition: all 300ms ease-in-out;
} 

.theme-dark ol > li {
  border-left: 2px solid var(--list-ol-block-color);
} 

.theme-light ol > li {
  border-left: 2px solid var(--list-ol-block-color);
} 

ol > li:hover {
  border-color: var(--list-ol-hover);
}

ol > li::marker {
  font-weight: bold;
  color: var(--list-ol-number-color);
  white-space: pre;
}

ul li, ol li {
  font-size: var(--font-size-list);
}

/* list collaspe icon */
.markdown-preview-view .list-collapse-indicator.collapse-indicator.collapse-icon {
  margin-top: 0px;
  transition: transform 20ms linear 0s;
}

.markdown-preview-view .list-collapse-indicator.collapse-indicator.collapse-icon::before {
  content : "↓";
  font-size: 14px;
  margin-left: -11px;
  font-weight: bold;
  color: var(--text-accent);
  transition: transform 10ms linear 0s;
}

.markdown-preview-view .list-collapse-indicator.collapse-indicator.collapse-icon svg {
  display: none;
  color: var(--accent-strong);
  height: 7px;
  width: 7px;
}

.markdown-preview-view li.is-collapsed div.list-collapse-indicator.collapse-indicator.collapse-icon {
  transform: translateX(0px) translateY(-4px) rotate(-90deg);
  opacity: 0.5;
}


/*
深色模式 颜色
====================================================================================================================================================================================
*/
.theme-dark {
    --list-ul-block-color: #007672;
    --list-ul-disc-color: #E1B87F;
    --list-ul-hover: #EFDBB2;
    --list-ol-block-color: #a29c90;
    --list-ol-number-color: #a29c90;
    --list-ol-hover: #007672;
    
}


/*

浅色模式 颜色
====================================================================================================================================================================================
*/


.theme-light {
  
  /*list*/
  --list-ul-block-color: #b9751b;
  --list-ul-disc-color: #ff7300;
  --list-ul-hover: #dd922f;
  --list-ol-block-color: #3573a5;
  --list-ol-number-color: #a3bee0;
  --list-ol-hover: #5c95e0;

}

哇,谢谢啦,不过作为小白来说,粘贴进css后,除了列表间距增大没其他效果了,难搞。。

:neutral_face: 奇怪怎么回事,我用默认主题和blue topaz都测试过没问题的,
这是我默认主题加css代码片段的样式
图片

哇操,默认试了下还真是,不过我是用blue最新的主题,那个不行 :sweat_smile:

我知道原因了,blue里要设置成bracket就行了。解决了,感蟹大佬

1 个赞

大佬,用了5天,发现了一个问题,这个css在habit calendar这个图像有冲突,想知道能不能简单修改下css,只有在列表的行数大于等于2时弧线才出现,比如你的图中,只有闰余成岁和金生丽水才有列表线,其他没有。

:rofl: 这个我真不会