Gitea 테마 적용 #2

2023.03.11 - [Project/개인 깃서버 제작] - 개인 Github 제작(Gitea) #1

개인 Github 제작(Gitea) #1

Gitea를 설치하는 방법은 여기 따로 되어 있다.

이제 하려고 하는 것은 테마 적용이다.

Gitea 테마 적용

초기 설정 후, Gitea를 들어가면 흰색의 기본 테마(gitea)로 설정되어 있다.

컴퓨터를 하는 공돌이로서 어두운 계열 다크모드 테마가 필요하여 테마를 바꾸고자 했다.

그래서 gitea의 테마를 찾고 있었다.

theme.park

theme.park는 여러가지 50여개의 호스팅 앱에 테마를 지원해준다.

그 중에 Gitea도 있다.

theme.park Docs를 이용하면 자세히 알 수 있다.

Gitea ⚙️ - theme.park Docs

테마 설정

설정 방법

gitea/templates/custom/ 경로에 body_outer_pre.tmpl 파일이 없다면 새로 생성해주고 아래와 같이 작성한다.

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

그리고 gitea/conf/app.ini 파일에 아래의 코드를 추가한다.

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

그렇게 하고 docker compose를 재실행한다.

 

테마를 변경하고자 한다면 설정 -> Appearance -> 기본 테마 선택을 통해 테마를 선택할 수 있다.

테마가 적용되지 않을 때

처음에 하라는 대로 했는데 테마가 적용되지 않았다. 이 다음 글인 logo와 favicon을 변경하는 글에서도 쓸텐데 파일을 수정하고 도커를 재시작을 했지만 적용이 되지 않을 때가 있다.

그 때는 강력 새로고침 또는 캐시 지우기 및 강력 새로고침을 하면 된다.

그리고 theme.park docs에는 Account에 테마 선택이 있다고 되어 있지만 Appearance에 있다.