update readme

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

@@ -46,15 +46,16 @@ accepted.
 
 ## Installation
 
-1. Download the latest CSS theme file from the release page and place it in the `gitea/public/assets/css` directory
-2. Modify `gitea/conf/app.ini` and append the CSS filename without the `theme-` prefix to the end of `THEMES` under the
+1. Download the latest CSS theme file from the release page and place it in the `data/gitea/public/assets/css` directory
+   (This directory may not be available by default and needs to be manually created)
+2. Modify `data/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
 4. Check the theme in the settings
 
 Example: If the theme filename is `theme-github-dark.css`, add `github-dark` to the end of `THEMES`
 
-Example `gitea/conf/app.ini`:
+Example `data/gitea/conf/app.ini`:
 
 ```ini
 [ui]
@@ -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 `data/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,14 +41,14 @@ Gitea 理论上小版本号变更不会修改前端布局, 所以主题的小版
 
 ## 安装
 
-1. 在发布页下载最新的 CSS 主题文件放入 `gitea/public/assets/css` 目录下
-2. 修改 `gitea/conf/app.ini`，并将 CSS 文件名去掉 `theme-` 的名称附加到 `[ui]` 下的 `THEMES` 末尾
+1. 在发布页下载最新的 CSS 主题文件放入 `data/gitea/public/assets/css` 目录下 (默认可能没有此目录需手动创建)
+2. 修改 `data/gitea/conf/app.ini`，并将 CSS 文件名去掉 `theme-` 的名称附加到 `[ui]` 下的 `THEMES` 末尾
 3. 重启 Gitea
 4. 在设置中查看主题
 
 例: 主题文件名为 `theme-github-dark.css`，则添加 `github-dark` 到 `THEMES` 末尾
 
-`gitea/conf/app.ini` 例:
+`data/gitea/conf/app.ini` 例:
 
 ```ini
 [ui]
@@ -64,7 +64,7 @@ THEMES = gitea-auto, gitea-light, gitea-dark, github-auto, github-light, github-
 
 ### 模板文件安装 (可选)
 
-1. 在发布页下载最新的模板文件放入 `gitea/templates` 目录下
+1. 在发布页下载最新的模板文件放入 `data/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/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",