187 lines
4 KiB
Markdown
187 lines
4 KiB
Markdown
## Preview
|
|
|
|
### Edge Dark
|
|
|
|
|
|
|
|
### Edge Light
|
|
|
|
|
|
|
|
### Everforest Dark
|
|
|
|
|
|
|
|
### Everforest Light
|
|
|
|
|
|
|
|
### Gruvbox Dark
|
|
|
|
|
|
|
|
### Gruvbox Light
|
|
|
|
|
|
|
|
### Gruvbox Material Dark
|
|
|
|
|
|
|
|
### Gruvbox Material Light
|
|
|
|
|
|
|
|
### Nord
|
|
|
|
|
|
|
|
### Palenight
|
|
|
|
|
|
|
|
### Soft Era
|
|
|
|
|
|
|
|
### Sonokai
|
|
|
|
|
|
|
|
### Sonokai Andromeda
|
|
|
|
|
|
|
|
### Sonokai Atlantis
|
|
|
|
|
|
|
|
### Sonokai Espresso
|
|
|
|
|
|
|
|
### Sonokai Maia
|
|
|
|
|
|
|
|
### Sonokai Shusia
|
|
|
|
|
|
|
|
## Introduction
|
|
|
|
This is a port of some editor themes for Gitea (>= 1.18.0).
|
|
|
|
List of available themes:
|
|
|
|
- `edge-auto`
|
|
- `edge-dark`
|
|
- `edge-light`
|
|
- `everforest-auto`
|
|
- `everforest-dark`
|
|
- `everforest-light`
|
|
- `gruvbox-auto`
|
|
- `gruvbox-dark`
|
|
- `gruvbox-light`
|
|
- `gruvbox-material-auto`
|
|
- `gruvbox-material-dark`
|
|
- `gruvbox-material-light`
|
|
- `nord`
|
|
- `palenight`
|
|
- `soft-era`
|
|
- `sonokai`
|
|
- `sonokai-andromeda`
|
|
- `sonokai-atlantis`
|
|
- `sonokai-espresso`
|
|
- `sonokai-maia`
|
|
- `sonokai-shusia`
|
|
|
|
Themes with `auto` postfix will automatically switch between light and dark variants based on system settings.
|
|
|
|
## Installation
|
|
|
|
Take `edge-dark` for example.
|
|
|
|
### If Gitea is deployed via Docker
|
|
|
|
First of all, find the `CustomPath` via this command:
|
|
|
|
```bash
|
|
sudo docker exec -u <run-user> <gitea-container-name> gitea help
|
|
```
|
|
|
|
Where `<run-user>` is the value of `RUN_USER` in your Gitea config, default to `git`;
|
|
|
|
and `<gitea-container-name>` is the container name of your gitea instance that can be found via `docker ps`.
|
|
|
|
Now execute the following command to install this theme:
|
|
|
|
```bash
|
|
sudo docker exec -u <run-user> <gitea-container-name> sh -c 'mkdir -p <custom-path>/public/css && curl --output-dir <custom-path>/public/css -LO https://git.sainnhe.dev/sainnhe/gitea-themes/raw/branch/master/dist/theme-edge-dark.css'
|
|
```
|
|
|
|
Replace `<custom-path>` with the `CustomPath` in this command.
|
|
|
|
Then edit your Gitea config like this:
|
|
|
|
```dosini
|
|
[ui]
|
|
DEFAULT_THEME = auto
|
|
THEMES = auto,gitea,arc-green,edge-dark
|
|
```
|
|
|
|
Restart Gitea instance to apply change.
|
|
|
|
### If Gitea is not deployed via Docker
|
|
|
|
```bash
|
|
mkdir -p <custom-path>/public/css && curl --output-dir <custom-path>/public/css -LO https://git.sainnhe.dev/sainnhe/gitea-themes/raw/branch/master/dist/theme-edge-dark.css
|
|
```
|
|
|
|
Where `<custom-path>` can be found via `gitea help`.
|
|
|
|
Then edit your Gitea config like this:
|
|
|
|
```dosini
|
|
[ui]
|
|
DEFAULT_THEME = auto
|
|
THEMES = auto,gitea,arc-green,edge-dark
|
|
```
|
|
|
|
Restart Gitea instance to apply change.
|
|
|
|
## Meta tag
|
|
|
|
If you want to change the color of browser tabs / toolbar to match this theme, add `THEME_COLOR_META_TAG` to your config:
|
|
|
|
```dosini
|
|
[ui]
|
|
DEFAULT_THEME = auto
|
|
THEMES = auto,gitea,arc-green,edge-dark
|
|
THEME_COLOR_META_TAG = `#333644`
|
|
```
|
|
|
|
List of meta tag colors of each theme (excluding `*-auto` themes):
|
|
|
|
- `edge-dark`: `#333644`
|
|
- `edge-light`: `#eef1f4`
|
|
- `everforest-dark`: `#323c41`
|
|
- `everforest-light`: `#f3efda`
|
|
- `gruvbox-dark`: `#32302f`
|
|
- `gruvbox-light`: `#f4e8be`
|
|
- `gruvbox-material-dark`: `#32302f`
|
|
- `gruvbox-material-light`: `#f4e8be`
|
|
- `nord`: `#343b49`
|
|
- `palenight`: `#2c3043`
|
|
- `soft-era`: `#f4f0f0`
|
|
- `sonokai`: `#33353f`
|
|
- `sonokai-andromeda`: `#333648`
|
|
- `sonokai-atlantis`: `#333846`
|
|
- `sonokai-espresso`: `#393230`
|
|
- `sonokai-maia`: `#313b42`
|
|
- `sonokai-shusia`: `#37343a`
|
|
|
|
## License
|
|
|
|
[GPL 3](./LICENSE) © sainnhe
|