diff --git a/GiteaThemes.md b/GiteaThemes.md new file mode 100644 index 0000000..23b886d --- /dev/null +++ b/GiteaThemes.md @@ -0,0 +1,37 @@ +# Gitea Theming +## Theme Directory +- Find where your $CUSTOMPAATH$ 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, +DEFAULT_THEME = +... +``` +- Save the file and restart the Gitea instance +- Navigate to the appearance section under your own account and change the theme. +![](images/2023-08-04_03.11.04AM.png) \ No newline at end of file diff --git a/images/2023-08-04_03.11.04AM.png b/images/2023-08-04_03.11.04AM.png new file mode 100644 index 0000000..16afe7e Binary files /dev/null and b/images/2023-08-04_03.11.04AM.png differ