✨ feat: 新增了一种列表样式

Author: caolib

.github/instructions/main.instructions.md

@@ -1,5 +1,5 @@
 ---
-applyTo: '**/*.css'
+applyTo: '**/*'
 ---
 - 这是一个typora主题项目,项目地址为 https://github.com/caolib/typora-onelight-theme
 - onelight.css 是主题的主样式文件,其中导入了其他样式文件,onelight-dark.css 是暗黑主题的样式文件

onelight.css

@@ -1,12 +1,18 @@
-@import './onelight/style/list.css';
 @import './onelight/style/blockquote.css';
 @import './onelight/style/editor.css';
 @import './onelight/style/code.css';
 @import './onelight/style/table.css';
 @import './onelight/style/font.css';
 @import './onelight/style/mermaid.css';
+
+/* 标题 */
 @import './onelight/style/title/title.css';
 /* @import './onelight/style/title/title-colorful.css'; */
+/* @import './onelight/style/title/title-colorful-dark.css'; */
+
+/* 列表 */
+@import './onelight/style/list/list.css';
+/* @import './onelight/style/list/list-simple.css'; */
 
 
 /* -------------------------------------------------------- */

onelight/style/list/list-simple.css

@@ -0,0 +1,48 @@
+/* 使用原生marker */
+
+#write ul li {
+    list-style-type: initial;
+}
+
+#write ol li {
+    list-style-type: decimal;
+}
+
+/* 删除before样式 */
+li::before {
+    content: unset !important;
+}
+
+
+ul li::marker {
+    font-size: 25px;
+}
+
+li::marker {
+    color: var(--theme-color);
+    transition: color 0.3s ease;
+}
+
+li:hover::marker {
+    color: var(--main-red);
+}
+
+#write ul li {
+    list-style-type: initial;
+}
+
+#write ul ul li {
+    list-style-type: square;
+}
+
+#write ul ul ul li {
+    list-style-type: circle;
+}
+
+#write ul ul ul ul li {
+    list-style-type: disclosure-closed;
+}
+
+ul>li>ul>li>ul>li>ul>li::marker {
+    font-size: 1.2rem;
+}

onelight/style/list.css onelight/style/list/list.cssonelight/style/list.css renamed to onelight/style/list/list.css

@@ -6,25 +6,11 @@
     padding-left: 40px !important;
 }
 
-#write ul {
-    list-style-type: disclosure-closed
-}
-
-#write ul ul {
-    list-style-type: square
-}
-
-#write ol {
-    list-style-type: decimal
-}
-
 #write li section {
     font-size: .9rem;
     font-size: .9rem;
 }
 
-#write .ol .li,
-#write .ul .li,
 #write ol li,
 #write ul li {
     list-style-type: none;
@@ -137,6 +123,11 @@
     margin-left: -1.8em;
 }
 
+li.md-list-item.task-list-item.md-task-list-item::marker {
+    content: none;
+    font-size: inherit;
+}
+
 /* ---------------->> 删除线 <<---------------- */
 del {
     color: grey;