rc version

CHANGELOG.md

@@ -2,6 +2,9 @@
 
 #### More aligned with GitHub style
 
+- Optimize the selection style of items in the menu
+- Optimize code block styles
+
 ##### Template File
 
 - Synchronized repository code list page layout and styles

README.md

@@ -47,6 +47,7 @@ accepted.
 ## Installation
 
 1. Download the latest CSS theme file from the release page and place it in the `gitea/public/assets/css` directory
+   (This directory may not be available by default and needs to be manually created)
 2. Modify `gitea/conf/app.ini` and append the CSS filename without the `theme-` prefix to the end of `THEMES` under the
    `[ui]` section
 3. Restart Gitea
@@ -70,7 +71,8 @@ For details, please refer to the Gitea documentation
 
 ### Template File Installation (Optional)
 
-1. Download the latest template files from the release page and place them in the `gitea/templates` directory
+1. Download the latest template files from the release page and place them in the `gitea/templates` directory (This
+   directory may not be available by default and needs to be manually created)
 2. Restart Gitea
 
 > [!IMPORTANT]

README_CN.md

@@ -41,7 +41,7 @@ Gitea 理论上小版本号变更不会修改前端布局, 所以主题的小版
 
 ## 安装
 
-1. 在发布页下载最新的 CSS 主题文件放入 `gitea/public/assets/css` 目录下
+1. 在发布页下载最新的 CSS 主题文件放入 `gitea/public/assets/css` 目录下 (默认可能没有此目录需手动创建)
 2. 修改 `gitea/conf/app.ini`，并将 CSS 文件名去掉 `theme-` 的名称附加到 `[ui]` 下的 `THEMES` 末尾
 3. 重启 Gitea
 4. 在设置中查看主题
@@ -64,7 +64,7 @@ THEMES = gitea-auto, gitea-light, gitea-dark, github-auto, github-light, github-
 
 ### 模板文件安装 (可选)
 
-1. 在发布页下载最新的模板文件放入 `gitea/templates` 目录下
+1. 在发布页下载最新的模板文件放入 `gitea/templates` 目录下 (默认可能没有此目录需手动创建)
 2. 重启 Gitea
 
 > [!IMPORTANT]

package.json

@@ -1,6 +1,6 @@
 {
   "name": "gitea-github-theme",
-  "version": "1.25.3",
+  "version": "1.25.3.rc",
   "type": "module",
   "scripts": {
     "dev": "vite build --mode dev",

styles/components/commit.ts

@@ -36,12 +36,8 @@ export const commit = css`
       }
       // 提交信息右侧
       .tw-text-right {
-        // 时间标签
         relative-time,
-        // 复制 SHA 按钮
-        .btn.copy-commit-id,
-        // 查看提交路径按钮
-        .btn.view-commit-path {
+        svg {
           color: ${themeVars.color.text.light.num1};
         }
       }

styles/public/base.ts

@@ -7,4 +7,8 @@ export const body = css`
   a {
     text-underline-offset: 0.2rem; // 0.2rem 可以始终保持下划线不受 overflow: hidden 的影响
   }
+  // 默认代码块
+  code:not(.code-inner) {
+    padding: 0.2em 0.4em;
+  }
 `;

styles/public/menu.ts

@@ -5,7 +5,7 @@ export const activeItemAfterStyle = {
   backgroundColor: themeVars.github.borderColor.accent.emphasis,
   borderRadius: otherThemeVars.border.radius,
   height: "24px",
-  left: "calc(0.5rem * -1)",
+  left: "-8px",
   position: "absolute",
   top: "calc(50% - 12px)",
   width: "4px",

styles/templates/repo/view_list.ts

@@ -1,11 +1,12 @@
 import { css, otherThemeVars, themeVars } from "src/types/vars";
 
 export const repoFileLastCommit = css`
-  // 仓库页的最后一次提交
+  // 仓库页和文件列表文件夹页的最后一次提交
   .repository.file.list #repo-files-table .github-theme-templates.repo-file-line.repo-file-last-commit {
     padding-right: 10px;
     // 提交时间
     .github-latest-time {
+      color: ${themeVars.color.text.light.num1};
       font-size: 12px;
     }
     // 提交历史按钮

templates/repo/view_content.tmpl

@@ -89,11 +89,6 @@
 		{{if $isTreePathRoot}}
 			{{template "repo/clone_panel" .}}
 		{{end}}
-		{{if and (not $isTreePathRoot) (not .IsViewFile) (not .IsBlame)}}{{/* IsViewDirectory (not home), TODO: split the templates, avoid using "if" tricks */}}
-			<a class="ui button" href="{{.RepoLink}}/commits/{{.RefTypeNameSubURL}}/{{.TreePath | PathEscapeSegments}}">
-				{{svg "octicon-history" 16}}{{ctx.Locale.Tr "repo.file_history"}}
-			</a>
-		{{end}}
 	</div>
 </div>
 {{if .IsViewFile}}

templates/repo/view_list.tmpl

@@ -1,11 +1,24 @@
 {{/* use grid layout, still use the old ID because there are many other CSS styles depending on this ID */}}
 <div id="repo-files-table" {{if .HasFilesWithoutLatestCommit}}hx-indicator="#repo-files-table .repo-file-cell.message" hx-trigger="load" hx-swap="morph" hx-post="{{.LastCommitLoaderURL}}"{{end}}>
-	<div class="{{if not .TreeNames}}github-theme-templates{{end}} repo-file-line repo-file-last-commit">
+	<div class="github-theme-templates repo-file-line repo-file-last-commit">
 		{{template "repo/latest_commit" .}}
-		<div class="github-latest-time">{{if and .LatestCommit .LatestCommit.Committer}}{{DateUtils.TimeSince .LatestCommit.Committer.When}}{{end}}</div>
+		<div class="github-latest-time">
+			{{if and .LatestCommit .LatestCommit.Committer}}
+				<a href="{{ (print .RepoLink "/commit") }}/{{.LatestCommit.ID}}" class="muted" rel="nofollow">
+					{{- ShortSha .LatestCommit.ID.String -}}
+				</a>
+				·
+				{{DateUtils.TimeSince .LatestCommit.Committer.When}}
+			{{end}}
+		</div>
 		{{if and (not .TreeNames) (.Permission.CanRead ctx.Consts.RepoUnitTypeCode) (not .IsEmptyRepo)}}
 		<a class="github-latest-commit item muted" href="{{.RepoLink}}/commits/{{.RefFullName.RefWebLinkPath}}">
-			{{svg "octicon-history"}} <b>{{ctx.Locale.PrettyNumber .CommitsCount}}</b> {{ctx.Locale.TrN .CommitsCount "repo.commit" "repo.commits"}}
+			{{svg "octicon-history" 16}} <b>{{ctx.Locale.PrettyNumber .CommitsCount}}</b> {{ctx.Locale.TrN .CommitsCount "repo.commit" "repo.commits"}}
+		</a>
+		{{end}}
+		{{if and .TreeNames (not .IsViewFile) (not .IsBlame)}}{{/* IsViewDirectory (not home), TODO: split the templates, avoid using "if" tricks */}}
+			<a class="github-latest-commit item muted" href="{{.RepoLink}}/commits/{{.RefTypeNameSubURL}}/{{.TreePath | PathEscapeSegments}}">
+				{{svg "octicon-history" 16}}{{ctx.Locale.Tr "repo.file_history"}}
 			</a>
 		{{end}}
 	</div>