同步工作流运行页面的运行时间字体样式和重新运行按钮样式

CHANGELOG.md

@@ -9,6 +9,7 @@
 - 优化下拉菜单的样式
 - 优化创建标签菜单的菜单项的样式
 - 同步亮色和柔和暗色主题下的菜单颜色
+- 同步工作流运行页面的运行时间字体样式和重新运行按钮样式
 
 ### 🐞 Fix
 

README.md

@@ -1,9 +1,7 @@
-<p align="center">
-  中文 |
-  <a href="./README_EN.md">English</a>
-</p>
+<h1 align="center">Gitea GitHub Theme</h1>
+<p align="center">中文 | <a href="./README_EN.md">English</a></p>
 
-# Gitea GitHub Theme
+不仅仅是在颜色上, 在样式细节上也追求 GitHub 风格的 Gitea 主题.
 
 > [!TIP]
 >
@@ -149,7 +147,3 @@ npm run build
 
 编译完成后, 会在 `dist` 目录下生成主题文件, 你可以将主题文件放入 `gitea/public/assets/css` 目录下, 然后在
 `gitea/conf/app.ini` 中添加主题名称到 `THEMES` 末尾
-
-## 贡献
-
-请查看 [CONTRIBUTING](CONTRIBUTING.md)

README_EN.md

@@ -1,9 +1,7 @@
-<p align="center">
-  <a href="./README.md">中文</a> |
-  English
-</p>
+<h1 align="center">Gitea GitHub Theme</h1>
+<p align="center"><a href="./README.md">中文</a> | English</p>
 
-# Gitea GitHub Theme
+A Gitea theme that pursues GitHub style not only in colors but also in styling details.
 
 > [!TIP]
 >
@@ -152,8 +150,4 @@ npm run build
 ```
 
 After compilation, theme files will be generated in the `dist` directory. You can place the theme files into the
-`gitea/public/assets/css` directory, then add the theme name to the end of `THEMES` in `gitea/conf/app.ini`
-
-## Contribution
-
-Please refer to [CONTRIBUTING](CONTRIBUTING.md)
+`gitea/public/assets/css` directory, then add the theme name to the end of `THEMES` in `gitea/conf/app.ini`

package.json

@@ -31,7 +31,7 @@
     "typescript-eslint": "^8.34.1",
     "typescript-plugin-css-modules": "^5.1.0",
     "typescript-styled-plugin": "^0.18.3",
-    "vite": "^6.3.5"
+    "vite": "^7.1.9"
   },
   "prettier": {
     "printWidth": 120,

styles/components/actions.ts

@@ -61,7 +61,7 @@ export const actions = css`
         .run-list-ref {
           background-color: ${themeVars.github.bgColor.accent.muted};
           color: ${themeVars.github.fgColor.accent};
-          font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, monospace);
+          font-family: var(--fonts-monospace);
           font-weight: 400;
           &:hover {
             background-color: ${themeVars.github.bgColor.accent.muted};
@@ -193,6 +193,26 @@ export const actionViewLeft = css`
             width: 4px;
           }
         }
+        .job-brief-item-right {
+          svg.job-brief-rerun {
+            display: none;
+            color: ${themeVars.color.console.fg.subtle};
+            &:hover {
+              color: ${themeVars.color.text.self};
+            }
+          }
+          .step-summary-duration {
+            color: ${themeVars.color.console.fg.subtle};
+            font-family: var(--fonts-monospace);
+          }
+        }
+        &:hover {
+          .job-brief-item-right {
+            svg.job-brief-rerun {
+              display: inline-block;
+            }
+          }
+        }
       }
     }
   }
@@ -249,6 +269,11 @@ export const actionViewRight = css`
             color: ${themeVars.color.console.fg.self} !important;
           }
         }
+        // 步骤耗时
+        .step-summary-duration {
+          font-size: 12px;
+          font-family: var(--fonts-monospace);
+        }
       }
       // 步骤日志
       .job-step-logs {