diff --git a/.github/release.md b/.github/release.md index 2bee78a..610ac01 100644 --- a/.github/release.md +++ b/.github/release.md @@ -49,13 +49,39 @@ determined. ## 📃 English (From AI) +### ✨ Feature + +- Added pink color theme +- Modified theme names displayed in appearance settings + +#### CSS Variables + +- Added `--custom-branch-menu-width` variable for setting branch menu width +- Added `--custom-user-menu-width` variable for setting user menu width + ### 🌈 Style +- Optimized dashboard style on user homepage + ##### More GitHub-like style -- Improved code file viewing experience (scrolling to bottom no longer causes file tree content overlap) +- Synced styles when viewing code file content (removed some bottom elements, optimized scrolling experience) +- Adjusted spacing, styles, and font sizes of page elements overall +- Synced dashboard styles under top issues/pull requests/milestones +- Synced styles of milestones/pinned Issues +- Synced page styles of notifications/subscriptions/follows/packages/tooltips/user avatar menus +- Synced branch menu width +- Synced star color for starred repositories ### 🐞 Fix - Fixed code highlight colors for red-green color blindness theme - Fixed button underline length for Chinese README in repositories +- Fixed content position on login two-factor authentication page +- Fixed style of operation and maintenance management panel in admin backend +- Reverted editor font size changes to avoid cursor misalignment +- Fixed rounded corners of last row in commit list +- Fixed rounded corners issue in Wiki pages and team menus under secondary navigation bar organization +- Fixed style of issue creation page +- Fixed issue where archive information box is inserted when issue timeline is too long in archived repositories +- Fixed avatar and button icon colors in PR merge operation comments under light theme diff --git a/README.md b/README.md index 76d77b3..4e6b313 100644 --- a/README.md +++ b/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 ``` -
+
Base

theme-github-light.css

@@ -75,6 +82,22 @@ THEMES = github-tritanopia-auto, github-tritanopia-light, github-tritanopia-dark
+### 粉色主题 + +```ini +THEMES = github-pink-auto, github-pink-light, github-pink-dark, github-pink-soft-dark +``` + +
+Pink +

theme-github-pink-light.css

+ +

theme-github-pink-dark.css

+ +

theme-github-pink-soft-dark.css

+ +
+ ## 自定义 CSS 变量 可以根据自己的偏好自定义主题的一部分样式 diff --git a/README_EN.md b/README_EN.md index 68e1ce4..bfeea33 100644 --- a/README_EN.md +++ b/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 ``` -
+
Base

theme-github-light.css

@@ -78,6 +85,22 @@ THEMES = github-tritanopia-auto, github-tritanopia-light, github-tritanopia-dark
+### Pink Themes + +```ini +THEMES = github-pink-auto, github-pink-light, github-pink-dark, github-pink-soft-dark +``` + +
+Pink +

theme-github-pink-light.css

+ +

theme-github-pink-dark.css

+ +

theme-github-pink-soft-dark.css

+ +
+ ## Custom CSS Variables You can customize parts of the theme style according to your preferences diff --git a/package.json b/package.json index 88c30b0..75b3b58 100644 --- a/package.json +++ b/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", diff --git a/screenshots/dashboard.png b/screenshots/dashboard.png new file mode 100644 index 0000000..dbd85e5 Binary files /dev/null and b/screenshots/dashboard.png differ diff --git a/screenshots/en/dashboard-en.png b/screenshots/en/dashboard-en.png new file mode 100644 index 0000000..4a8f7c7 Binary files /dev/null and b/screenshots/en/dashboard-en.png differ diff --git a/screenshots/pink/en/pink-dark-en.png b/screenshots/pink/en/pink-dark-en.png new file mode 100644 index 0000000..3d9be0b Binary files /dev/null and b/screenshots/pink/en/pink-dark-en.png differ diff --git a/screenshots/pink/en/pink-light-en.png b/screenshots/pink/en/pink-light-en.png new file mode 100644 index 0000000..372c0b5 Binary files /dev/null and b/screenshots/pink/en/pink-light-en.png differ diff --git a/screenshots/pink/en/pink-soft-dark-en.png b/screenshots/pink/en/pink-soft-dark-en.png new file mode 100644 index 0000000..a498111 Binary files /dev/null and b/screenshots/pink/en/pink-soft-dark-en.png differ diff --git a/screenshots/pink/pink-dark.png b/screenshots/pink/pink-dark.png new file mode 100644 index 0000000..d8a0363 Binary files /dev/null and b/screenshots/pink/pink-dark.png differ diff --git a/screenshots/pink/pink-light.png b/screenshots/pink/pink-light.png new file mode 100644 index 0000000..b8d002d Binary files /dev/null and b/screenshots/pink/pink-light.png differ diff --git a/screenshots/pink/pink-soft-dark.png b/screenshots/pink/pink-soft-dark.png new file mode 100644 index 0000000..5494cac Binary files /dev/null and b/screenshots/pink/pink-soft-dark.png differ