banana v1

styles/public/text.ts

@@ -8,6 +8,12 @@ export const red = css`
       color: ${themeVars.github.fgColor.done} !important;
     }
   }
+  
+  // 增强红色文本的视觉效果
+  .text.red {
+    color: ${themeVars.color.red.self} !important;
+    font-weight: 500; // 增加字体粗细
+  }
 `;
 
 export const grey = css`
@@ -16,4 +22,46 @@ export const grey = css`
   .text.grey {
     color: ${themeVars.color.text.light.num1} !important;
   }
+  
+  // 增强灰色文本的视觉效果
+  .text.grey {
+    font-weight: 400; // 设置字体粗细
+  }
 `;
+
+// 增加更多文本颜色样式
+export const textColors = css`
+  .text.blue {
+    color: ${themeVars.color.blue.self} !important;
+    font-weight: 500; // 增加字体粗细
+  }
+  
+  .text.green {
+    color: ${themeVars.color.green.self} !important;
+    font-weight: 500; // 增加字体粗细
+  }
+  
+  .text.yellow {
+    color: ${themeVars.color.yellow.self} !important;
+    font-weight: 500; // 增加字体粗细
+  }
+  
+  .text.purple {
+    color: ${themeVars.color.purple.self} !important;
+    font-weight: 500; // 增加字体粗细
+  }
+  
+  .text.orange {
+    color: ${themeVars.color.orange.self} !important;
+    font-weight: 500; // 增加字体粗细
+  }
+  
+  // 链接文本样式
+  a.text {
+    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
+    &:hover {
+      opacity: 0.8; // 悬停时降低不透明度
+      text-decoration: underline; // 悬停时添加下划线
+    }
+  }
+`;