fix ci

.editorconfig

@@ -14,5 +14,5 @@ trim_trailing_whitespace = true
 max_line_length = 120
 
 # documentation, utils
-[*.{md,mdx,diff}]
+[*.{md,diff}]
 trim_trailing_whitespace = false

.github/workflows/build.yml

@@ -15,6 +15,7 @@ jobs:
         with:
           filters: |
             src:
+              - ".github/workflows/*.yml"
               - "scripts/*"
               - "src/**/*.ts"
               - "styles/**/*.ts"
@@ -53,4 +54,4 @@ jobs:
         uses: actions/upload-artifact@v4
         with:
           name: locales
-          path: dist/options/locale
+          path: dist/options/locale

.github/workflows/release.yml

@@ -13,7 +13,7 @@ jobs:
       - uses: actions/checkout@v4
       - name: Build theme
         run: |
-          npm install
+          npm run install:vite8
           npm run release
       - name: Create release
         run: |

.vscode/extensions.json

@@ -4,6 +4,7 @@
     "dbaeumer.vscode-eslint",
     "usernamehw.errorlens",
     "mikestead.dotenv",
-    "styled-components.vscode-styled-components"
+    "styled-components.vscode-styled-components",
+    "typescriptteam.native-preview"
   ]
 }

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "typescript.experimental.useTsgo": false
+}

CHANGELOG.md

@@ -1,20 +1,3 @@
-### 🌈 Style
-
-#### More aligned with GitHub style
-
-- Optimize the selection style of items in the menu.
-- Optimize code block styles.
-- Optimize some element styles on Issue/PR page
-
-##### Template File
-
-- Synchronized repository commit page layout and styles.
-- Synchronized repository code list page layout and styles.
-- Synchronized repository add file button menu styles.
-
 ### 🐞 Fix
 
-- Fixed extra lines under heatmap.
+- Fix the width of the detailed page of the software package under the phone
-- Supplement the PR operation panel status style in PR.
-- Fixed avatar size for approving users in PR
-- Fixed bot label styles in Issue/PR

README.md

@@ -79,6 +79,20 @@ For details, please refer to the Gitea documentation
 >
 > The template modifies Gitea's layout to make it closer to GitHub's layout. Do not use template files across versions,
 > as this may lead to missing functionality and other issues.
+>
+> Template layout is bound to the Gitea instance and will affect all themes, impacting the experience of other
+> non-project themes.
+
+### Translation File Installation (Optional)
+
+> [!TIP]
+>
+> Translation files are only needed when using this project's template files to provide support for non-English
+> languages.
+
+1. Download the latest translation files from the release page and place them in the `data/gitea/options/locale`
+   directory (This directory may not be available by default and needs to be manually created)
+2. Restart Gitea
 
 ## Screenshots
 

README_CN.md

@@ -70,6 +70,21 @@ THEMES = gitea-auto, gitea-light, gitea-dark, github-auto, github-light, github-
 > [!IMPORTANT]
 >
 > 模板修改了 Gitea 的布局, 使其更接近 GitHub 的布局, 请勿跨版本使用模板文件, 可能会导致功能缺失等问题
+>
+> 模板布局跟 Gitea 实例绑定, 所有主题都会生效, 会影响其他非本项目的主题的体验
+
+### 翻译文件安装 (可选)
+
+> [!TIP]
+>
+> 仅在使用本项目的模板文件时需要安装翻译文件以提供非英文语言的支持
+
+1. 在发布页下载最新的翻译文件放入 `data/gitea/options/locale` 目录下 (默认可能没有此目录需手动创建)
+2. 重启 Gitea
+
+> [!NOTE]
+>
+> 中文翻译中还额外将 "工单" 替换为 "议题", "合并请求" 替换为 "拉取请求", 以与 GitHub 手机版中文保持一致
 
 ## 截图
 

eslint.config.js

@@ -1,15 +1,14 @@
 import js from "@eslint/js";
+import { defineConfig } from "eslint/config";
 import globals from "globals";
 import tseslint from "typescript-eslint";
 
-export default tseslint.config(
+export default defineConfig({
-  { ignores: ["dist"] },
+  ignores: ["dist"],
-  {
+  extends: [js.configs.recommended, ...tseslint.configs.recommended],
-    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+  files: ["**/*.{ts}"],
-    files: ["**/*.{ts}"],
+  languageOptions: {
-    languageOptions: {
+    ecmaVersion: 2020,
-      ecmaVersion: 2020,
+    globals: globals.browser,
-      globals: globals.browser,
+  },
-    },
+});
-  }
-);

gitea/templates/base/head_navbar.tmpl

@@ -120,6 +120,13 @@
 						{{svg "octicon-question"}}
 						{{ctx.Locale.Tr "help"}}
 					</a>
+					{{if .IsAdmin}}
+					<div class="divider"></div>
+					<a class="{{if .PageIsAdmin}}active {{end}}item" href="{{AppSubUrl}}/-/admin">
+						{{svg "octicon-server"}}
+						{{ctx.Locale.Tr "admin_panel"}}
+					</a>
+					{{end}}
 					<div class="divider"></div>
 					<a class="item link-action" href data-url="{{AppSubUrl}}/user/logout">
 						{{svg "octicon-sign-out"}}

package.json

@@ -1,23 +1,26 @@
 {
   "name": "gitea-github-theme",
-  "version": "1.25.3.rc",
+  "version": "1.25.4",
   "type": "module",
   "scripts": {
     "dev": "vite build --mode dev",
-    "build": "tsc -b && vite build",
+    "build": "tsgo -b && vite build",
     "lint": "eslint .",
     "format": "prettier --write .",
     "commit": "npm run lint && npm run format && npm run build",
     "version": "node scripts/version.cjs",
     "tr": "node scripts/translate.cjs",
+    "tmpl": "node scripts/update_template.cjs",
     "release": "npm run build && npm run tr",
-    "install:clean": "npm cache clean --force && rm -rf node_modules package-lock.json && npm install"
+    "install:clean": "npm cache clean --force && rm -rf node_modules package-lock.json && npm install",
+    "install:vite8": "npm install --force"
   },
   "devDependencies": {
     "@babel/preset-typescript": "^7.28.4",
     "@eslint/js": "^9.29.0",
     "@linaria/core": "^6.3.0",
     "@types/node": "^24.0.3",
+    "@typescript/native-preview": "^7.0.0-dev.20251203.1",
     "@vanilla-extract/css": "^1.17.5",
     "@vanilla-extract/vite-plugin": "^5.1.3",
     "@wyw-in-js/babel-preset": "^0.7.0",
@@ -30,10 +33,9 @@
     "prettier": "3.5.3",
     "prettier-plugin-organize-imports": "^4.1.0",
     "sass-embedded": "^1.89.2",
-    "typescript": "^5.8.3",
     "typescript-eslint": "^8.34.1",
     "typescript-plugin-css-modules": "^5.1.0",
-    "vite": "^7.2.4"
+    "vite": "^7.3.1"
   },
   "prettier": {
     "printWidth": 120,

scripts/translate.cjs

@@ -17,7 +17,7 @@ const localePath = "options/locale";
 
 const [major, minor, patch, tag = ""] = pkg.version.split(".");
 
-console.log("Version: ", pkg.version);
+console.log("Version:", pkg.version);
 let versionPath = "";
 if (tag.includes("rc") || patch.includes("latest")) {
   versionPath = `${githubBranchPath}/v${major}.${minor}`;
@@ -26,14 +26,12 @@ if (tag.includes("rc") || patch.includes("latest")) {
 }
 
 const githubUrl = `${githubSite}/${giteaRepo}/${versionPath}/${localePath}`;
-
 const locales = fs.readdirSync(path.join(rootDir, localePath)).filter(file => file.endsWith(".ini"));
 
-// 使用立即执行异步函数
 (async () => {
   for (const locale of locales) {
     const localUrl = `${githubUrl}/${locale}`;
-    console.log("LocaleUrl: ", localUrl);
+    console.log("LocaleUrl:", localUrl);
     const themeLocale = fs.readFileSync(path.join(rootDir, localePath, locale), "utf-8");
 
     const response = await fetch(localUrl);

scripts/update_template.cjs

@@ -0,0 +1,54 @@
+const fs = require("fs");
+const path = require("path");
+
+const rootDir = path.join(__dirname, "..");
+const pkgPath = path.join(rootDir, "package.json");
+const pkg = JSON.parse(fs.readFileSync(pkgPath));
+
+const githubSite = "https://raw.githubusercontent.com";
+const giteaRepo = "go-gitea/gitea";
+const githubTagPath = "refs/tags";
+const tmplPath = "templates";
+const localTmplPath = path.join(rootDir, "gitea", tmplPath);
+const [major, minor, patch = ""] = pkg.version.split(".");
+console.log("Version:", pkg.version);
+const versionPath = `${githubTagPath}/v${major}.${minor}.${patch}`;
+const githubUrl = `${githubSite}/${giteaRepo}/${versionPath}/${tmplPath}`;
+
+// 递归读取所有子目录中的 .tmpl 文件
+function readTmplFilesRecursively(dir) {
+  const results = [];
+  const files = fs.readdirSync(dir);
+
+  for (const file of files) {
+    const filePath = path.join(dir, file);
+    const stat = fs.statSync(filePath);
+
+    if (stat.isDirectory()) {
+      // 如果是目录，递归读取
+      results.push(...readTmplFilesRecursively(filePath));
+    } else if (file.endsWith(".tmpl")) {
+      // 如果是 .tmpl 文件，添加到结果中（相对于模板目录的相对路径）
+      const relativePath = path.relative(localTmplPath, filePath);
+      results.push(relativePath);
+    }
+  }
+
+  return results;
+}
+
+// 读取所有模板文件
+const tmpls = readTmplFilesRecursively(localTmplPath);
+(async () => {
+  for (const tmpl of tmpls) {
+    const tmplUrl = `${githubUrl}/${tmpl}`;
+    console.log("TmplUrl:", tmplUrl);
+
+    const response = await fetch(tmplUrl);
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`);
+    }
+    let content = await response.text();
+    fs.writeFileSync(path.join(localTmplPath, tmpl), content);
+  }
+})();

styles/components/actions.ts

@@ -163,9 +163,10 @@ export const actionViewHeader = css`
 
 // 工作流左侧作业列表
 export const actionViewLeft = css`
-  .action-view-left {
+  .action-view-left.action-view-left.action-view-left {
     margin-right: 28px;
     border-top: 1px solid ${themeVars.color.console.border};
+    max-width: 22vw;
     &:before {
       content: "Jobs";
       color: ${themeVars.color.console.fg.subtle};

styles/components/filelist.ts

@@ -101,11 +101,13 @@ export const repoFiles = css`
         background: ${themeVars.color.body};
         min-height: 48px;
         padding: 0px 8px !important;
+        overflow-x: visible;
         svg {
           color: ${themeVars.color.text.light.num1};
         }
         .file-header-left {
-          padding: 8px !important;
+          padding: 6px 8px !important;
+          line-height: 1.45;
           // 伪元素宽度等于按钮宽度而不是父元素宽度
           position: relative;
           &:hover {
@@ -116,7 +118,7 @@ export const repoFiles = css`
             content: "";
             background: ${themeVars.github.underlineNav.borderColor.active};
             border-radius: ${otherThemeVars.border.radius};
-            bottom: -7px;
+            bottom: -8px;
             left: 0;
             height: 2px;
             position: absolute;
@@ -127,9 +129,19 @@ export const repoFiles = css`
             text-decoration-line: none;
           }
         }
-        .file-header-right:hover {
+        .file-header-right {
-          background: ${themeVars.github.control.transparent.bgColor.hover};
+          .btn-octicon {
-          border-radius: ${otherThemeVars.border.radius};
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            padding: 0px 8px;
+            border-radius: ${otherThemeVars.border.radius};
+            height: 28px;
+            width: 28px;
+            &:hover {
+              background: ${themeVars.github.control.transparent.bgColor.hover};
+            }
+          }
         }
       }
     }

styles/components/issue.ts

@@ -309,7 +309,7 @@ export const comment = css`
         .ui.basic.label {
           ${botLabelStyle}
         }
-        a:has(relative-time){
+        a:has(relative-time) {
           text-decoration: underline;
         }
         // 已编辑按钮
@@ -564,7 +564,7 @@ export const timeline = css`
       }
       .timeline-item,
       .timeline-item-group {
-        padding: 16px 0;
+        padding: 12px 0;
         .comment-text-line {
           color: ${themeVars.color.text.light.num1};
         }

styles/components/packages.ts

@@ -123,3 +123,15 @@ export const packagesDetail = css`
     }
   }
 `;
+
+// 手机页面下的软件包详细信息页
+export const packagesListMobile = css`
+  @media (max-width: 767.98px) {
+    .page-content.packages .packages-content {
+      .packages-content-left,
+      .packages-content-right {
+        width: 100%;
+      }
+    }
+  }
+`;

templates/base/head_navbar.tmpl

@@ -114,6 +114,13 @@
 						{{svg "octicon-question"}}
 						{{ctx.Locale.Tr "help"}}
 					</a>
+					{{if .IsAdmin}}
+					<div class="divider"></div>
+					<a class="{{if .PageIsAdmin}}active {{end}}item" href="{{AppSubUrl}}/-/admin">
+						{{svg "octicon-server"}}
+						{{ctx.Locale.Tr "admin_panel"}}
+					</a>
+					{{end}}
 					<div class="divider"></div>
 					<a class="item link-action" href data-url="{{AppSubUrl}}/user/logout">
 						{{svg "octicon-sign-out"}}

tsconfig.json

@@ -30,11 +30,11 @@
     "erasableSyntaxOnly": true,
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true,
-    "baseUrl": ".",
     "paths": {
-      "src/*": ["src/*"],
+      "*": ["./*"],
-      "styles/*": ["styles/*"],
+      "src/*": ["./src/*"],
-      "themes/*": ["themes/*", "themes/*.css"]
+      "styles/*": ["./styles/*"],
+      "themes/*": ["./themes/*", "./themes/*.css"]
     }
   },
   "include": ["src", "styles", "themes", "vite.config.ts"]

vite.config.ts

@@ -8,9 +8,8 @@ import * as sass from "sass-embedded";
 import { defineConfig } from "vite";
 import { themeInput, themePlugin } from "./src/core/vite";
 
-dotenv.config({ quiet: true });
-
 const require = createRequire(import.meta.url);
+dotenv.config({ quiet: true });
 
 const outDir = "dist"; // 输出目录
 const themesDir = "themes"; // 颜色主题目录