4 KiB
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:
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:
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:
[ui]
DEFAULT_THEME = auto
THEMES = auto,gitea,arc-green,edge-dark
Restart Gitea instance to apply change.
If Gitea is not deployed via Docker
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:
[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:
[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
:#2d353b
everforest-light
:#f4f0d9
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 © sainnhe