1.25.3 release

.editorconfig

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

.gitattributes

@@ -1,5 +1 @@
-.github/* linguist-vendored
-.vscode/* linguist-vendored
-screenshots/* linguist-vendored
-scripts/* linguist-vendored
-eslint.config.js linguist-vendored
+*.tmpl linguist-language=Handlebars

.github/workflows/build.yml

@@ -16,9 +16,9 @@ jobs:
           filters: |
             src:
               - "scripts/*"
-              - "src/*.ts"
-              - "styles/*.ts"
-              - "themes/*.ts"
+              - "src/**/*.ts"
+              - "styles/**/*.ts"
+              - "themes/*.css.ts"
               - "vite.config.ts"
               - "package.json"
 
@@ -26,7 +26,7 @@ jobs:
         id: build
         if: steps.changes.outputs.src == 'true'
         run: |
-          npm install
+          npm run install:vite8
           npm run build
 
       - name: Upload css assets

.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

@@ -4,7 +4,8 @@
 
 - Optimize the selection style of items in the menu.
 - Optimize code block styles.
-- Optimize some element styles on Issue/PR page
+- Optimize some element styles on Issue/PR page.
+- Optimize the width of the left side of the workflow details page in different zoom levels.
 
 ##### Template File
 

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(
-  { ignores: ["dist"] },
-  {
-    extends: [js.configs.recommended, ...tseslint.configs.recommended],
-    files: ["**/*.{ts}"],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-    },
-  }
-);
+export default defineConfig({
+  ignores: ["dist"],
+  extends: [js.configs.recommended, ...tseslint.configs.recommended],
+  files: ["**/*.{ts}"],
+  languageOptions: {
+    ecmaVersion: 2020,
+    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.3",
   "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": "^8.0.0-beta.0"
   },
   "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

@@ -139,13 +139,21 @@ export const runWorkflow = css`
 export const actionViewHeader = css`
   .action-view-header {
     .action-commit-summary {
+      a:hover {
+        text-decoration: inherit;
+      }
+      // 提前哈希
+      > a.muted:first-of-type {
+        text-decoration: underline;
+      }
       // 分支标签按钮
-      .ui.label {
+      .ui.ui.ui.label {
         background-color: ${themeVars.github.bgColor.accent.muted};
+        border-radius: ${otherThemeVars.border.radius};
         color: ${themeVars.github.fgColor.accent};
-        font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, monospace);
-        font-weight: 400;
         > a {
+          font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
+          font-weight: 400;
           opacity: 1;
         }
       }
@@ -155,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 {
-          background: ${themeVars.github.control.transparent.bgColor.hover};
-          border-radius: ${otherThemeVars.border.radius};
+        .file-header-right {
+          .btn-octicon {
+            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

@@ -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};
         }

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/*"],
-      "themes/*": ["themes/*", "themes/*.css"]
+      "*": ["./*"],
+      "src/*": ["./src/*"],
+      "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"; // 颜色主题目录