gitea-themes/README.md

4.0 KiB

Preview

Edge Dark

edge-dark

Edge Light

edge-light

Everforest Dark

everforest-dark

Everforest Light

everforest-light

Gruvbox Dark

gruvbox-dark

Gruvbox Light

gruvbox-light

Gruvbox Material Dark

gruvbox-material-dark

Gruvbox Material Light

gruvbox-material-light

Nord

nord

Palenight

palenight

Soft Era

soft-era

Sonokai

sonokai

Sonokai Andromeda

sonokai-andromeda

Sonokai Atlantis

sonokai-atlantis

Sonokai Espresso

sonokai-espresso

Sonokai Maia

sonokai-maia

Sonokai Shusia

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/assets/css && curl --output-dir <custom-path>/public/assets/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/assets/css && curl --output-dir <custom-path>/public/assets/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