Skip to content

logo Gitea

Custom Gitea CSS

Organizr Dark Theme

https://theme-park.dev/CSS/themes/gitea/XXX.css

aquamarine.css

hotline.css

hotpink.css

dracula.css

dark.css

organizr.css

space-gray.css

overseerr.css

plex.css

nord.css

🛠️ Installation

Info

Tested on Version: 1.15.4

Setup

If you want to add the theme with subfilter ect, click here: https://docs.theme-park.dev/setup/#methods

The theme is built on top of the Gitea theme, so make sure that is selected in user settings if using subfiltering. select

⚙️ Adding the themes in Gitea

Create a new file called header.tmpl and place it in gitea/templates/custom/header.tmpl. Create the template and custom folders if they do not exists.

In the header.tmpl file add the following:

{{ if .IsSigned }}
  {{ if and (ne .SignedUser.Theme "gitea") (ne .SignedUser.Theme "arc-green") }}
    <link rel="stylesheet" href="/styles.css">
    <link rel="stylesheet" href="/css/gitea.css">
    <link rel="stylesheet" href="https://theme-park.dev/CSS/themes/gitea/gitea-base.css">
    <link rel="stylesheet" href="https://theme-park.dev/CSS/variables/{{.SignedUser.Theme}}.css">
  {{end}}
{{ else if and (ne DefaultTheme "gitea") (ne DefaultTheme "arc-green") }}
  <link rel="stylesheet" href="/styles.css">
  <link rel="stylesheet" href="/css/gitea.css">
  <link rel="stylesheet" href="https://theme-park.dev/CSS/themes/gitea/gitea-base.css">
  <link rel="stylesheet" href="https://theme-park.dev/CSS/variables/{{DefaultTheme}}.css">
{{end}}

In the ..gitea/conf/app.ini file add the following.

[ui]
THEMES = gitea,arc-green,plex,aquamarine,dark,dracula,hotline,organizr,space-gray,hotpink,onedark,overseerr,nord
DEFAULT_THEME = gitea

Restart Gitea and you should now be able to select a theme in Settings->Account->Select default theme.

Then click the Update Theme button.

Screenshots

Aquamarine Theme

Hotline Theme

Hotpink Theme

Dracula Theme

Dark Theme

Organizr Theme

Space-gray Theme

Overseerr Theme

Plex Theme

Nord Theme


Last update: October 25, 2021