🐛 fix(彩色标题): 修复彩色标题中的数学公式不显示的问题 感谢@LTTXiaochuan的反馈 #54

Author: caolib

onelight/style/title/title-colorful-dark.css

@@ -63,7 +63,6 @@
 }
 
 /* Gradient on inner span for H2 text */
-#write h2>span,
 #write h2 span.md-plain {
     display: inline-block;
     background: linear-gradient(to right, #00BFFF, #ff89c4, #00BFFF);
@@ -119,7 +118,6 @@
 }
 
 /* 创建H3文字渐变效果 */
-#write h3 span,
 #write h3 span.md-plain {
     display: inline-block;
     background: linear-gradient(to right, #FFFFFF, #E8F5E9, #BBDEFB, #D1C4E9, #E1F5FE, #FFFFFF);
@@ -145,7 +143,6 @@
 }
 
 /* 添加H3悬浮效果 - 字体变为纯白色 */
-#write h3:hover span,
 #write h3:hover span.md-plain {
     background: none;
     color: #FFFFFF;
@@ -440,4 +437,8 @@
         transform: scale(1) rotate(0);
         opacity: 1;
     }
+}
+
+.md-heading .md-inline-math {
+    color: var(--text-color);
 }

onelight/style/title/title-colorful.css

@@ -65,7 +65,6 @@
 }
 
 /* Gradient on inner span for H2 text */
-#write h2>span,
 #write h2 span.md-plain {
     display: inline-block;
     background: linear-gradient(to right, #ff8da1, #ffbe70, #ff8da1);
@@ -133,7 +132,6 @@
 }
 
 /* 创建H3文字渐变效果 */
-#write h3 span,
 #write h3 span.md-plain {
     display: inline-block;
     /* 修改为在浅色背景上可读的深色奶油系渐变 */
@@ -162,7 +160,6 @@
 }
 
 /* 添加H3悬浮效果 - 字体变为纯白色 */
-#write h3:hover span,
 #write h3:hover span.md-plain {
     background: none;
     color: #ffffff;
@@ -445,4 +442,8 @@
 /* 悬停时加速流动 */
 #write h6:hover {
     animation: h5FlowFixedStutter 3s ease-in-out infinite reverse;
+}
+
+.md-heading .md-inline-math {
+    color: var(--text-color);
 }