update readme
No files matched your search
@@ -12,7 +12,7 @@ A Gitea theme that pursues GitHub style not only in colors but also in styling d
|
||||
|
||||
</h4>
|
||||
|
||||

|
||||

|
||||
|
||||
> [!TIP]
|
||||
>
|
||||
@@ -56,6 +56,10 @@ Example `data/gitea/conf/app.ini`:
|
||||
THEMES = gitea-auto, gitea-light, gitea-dark, github-auto, github-light, github-dark, github-soft-dark
|
||||
```
|
||||
|
||||
> [!TIP]
|
||||
>
|
||||
> When THEMES is not set, Gitea will use all themes
|
||||
|
||||
For details, please refer to the Gitea documentation
|
||||
[Gitea docs](https://docs.gitea.com/next/administration/customizing-gitea#customizing-the-look-of-gitea)
|
||||
|
||||
@@ -99,11 +103,11 @@ THEMES = github-auto, github-light, github-dark, github-soft-dark
|
||||
<details>
|
||||
<summary>Base</summary>
|
||||
<h4>theme-github-light.css</h4>
|
||||
<img src="screenshots/en/light.png"/>
|
||||
<img src="screenshots/light.png"/>
|
||||
<h4>theme-github-dark.css</h4>
|
||||
<img src="screenshots/en/dark.png"/>
|
||||
<img src="screenshots/dark.png"/>
|
||||
<h4>theme-github-soft-dark.css</h4>
|
||||
<img src="screenshots/en/soft-dark.png"/>
|
||||
<img src="screenshots/soft-dark.png"/>
|
||||
</details>
|
||||
|
||||
### Colorblind Themes (Beta)
|
||||
@@ -116,9 +120,9 @@ THEMES = github-tritanopia-auto, github-tritanopia-light, github-tritanopia-dark
|
||||
<details>
|
||||
<summary>Colorblind & Tritanopia</summary>
|
||||
<h4>theme-github-colorblind-light.css & theme-github-tritanopia-light.css</h4>
|
||||
<img src="screenshots/en/colorblind-light.png"/>
|
||||
<img src="screenshots/colorblind/colorblind-light.png"/>
|
||||
<h4>theme-github-colorblind-dark.css & theme-github-tritanopia-dark.css</h4>
|
||||
<img src="screenshots/en/colorblind-dark.png"/>
|
||||
<img src="screenshots/colorblind/colorblind-dark.png"/>
|
||||
</details>
|
||||
|
||||
### Pink Themes
|
||||
@@ -130,11 +134,43 @@ THEMES = github-pink-auto, github-pink-light, github-pink-dark, github-pink-soft
|
||||
<details>
|
||||
<summary>Pink</summary>
|
||||
<h4>theme-github-pink-light.css</h4>
|
||||
<img src="screenshots/pink/en/pink-light-en.png"/>
|
||||
<img src="screenshots/pink/pink-light.png"/>
|
||||
<h4>theme-github-pink-dark.css</h4>
|
||||
<img src="screenshots/pink/en/pink-dark-en.png"/>
|
||||
<img src="screenshots/pink/pink-dark.png"/>
|
||||
<h4>theme-github-pink-soft-dark.css</h4>
|
||||
<img src="screenshots/pink/en/pink-soft-dark-en.png"/>
|
||||
<img src="screenshots/pink/pink-soft-dark.png"/>
|
||||
</details>
|
||||
|
||||
### Gitea Themes
|
||||
|
||||
```ini
|
||||
THEMES = github-gitea-auto, github-gitea-light, github-gitea-dark
|
||||
```
|
||||
|
||||
<details>
|
||||
<summary>Gitea</summary>
|
||||
<h4>theme-github-gitea-light.css</h4>
|
||||
<img src="screenshots/gitea/gitea-light.png"/>
|
||||
<h4>theme-github-gitea-dark.css</h4>
|
||||
<img src="screenshots/gitea/gitea-dark.png"/>
|
||||
</details>
|
||||
|
||||
### Catppuccin Themes
|
||||
|
||||
```ini
|
||||
THEMES = github-catppuccin-auto, github-catppuccin-latte, github-catppuccin-frappe, github-catppuccin-macchiato, github-catppuccin-mocha
|
||||
```
|
||||
|
||||
<details>
|
||||
<summary>Catppuccin</summary>
|
||||
<h4>theme-github-catppuccin-latte.css</h4>
|
||||
<img src="screenshots/catppuccin/catppuccin-latte.png"/>
|
||||
<h4>theme-github-catppuccin-frappe.css</h4>
|
||||
<img src="screenshots/catppuccin/catppuccin-frappe.png"/>
|
||||
<h4>theme-github-catppuccin-macchiato.css</h4>
|
||||
<img src="screenshots/catppuccin/catppuccin-macchiato.png"/>
|
||||
<h4>theme-github-catppuccin-mocha.css</h4>
|
||||
<img src="screenshots/catppuccin/catppuccin-mocha.png"/>
|
||||
</details>
|
||||
|
||||
## Custom CSS Variables
|
||||
|
||||
@@ -51,6 +51,10 @@ Gitea 理论上小版本号变更不会修改前端布局, 所以主题的小版
|
||||
THEMES = gitea-auto, gitea-light, gitea-dark, github-auto, github-light, github-dark, github-soft-dark
|
||||
```
|
||||
|
||||
> [!TIP]
|
||||
>
|
||||
> 不设置 THEMES 时, Gitea 会使用所有主题
|
||||
|
||||
详细请查看 Gitea 文档
|
||||
[Gitea docs](https://docs.gitea.com/next/administration/customizing-gitea#customizing-the-look-of-gitea)
|
||||
|
||||
@@ -111,9 +115,9 @@ THEMES = github-tritanopia-auto, github-tritanopia-light, github-tritanopia-dark
|
||||
<details>
|
||||
<summary>Colorblind & Tritanopia (红绿色盲 & 蓝色盲)</summary>
|
||||
<h4>theme-github-colorblind-light.css & theme-github-tritanopia-light.css</h4>
|
||||
<img src="screenshots/colorblind-light.png"/>
|
||||
<img src="screenshots/colorblind/colorblind-light.png"/>
|
||||
<h4>theme-github-colorblind-dark.css & theme-github-tritanopia-dark.css</h4>
|
||||
<img src="screenshots/colorblind-dark.png"/>
|
||||
<img src="screenshots/colorblind/colorblind-dark.png"/>
|
||||
</details>
|
||||
|
||||
### 粉色主题
|
||||
@@ -132,6 +136,38 @@ THEMES = github-pink-auto, github-pink-light, github-pink-dark, github-pink-soft
|
||||
<img src="screenshots/pink/pink-soft-dark.png"/>
|
||||
</details>
|
||||
|
||||
### Gitea 主题
|
||||
|
||||
```ini
|
||||
THEMES = github-gitea-auto, github-gitea-light, github-gitea-dark
|
||||
```
|
||||
|
||||
<details>
|
||||
<summary>Gitea</summary>
|
||||
<h4>theme-github-gitea-light.css</h4>
|
||||
<img src="screenshots/gitea/gitea-light.png"/>
|
||||
<h4>theme-github-gitea-dark.css</h4>
|
||||
<img src="screenshots/gitea/gitea-dark.png"/>
|
||||
</details>
|
||||
|
||||
### Catppuccin 主题
|
||||
|
||||
```ini
|
||||
THEMES = github-catppuccin-auto, github-catppuccin-latte, github-catppuccin-frappe, github-catppuccin-macchiato, github-catppuccin-mocha
|
||||
```
|
||||
|
||||
<details>
|
||||
<summary>Catppuccin</summary>
|
||||
<h4>theme-github-catppuccin-latte.css</h4>
|
||||
<img src="screenshots/catppuccin/catppuccin-latte.png"/>
|
||||
<h4>theme-github-catppuccin-frappe.css</h4>
|
||||
<img src="screenshots/catppuccin/catppuccin-frappe.png"/>
|
||||
<h4>theme-github-catppuccin-macchiato.css</h4>
|
||||
<img src="screenshots/catppuccin/catppuccin-macchiato.png"/>
|
||||
<h4>theme-github-catppuccin-mocha.css</h4>
|
||||
<img src="screenshots/catppuccin/catppuccin-mocha.png"/>
|
||||
</details>
|
||||
|
||||
## 自定义 CSS 变量
|
||||
|
||||
可以根据自己的偏好自定义主题的一部分样式
|
||||
|
||||
|
After Width: | Height: | Size: 270 KiB |
|
After Width: | Height: | Size: 270 KiB |
|
After Width: | Height: | Size: 273 KiB |
|
After Width: | Height: | Size: 270 KiB |
|
Before Width: | Height: | Size: 260 KiB |
|
Before Width: | Height: | Size: 259 KiB |
|
Before Width: | Height: | Size: 260 KiB After Width: | Height: | Size: 278 KiB |
|
Before Width: | Height: | Size: 593 KiB After Width: | Height: | Size: 602 KiB |
|
Before Width: | Height: | Size: 278 KiB |
|
Before Width: | Height: | Size: 602 KiB |
|
Before Width: | Height: | Size: 278 KiB |
|
Before Width: | Height: | Size: 279 KiB |
|
After Width: | Height: | Size: 265 KiB |
|
After Width: | Height: | Size: 264 KiB |
|
Before Width: | Height: | Size: 259 KiB After Width: | Height: | Size: 278 KiB |
|
Before Width: | Height: | Size: 191 KiB |
|
Before Width: | Height: | Size: 193 KiB |
|
Before Width: | Height: | Size: 189 KiB |
|
Before Width: | Height: | Size: 210 KiB After Width: | Height: | Size: 191 KiB |
|
Before Width: | Height: | Size: 191 KiB After Width: | Height: | Size: 193 KiB |
|
Before Width: | Height: | Size: 210 KiB After Width: | Height: | Size: 189 KiB |
|
Before Width: | Height: | Size: 261 KiB After Width: | Height: | Size: 279 KiB |