1.24.7

CHANGELOG.md

@@ -1,14 +1,17 @@
 ### 🌈 Style
 
-- 优化顶部和二级导航栏的样式和颜色
+- 优化顶部和二级导航栏的样式和颜色 #18
 
 ##### 更符合 GitHub 风格
 
 - 修复并同步工单或 PR 详细页面下的标签菜单样式 #19
+- 统一仓库/用户/组织列表无搜索结果时的样式 #20
 - 同步页脚样式
 - 优化下拉菜单的样式
 - 优化创建标签菜单的菜单项的样式
 - 同步亮色和柔和暗色主题下的菜单颜色
+- 同步工作流运行页面的运行时间字体样式和重新运行按钮样式
+- VSCode 和 VSCodium 图标添加颜色
 
 ### 🐞 Fix
 
@@ -18,4 +21,31 @@
 - 修复仓库页面下二级导航栏下划线过粗的问题
 - 修复仪表板切换用户按钮菜单下无创建组织按钮时的菜单圆角问题
 - 修复导航栏工单/PR等仪表板下筛选等菜单的子项的间距问题
-- 修复差异对比文件路径标题栏的菜单样式问题
+- 修复手机下仪表板二级导航栏用户菜单按钮没有居中的问题
+
+## 📃 English
+
+### 🌈 Style
+
+- Optimized styles and colors for top and secondary navigation bars #18
+
+##### More aligned with GitHub style
+
+- Fixed and synchronized label menu styles under issue or PR detail pages #19
+- Unified styles for repository/user/organization lists when no search results are found #20
+- Synchronized footer styles
+- Optimized dropdown menu styles
+- Optimized menu item styles for creating label menus
+- Synchronized menu colors in light and soft dark themes
+- Synchronized font styles for run time and rerun button styles on workflow run pages
+- Added colors to VSCode and VSCodium icons
+
+### 🐞 Fix
+
+- Fixed issue where Wiki page search items were not properly hidden #15
+- Fixed width issue for sorting menu items in admin account management
+- Fixed shadow issue for primary color button groups in merge commits
+- Fixed issue where underlines in secondary navigation bars on repository pages were too thick
+- Fixed menu corner radius issue when no create organization button exists under dashboard user switching button menu
+- Fixed spacing issue for sub-items in filter menus under navigation bar issues/PRs dashboards
+- Fixed issue where user menu buttons in secondary navigation bars on mobile dashboards were not centered

README.md

@@ -1,9 +1,20 @@
-<p align="center">
+<h1 align="center">
-  中文 |
+  <p>Gitea GitHub Theme</p>
-  <a href="./README_EN.md">English</a>
+  <img src="https://img.shields.io/github/issues-raw/lutinglt/gitea-github-theme?style=for-the-badge&labelColor=25292e&color=1a7f37">
-</p>
+  <img src="https://img.shields.io/github/issues-closed-raw/lutinglt/gitea-github-theme?style=for-the-badge&labelColor=25292e&color=8250df">
+  <img src="https://img.shields.io/github/downloads/lutinglt/gitea-github-theme/total?style=for-the-badge&labelColor=25292e&color=1f6feb">
+  <img src="https://img.shields.io/github/downloads/lutinglt/gitea-github-theme/latest/total?style=for-the-badge&labelColor=25292e&color=238636">
+</h1>
 
-# Gitea GitHub Theme
+<div align="center">
+
+中文 • [English](README_EN.md)
+
+不仅仅是在颜色上, 在样式细节上也追求 GitHub 风格的 Gitea 主题.
+
+</div>
+
+![Dashboard](screenshots/dashboard.png)
 
 > [!TIP]
 >
@@ -24,6 +35,12 @@ Gitea 理论上小版本号变更不会修改前端布局, 所以主题的小版
 
 > 开发阶段的主题版本号格式: `1.大版本号.小版本号.时间戳`
 
+### 主题版本发布规则
+
+- 当 Gitea 发布小版本时, 主题中间如有变更, 则发布新的和 Gitea 小版本相同的主题版本
+- 当 Gitea 发布大版本时, 主题中间如有变更, 会发布 `1.旧大版本号.latest` 的主题版本并不再维护旧版本
+- 适配大版本的预发布版本为 `1.大版本号.rc`, 当无明显 BUG 时发布与 Gitea 大版本相同的主题版本
+
 ## 安装
 
 1. 在发布页下载最新的 CSS 主题文件放入 `gitea/public/assets/css` 目录下
@@ -49,8 +66,6 @@ THEMES = gitea-auto, gitea-light, gitea-dark, github-auto, github-light, github-
 
 ## 截图
 
-![Dashboard](screenshots/dashboard.png)
-
 ### 基本主题
 
 ```ini
@@ -149,7 +164,3 @@ npm run build
 
 编译完成后, 会在 `dist` 目录下生成主题文件, 你可以将主题文件放入 `gitea/public/assets/css` 目录下, 然后在
 `gitea/conf/app.ini` 中添加主题名称到 `THEMES` 末尾
-
-## 贡献
-
-请查看 [CONTRIBUTING](CONTRIBUTING.md)

README_EN.md

@@ -1,9 +1,20 @@
-<p align="center">
+<h1 align="center">
-  <a href="./README.md">中文</a> |
+  <p>Gitea GitHub Theme</p>
-  English
+  <img src="https://img.shields.io/github/issues-raw/lutinglt/gitea-github-theme?style=for-the-badge&labelColor=25292e&color=1a7f37">
-</p>
+  <img src="https://img.shields.io/github/issues-closed-raw/lutinglt/gitea-github-theme?style=for-the-badge&labelColor=25292e&color=8250df">
+  <img src="https://img.shields.io/github/downloads/lutinglt/gitea-github-theme/total?style=for-the-badge&labelColor=25292e&color=1f6feb">
+  <img src="https://img.shields.io/github/downloads/lutinglt/gitea-github-theme/latest/total?style=for-the-badge&labelColor=25292e&color=238636">
+</h1>
 
-# Gitea GitHub Theme
+<div align="center">
+
+English • [中文](README.md)
+
+A Gitea theme that pursues GitHub style not only in colors but also in styling details.
+
+</div>
+
+![Dashboard](screenshots/en/dashboard-en.png)
 
 > [!TIP]
 >
@@ -26,6 +37,15 @@ accepted.
 
 > Development stage theme version number format: `1.major.minor.timestamp`
 
+### Theme Version Release Rules
+
+- When Gitea releases a minor version, if there are changes in the theme, a new theme version with the same minor
+  version as Gitea will be released
+- When Gitea releases a major version, if there are changes in the theme, a theme version `1.old_major_version.latest`
+  will be released and the old version will no longer be maintained
+- The pre-release version for major version adaptation is `1.major_version.rc`, and when there are no obvious bugs, a
+  theme version with the same major version as Gitea will be released
+
 ## Installation
 
 1. Download the latest CSS theme file from the release page and place it in the `gitea/public/assets/css` directory
@@ -52,8 +72,6 @@ For details, please refer to the Gitea documentation
 
 ## Screenshots
 
-![Dashboard](screenshots/en/dashboard-en.png)
-
 ### Basic Themes
 
 ```ini
@@ -153,7 +171,3 @@ 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)

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 {

styles/components/explore.ts

@@ -157,3 +157,33 @@ export const mobileList = css`
     }
   }
 `;
+
+// 统一无搜索结果时的样式
+export const notMatch = css`
+  // 组织的仓库列表
+  .page-content.organization.profile > .ui.container > .ui.stackable > .ui.eleven,
+  // 用户的仓库列表
+  .page-content.user.profile > .ui.container > .ui.stackable > .ui.twelve,
+  // 探索的仓库列表
+  .page-content.explore.repositories > .ui.container,
+  // 组织的成员列表
+  .page-content.organization.members >.ui.container,
+  // 探索的用户和组织列表
+  .page-content.explore.users >.ui.container {
+    // 排除用户的公开活动页
+    > .flex-list:not(#activity-feed) {
+      &:has(> div:only-child):not(:has(.flex-item-main)) {
+        grid-template-columns: 1fr;
+        > div {
+          border: 1px solid ${themeVars.color.light.border};
+          border-radius: ${otherThemeVars.border.radius};
+          font-size: 16px;
+          font-weight: 500;
+          padding: 32px;
+          display: flex;
+          justify-content: center;
+        }
+      }
+    }
+  }
+`;

styles/components/navbar.ts

@@ -156,6 +156,9 @@ export const secondaryNav = css`
       gap: 0px;
       min-height: 48px;
       > .item {
+        // 修复手机下的菜单按钮没有居中的问题
+        margin-top: auto;
+        margin-bottom: auto;
         > .ui.dropdown > .text {
           display: inline-flex;
           align-items: center;

styles/public/other.ts

@@ -8,9 +8,17 @@ export const listHeader = css`
   }
 `;
 
+export const svg = css`
   // 已标星的图标
-export const star = css`
   .octicon-star-fill {
     color: ${themeVars.github.button.star.iconColor} !important;
   }
+  // VSCode 图标
+  .gitea-vscode {
+    color: #007acc !important;
+  }
+  // VSCodium 图标
+  .gitea-vscodium {
+    color: #429cf0 !important;
+  }
 `;