部分 label 迁移

styles/components/issue.tsx

@@ -23,3 +23,44 @@ export const button = css`
     }
   }
 `;
+
+export const babel = css`
+  .issue-content-left {
+    .badge {
+      // 时间线打开状态标签
+      &.tw-bg-green {
+        background-color: ${themeVars.github.bgColor.success.emphasis} !important;
+        border-color: ${themeVars.github.bgColor.success.emphasis} !important;
+      }
+      // 时间线关闭状态标签
+      &.tw-bg-red {
+        background-color: ${themeVars.github.bgColor.done.emphasis} !important;
+        border-color: ${themeVars.github.bgColor.done.emphasis} !important;
+      }
+      // 时间线合并状态标签
+      &.tw-bg-purple {
+        background-color: ${themeVars.github.bgColor.done.emphasis} !important;
+        border-color: ${themeVars.github.bgColor.done.emphasis} !important;
+      }
+    }
+  }
+  // 工单&PR状态标签
+  .ui.label.issue-state-label {
+    border-radius: 25px !important;
+
+    &.green {
+      background-color: ${themeVars.github.bgColor.success.emphasis} !important;
+      border-color: ${themeVars.github.bgColor.success.emphasis} !important;
+    }
+
+    &.red {
+      background-color: ${themeVars.github.bgColor.done.emphasis} !important;
+      border-color: ${themeVars.github.bgColor.done.emphasis} !important;
+    }
+
+    &.purple {
+      background-color: ${themeVars.github.bgColor.done.emphasis} !important;
+      border-color: ${themeVars.github.bgColor.done.emphasis} !important;
+    }
+  }
+`;

styles/public/index.tsx

@@ -2,6 +2,7 @@ import "./button"; // 按钮
 import "./chroma"; // 代码高亮
 import "./codemirror"; // codemirror 样式
 import "./input"; // 输入框
+import "./label"; // 标签
 import "./modal"; // 弹窗
 import "./radius"; // 圆角
 import "./svg"; // svg 图标

styles/public/label.scss

@@ -1,13 +1,4 @@
 // Made by Luting ^-^
-.repo-buttons .ui.basic.label {
-  color: #f0f6fc;
-}
-
-a.ui.basic.label:hover {
-  color: #f0f6fc;
-  background-color: #262c36;
-  border-color: var(--color-light-border);
-}
 
 span,
 .org-visibility div {
@@ -17,30 +8,7 @@ span,
   }
 }
 
-.badge.tw-bg-green,
-.ui.green.label.issue-state-label {
-  background-color: #238636 !important;
-}
-
-.badge.tw-bg-red {
-  background-color: var(--color-purple) !important;
-}
-
 .ui.ui.ui {
-  &.purple.label {
-    border-radius: 25px !important;
-  }
-
-  &.green.label.issue-state-label {
-    background: var(--color-primary);
-    border-radius: 25px !important;
-  }
-
-  &.red.label.issue-state-label {
-    background: var(--color-purple);
-    border-radius: 25px !important;
-  }
-
   &.primary.label {
     color: var(--color-blue);
     background-color: #388bfd33;
@@ -86,10 +54,6 @@ a.ui.ui.ui {
   }
 }
 
-.issue-list .text.red {
-  color: #ab7df8 !important;
-}
-
 // Runner&软件包&提交 标签
 .ui.label {
   &.sha {

styles/public/radius.tsx

@@ -58,8 +58,6 @@ export const radius = css`
   .ui.search.selection .prompt,
   .ui.pointing.dropdown > .menu,
   .ui.loading.form.segments:before,
-  .ui.secondary.menu .item,
-  .ui.secondary.menu .active.item,
   .ui.secondary.menu .dropdown.item > .menu,
   .ui.vertical.menu > .active.item:only-child,
   .ui.segments:not(.horizontal) > .segment:only-child,