display 主题按钮 hover 颜色亮度错误

.github/release-template.md

@@ -15,3 +15,7 @@
 #### CSS Variable
 
 ##### More GitHub-like style
+
+```text
+在 English 下方补充上面 Feature 以下部分的内容的中译英​
+```

.github/release.md

@@ -1,61 +1,9 @@
-### 🎉 已完成大部分页面的 GitHub 风格 ( GitHub Style Completed for Most Pages )
-
-如果您仍在使用旧版本，强烈建议更新至本版本。此版本已为大部分常用页面实现了 GitHub 风格设计，提供了更强的一致性，并修复了若干已知问题。
-
-由于布局限制，项目和百科页面的 GitHub 风格适配方案尚未确定。
-
-If you are still using an older version, we highly recommend updating to this release. This version has implemented the
-GitHub-style design for most commonly used pages, ensuring stronger consistency, and addresses several known issues.
-
-Due to layout constraints, the approach for adapting the GitHub style to Project and Wiki pages has not yet been
-determined.
-
-### ✨ Feature
-
-- 新增粉色颜色主题
-- 修改外观设置中显示的主题名称
-
-#### CSS 变量
-
-- 新增 `--custom-branch-menu-width` 变量, 用于设置分支菜单的宽度
-- 新增 `--custom-user-menu-width` 变量, 用于设置用户菜单的宽度
-
 ### 🌈 Style
 
-- 优化用户首页仪表板的样式
-
 ##### 更符合 GitHub 风格
 
-- 同步查看代码文件内容时的样式 (去掉了一些底部元素, 优化滚动体验)
+- 优化创建仓库标签管理菜单项的样式
-- 整体调整了页面元素的间隔, 样式和字体大小
-- 同步顶部工单/合并请求/里程碑下的仪表板样式
-- 同步里程碑/置顶 Issue 的样式
-- 同步通知/订阅/关注/软件包/提示框/用户头像菜单的页面样式
-- 同步分支菜单宽度
-- 同步仓库已标星的星星颜色
 
 ### 🐞 Fix
 
-- 修复红绿色盲主题的代码高亮色
+- 修复后台账户管理排序菜单项的宽度问题
-- 修复仓库中文 README 时的按钮下划线长度
-- 修复登录二次验证页面内容位置
-- 修复后台管理的运维管理面板的样式
-- 取消修改编辑器字体大小, 避免光标错位
-- 修复提交列表尾行圆角
-- 修复 Wiki 页面和二级导航栏组织下团队菜单的圆角问题
-- 修复创建工单页面样式
-- 修复归档仓库 Issue 时间线过长插入归档信息框
-- 修复亮色主题下的 PR 合并操作评论的头像和按钮图标颜色
-
-## 📃 English (From AI)
-
-### 🌈 Style
-
-##### More GitHub-like style
-
-- Improved code file viewing experience (scrolling to bottom no longer causes file tree content overlap)
-
-### 🐞 Fix
-
-- Fixed code highlight colors for red-green color blindness theme
-- Fixed button underline length for Chinese README in repositories

README.md

@@ -30,6 +30,11 @@ Gitea 理论上小版本号变更不会修改前端布局, 所以主题的小版
 >
 > 自动颜色主题需要亮色和暗色的主题文件
 
+> [!TIP]
+>
+> 推荐搭配 Catppuccin 文件图标浏览器插件一起使用更佳
+> [github-file-explorer-icons](https://github.com/catppuccin/github-file-explorer-icons)
+
 例: 主题文件名为 `theme-github-dark.css`，则添加 `github-dark` 到 `THEMES` 末尾
 
 `gitea/conf/app.ini` 例:
@@ -44,13 +49,15 @@ THEMES = gitea-auto, gitea-light, gitea-dark, github-auto, github-light, github-
 
 ## 截图
 
+![Dashboard](screenshots/dashboard.png)
+
 ### 基本主题
 
 ```ini
 THEMES = github-auto, github-light, github-dark, github-soft-dark
 ```
 
-<details open>
+<details>
 <summary>Base</summary>
 <h4>theme-github-light.css</h4>
 <img src="screenshots/light.png"/>
@@ -75,6 +82,22 @@ THEMES = github-tritanopia-auto, github-tritanopia-light, github-tritanopia-dark
 <img src="screenshots/colorblind-dark.png"/>
 </details>
 
+### 粉色主题
+
+```ini
+THEMES = github-pink-auto, github-pink-light, github-pink-dark, github-pink-soft-dark
+```
+
+<details>
+<summary>Pink</summary>
+<h4>theme-github-pink-light.css</h4>
+<img src="screenshots/pink/pink-light.png"/>
+<h4>theme-github-pink-dark.css</h4>
+<img src="screenshots/pink/pink-dark.png"/>
+<h4>theme-github-pink-soft-dark.css</h4>
+<img src="screenshots/pink/pink-soft-dark.png"/>
+</details>
+
 ## 自定义 CSS 变量
 
 可以根据自己的偏好自定义主题的一部分样式

README_EN.md

@@ -31,7 +31,12 @@ accepted.
 
 > [!IMPORTANT]
 >
-> Automatic color theme requires both light and dark theme files
+> Automatic color theme requires both light and dark theme files.
+
+> [!TIP]
+>
+> Recommend using Catppuccin file icon browser plugin together for better performance.
+> [github-file-explorer-icons](https://github.com/catppuccin/github-file-explorer-icons)
 
 Example: If the theme filename is `theme-github-dark.css`, add `github-dark` to the end of `THEMES`
 
@@ -47,13 +52,15 @@ For details, please refer to the Gitea documentation
 
 ## Screenshots
 
+![Dashboard](screenshots/en/dashboard-en.png)
+
 ### Basic Themes
 
 ```ini
 THEMES = github-auto, github-light, github-dark, github-soft-dark
 ```
 
-<details open>
+<details>
 <summary>Base</summary>
 <h4>theme-github-light.css</h4>
 <img src="screenshots/en/light.png"/>
@@ -78,6 +85,22 @@ THEMES = github-tritanopia-auto, github-tritanopia-light, github-tritanopia-dark
 <img src="screenshots/en/colorblind-dark.png"/>
 </details>
 
+### Pink Themes
+
+```ini
+THEMES = github-pink-auto, github-pink-light, github-pink-dark, github-pink-soft-dark
+```
+
+<details>
+<summary>Pink</summary>
+<h4>theme-github-pink-light.css</h4>
+<img src="screenshots/pink/en/pink-light-en.png"/>
+<h4>theme-github-pink-dark.css</h4>
+<img src="screenshots/pink/en/pink-dark-en.png"/>
+<h4>theme-github-pink-soft-dark.css</h4>
+<img src="screenshots/pink/en/pink-soft-dark-en.png"/>
+</details>
+
 ## Custom CSS Variables
 
 You can customize parts of the theme style according to your preferences

package.json

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

src/core/display.ts

@@ -54,7 +54,7 @@ export function display2GithubColor(
         bgColor: {
           ...baseGithubColor.button.primary.bgColor,
           rest: soft ? saturate(-0.1, scaleColorLight(displayColor.num5, -2)) : displayColor.num5,
-          hover: soft ? saturate(-0.1, scaleColorLight(displayColor.num5, -7)) : scaleColorLight(displayColor.num5, 5),
+          hover: soft ? saturate(-0.1, scaleColorLight(displayColor.num5, 3)) : scaleColorLight(displayColor.num5, 5),
         },
       },
       star: {

styles/public/dropdown.ts

@@ -19,6 +19,7 @@ export const dropdown = css`
         align-items: center;
         padding: 6px 8px !important;
         border-radius: ${otherThemeVars.border.radius} !important;
+        gap: 4px;
         &:not(.emoji) {
           margin: 0 8px;
         }
@@ -48,7 +49,7 @@ export const dropdown = css`
         }
         svg {
           margin-top: 2px;
-          margin-right: 8px;
+          margin-right: 4px;
         }
         // 复选框对齐
         .ui.checkbox input[type="checkbox"] {
@@ -91,7 +92,7 @@ export const dropdown = css`
   .user-menu>.item,
   // Issue/PR 菜单
   .ui.menu .ui.dropdown.item .menu .item {
-    width: auto;
+    width: calc(100% - 16px); // 减去上方 item 的 margin 左右边距
   }
   // 去掉下拉菜单的边框线
   // 设置里的下拉菜单
@@ -191,6 +192,13 @@ export const selectionDropdown = css`
     border-top-left-radius: ${otherThemeVars.border.radius} !important;
     border-top-right-radius: ${otherThemeVars.border.radius} !important;
   }
+  // 针对创建仓库的工单标签菜单中的标签换行和颜色
+  .ui.search.selection.dropdown > .menu > .item {
+    flex-wrap: wrap;
+    > i {
+      color: ${themeVars.color.text.light.num1};
+    }
+  }
 `;
 
 export const fixSelectionDropdown = css`