[Obsidian] AnuPpuccin 테마 - background image 설정이 안 보일 때 해결 방법

 

최근 메모나 학습 정리를 좀 더 잘 관리하기 위해 Obsidian으로 갈아 타려하고 있다

Markdown 문법을 지원하고, 이식성도 좋고 무엇보다 UI와 퍼포먼스가 깔끔하고 부드러워서 좋은 느낌을 받았다

 

시작하기에 앞서 "보기 좋은게 먹기도 좋다"라는 말처럼 테마(Theme)를 꾸미는 것부터 가장 먼저 관심을 가졌다

AnuPpuccin 테마를 선택하고 따라하는데, 가장 중요한 Background 설정이 보이질 않았다

 

참고. https://www.youtube.com/watch?v=cw0XvIi5vP4

 

해결 과정 및 방법

찾아보니 background 설정 기능을 snippets 통해 활성화 가능하다는 내용이 있었다

 

참고. 깃허브 이슈

https://github.com/AnubisNekhet/AnuPpuccin/issues/255

The custom background feature has been moved to [this snippet](https://github.com/AnubisNekhet/AnuPpuccin/blob/main/snippets/cus

 

요약하자면 {valut}/.obsidian/snippets 디렉토리에 custom-background.css를 다운받아 넣고 리로드를 해야 한다

(편의 위해 css 파일 링크는 아래 첨부)

 

 

 

참고. custom-background.css 

https://github.com/AnubisNekhet/AnuPpuccin/blob/main/snippets/custom-background.css

AnuPpuccin/snippets/custom-background.css at main · AnubisNekhet/AnuPpuccin

 

 

custom-background.css 파일을 snippets 디렉토리에 이동/생성시킨다

- .obsidian 폴더 안에 snippets 폴더를 생성하고 css 파일을 추가하면 된다

 

 

옵시디언 테마 설정에 맨 하단에 CSS 스니펫을 새로고침하면 custom-background가 추가된 것을 확인할 수 있다. 활성화 하도록 하자

 

그리고 Style Settings 플러그인으로 이동하면 아래와 같이 Background 설정이 활성화되고 배경 이미지를 커스텀 할 수 있다

- Custom Background image URL 에서 url("이미지 주소") 형식으로 입력하면 배경 화면이 변경됨 

 

 

결과 화면

몽환적인게 너무 이뻐서 자주 손이 갈 거 같다