> For the complete documentation index, see [llms.txt](https://docs.studio.uzu-app.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.studio.uzu-app.com/ko/basic-features/effect/colortheme.md).

# 컬러 테마

컬러 테마

컬러 테마 페이지에서 컬러 테마 설정을 할 수 있습니다.

<figure><img src="https://2927197774-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg561ftM3GAQTUa9uyxd8%2Fuploads%2Fgit-blob-0b47e34ab9a8a5a8edd382cb8aadc1a174a8e63b%2Fimage%20(110).png?alt=media" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2927197774-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg561ftM3GAQTUa9uyxd8%2Fuploads%2Fgit-blob-c3c039bd639e91925190f091572a64eb48610692%2Fimage%20(111).png?alt=media" alt=""><figcaption></figcaption></figure>

테마는 2024/01/12 현재 다음 종류를 사용할 수 있습니다.

<table data-view="cards"><thead><tr><th></th><th></th><th></th></tr></thead><tbody><tr><td><strong>라이트</strong></td><td></td><td></td></tr><tr><td><strong>다크</strong></td><td><img src="https://2927197774-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg561ftM3GAQTUa9uyxd8%2Fuploads%2Fgit-blob-68f5e3d3e4de72614f922fa176b090d8469c7d74%2Fdark.png?alt=media" alt="" data-size="original"></td><td></td></tr><tr><td><strong>마린</strong></td><td></td><td></td></tr><tr><td><strong>앤티크</strong></td><td><img src="https://2927197774-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg561ftM3GAQTUa9uyxd8%2Fuploads%2Fgit-blob-c48cb76454c4ba9552d87c6e5762e6b0720eb42e%2Fantique.png?alt=media" alt="" data-size="original"></td><td></td></tr><tr><td><strong>드림</strong></td><td><img src="https://2927197774-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg561ftM3GAQTUa9uyxd8%2Fuploads%2Fgit-blob-f144880a984703db95f3219bb78f11ec891e13ca%2Fdream.png?alt=media" alt="" data-size="original"></td><td></td></tr><tr><td><strong>모던</strong></td><td><img src="https://2927197774-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg561ftM3GAQTUa9uyxd8%2Fuploads%2Fgit-blob-d60b6293058e6df6fb90b9405a0acb4abb2d6c6f%2Fmodern.png?alt=media" alt="" data-size="original"></td><td></td></tr><tr><td><strong>메카니컬</strong></td><td><img src="https://2927197774-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg561ftM3GAQTUa9uyxd8%2Fuploads%2Fgit-blob-067cdd1c5c591648044860ec4c56c2b1cfd211be%2Fmechanical.png?alt=media" alt="" data-size="original"></td><td></td></tr><tr><td><strong>노스탤지어</strong></td><td><img src="https://2927197774-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg561ftM3GAQTUa9uyxd8%2Fuploads%2Fgit-blob-4c931f19c13cffa1a3f82088f41b43dd69d2a0fa%2Fnostalgia.png?alt=media" alt="" data-size="original"></td><td></td></tr><tr><td><strong>사이버펑크</strong></td><td><img src="https://2927197774-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg561ftM3GAQTUa9uyxd8%2Fuploads%2Fgit-blob-77b1988c90ffb88c6304c9599f9021a2407cdcd9%2Fcyberpunk.png?alt=media" alt="" data-size="original"></td><td></td></tr></tbody></table>

글자색은 자동으로 최적화되므로, 모드에 맞춰 바꿀 필요는 없습니다.

![](https://2927197774-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg561ftM3GAQTUa9uyxd8%2Fuploads%2Fgit-blob-ab4a1b08ba92344121ad27a6178db3029d0b1c02%2Fmode2.png?alt=media)

### 설정한 시점에 컬러 테마가 변하지 않나요? <a href="#why-not-change" id="why-not-change"></a>

컬러 테마 설정 화면의 위에서부터 순서대로, ‘라이트: 단계 1이 시작됨’, ‘다크: 단계 2가 시작됨’이라는 테마를 설정했다고 가정합니다.

단계 2 시작 시점에 라이트에서 다크로 바뀌기를 바라지만, 이 설정으로는 바뀌지 않습니다.

단계 1 → 단계 2로 진행된 경우, ‘단계 1이 시작됨’이라는 조건은 단계 2가 시작되어도 여전히 충족되기 때문입니다. 조건은 더 위에 있는 이미지가 우선되므로, 라이트의 조건이 충족되는 한 계속 다크로 바뀌지 않습니다.

개선 방법\* 라이트의 조건을 「단계1이 진행 중」으로 바꾼다

* 라이트의 조건을 「단계1이 시작했으며 단계2에  도달하지 않았다」로 바꾼다