37 lines
1.4 KiB
Markdown
37 lines
1.4 KiB
Markdown
# Gitea Theming
|
|
## Theme Directory
|
|
- Find where your `$CUSTOMPATH$` directory is, mine is `/data/gitea/public/css`.
|
|
## Gitea Version 1.18+
|
|
### [Sainnhe themes](https://git.sainnhe.dev/sainnhe/gitea-themes)
|
|
- Navigate to the theme directory and using `wget` you can download any of the raw files of the css theme
|
|
- Example for Nord: `wget https://git.sainnhe.dev/sainnhe/gitea-themes/raw/branch/master/dist/theme-nord.css`
|
|
- Once the file is copied, use your favorite editor to open the file.(Taken from changes of the official `arc-green` theme)
|
|
- Search for these values of the theme.
|
|
```css
|
|
--color-navbar: #222222;
|
|
--color-navbar-transparent: #22222200;
|
|
--color-nav-bg: unset;
|
|
--color-reaction-active-bg: var(--color-primary-alpha-40)
|
|
```
|
|
- Replace the lines with the new values.
|
|
```CSS
|
|
--color-header-wrapper: #222222;
|
|
--color-header-wrapper-transparent: #22222200;
|
|
--color-nav-bg: #222222;
|
|
--color-nav-hover-bg: #303030;
|
|
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
|
--color-label-text: #dbe0ea
|
|
```
|
|
- Once the file has been changed, navigate to the config file `app.ini`
|
|
- Mine is located in `/data/gitea/confs`
|
|
- Find the `[ui]` section and add in the name of the new theme to `THEMES`.
|
|
```ini
|
|
...
|
|
[ui]
|
|
THEMES = auto,gitea,arc-green,<your theme>
|
|
DEFAULT_THEME = <your theme>
|
|
...
|
|
```
|
|
- Save the file and restart the Gitea instance
|
|
- Navigate to the appearance section under your own account and change the theme.
|
|
 |