repo 迁移

styles/public/button.tsx

@@ -95,3 +95,10 @@ export const fixButtonHeight = css`
     min-height: 20px;
   }
 `;
+
+export const fixButton = css`
+  // 修复关注&派生 hover 意外点亮右侧 label 左边框
+  .ui.ui.ui.ui.small.button {
+    z-index: 0;
+  }
+`;

styles/public/menu.tsx

@@ -112,6 +112,7 @@ export const verticalMenu = css`
 export const menu = css`
   // 菜单默认悬浮色更改
   .ui.menu a.item,
+  .ui.secondary.pointing.menu a.item,
   .ui.secondary.menu .dropdown.item {
     &:hover {
       background: ${themeVars.github.control.transparent.bgColor.hover};
@@ -124,4 +125,58 @@ export const menu = css`
       background: ${themeVars.github.control.transparent.bgColor.hover} !important;
     }
   }
+  // 一些菜单的悬浮色更改
+  .ui.segment .ui.tabular.menu,
+  .header-wrapper .ui.tabular.menu,
+  .ui.secondary.pointing.menu {
+    .item,
+    .active.item {
+      &:hover {
+        background: ${themeVars.github.control.transparent.bgColor.hover};
+      }
+    }
+  }
+`;
+
+// 二级导航栏
+export const secondaryMenu = css`
+  .ui.secondary.pointing.menu {
+    .overflow-menu-items {
+      gap: 0.5rem;
+      .item {
+        padding: 5px 8px !important;
+        margin-block-start: 0.5rem;
+        margin-block-end: 0.5rem;
+        margin-bottom: 0.5rem !important;
+      }
+    }
+    .active.item,
+    .dropdown.item,
+    .link.item,
+    a.item {
+      border-radius: ${otherThemeVars.border.radius};
+      color: ${themeVars.color.text.self};
+      svg {
+        color: ${themeVars.color.text.light.num1};
+        margin-right: 8px;
+      }
+    }
+    .active.item {
+      // 取消激活时的下划线, 需要为透明, 保持间距
+      border-color: #ffffff00;
+      // 模仿 github 的下划线
+      span:after {
+        content: "";
+        background: ${themeVars.github.underlineNav.borderColor.active};
+        border-radius: ${otherThemeVars.border.radius};
+        bottom: calc(50% - 1.8rem);
+        height: 2px;
+        position: absolute;
+        right: 50%;
+        transform: translate(50%, -50%);
+        width: 100%;
+        z-index: 1;
+      }
+    }
+  }
 `;

styles/public/radius.tsx

@@ -76,6 +76,13 @@ export const radiusImportant = css`
   .ui.secondary.vertical.menu > .item {
     border-radius: ${otherThemeVars.border.radius} !important;
   }
+  // 目前为仓库列表/探索的二级菜单, 改版需要替换为全圆角
+  .ui.tabular.menu .active.item {
+    border-radius: ${otherThemeVars.border.radius} !important;
+    &:hover {
+      border-radius: ${otherThemeVars.border.radius} !important;
+    }
+  }
 `;
 
 // 上半部分圆角替换
@@ -105,12 +112,6 @@ export const radiusTop = css`
 
 // 上半部分圆角替换(原CSS带!important)
 export const radiusTopImportant = css`
-  .ui.tabular.menu .active.item {
-    border-radius: ${otherThemeVars.border.radius} ${otherThemeVars.border.radius} 0 0 !important;
-    &:hover {
-      border-radius: ${otherThemeVars.border.radius} ${otherThemeVars.border.radius} 0 0 !important;
-    }
-  }
   .ui.simple.upward.dropdown {
     &.active {
       border-radius: ${otherThemeVars.border.radius} ${otherThemeVars.border.radius} 0 0 !important;

styles/public/text.tsx

@@ -14,6 +14,6 @@ export const grey = css`
   // 默认颜色是 --color-text-light, 主题下此颜色是亮白色, 修改为灰色
   // release 页面下一些描述信息的文本颜色
   .text.grey {
-    color: ${themeVars.github.fgColor.muted} !important;
+    color: ${themeVars.color.text.light.num1} !important;
   }
 `;