---
title: "ui-themes"
url: "https://claudemods.dev/ko/builds/ui-themes-c9fd24"
source: "https://github.com/yugal1107/ui-themes"
source_type: "github"
repo: "https://github.com/yugal1107/ui-themes"
author: "yugal1107"
author_handle: "yugal1107"
stars: 7
category: "테마 및 외관"
categories: ["themes"]
tags: ["customization", "hooks", "statusline", "themes", "ui"]
permission_level: 2
scan_complete: true
install: "claude plugin marketplace add yugal1107/ui-themes\nclaude plugin install ui-themes@ui-themes"
added: "2026-10-10T16:06:46.502Z"
updated: "2026-10-10T13:01:33Z"
locale: "ko"
content_locale: "ko"
---

# ui-themes

Claude Code 터미널 UI용 전환 가능한 테마: 패딩된 프롬프트/응답 상자, 색상이 적용된 마크다운, 그리고 일치하는 상태 줄을 제공하며 /ui-theme로 전환할 수 있습니다.

## Description

ui-themes는 전환 가능한 터미널 UI 테마를 제공하는 Claude Code 플러그인입니다. 프롬프트와 응답 주위에 패딩된 색상 상자를 그리고, 응답 마크다운을 테마 색상(제목, 인라인 코드, 굵게, 링크, 글머리 기호, 인용)으로 렌더링하며, 모델, 폴더, git 브랜치, 컨텍스트, 5시간/7일 제한을 표시하는 선택적 한 줄 상태 줄을 포함합니다. claude-warm, night-blue, titanium 테마가 포함되어 있으며, /ui-theme 명령에서 선택기, 목록, 이름 또는 next 옵션을 통해 전환할 수 있습니다. Claude Code의 function-hook 플러그인 API를 기반으로 하며, 사용자는 ~/.claude/ui-themes/<name>.json에서 사용자 정의 테마를 만들 수 있습니다. 플러그인 마켓플레이스를 통해 설치합니다.

## Install

```
claude plugin marketplace add yugal1107/ui-themes
claude plugin install ui-themes@ui-themes
```

## Original README

# ui-themes

Switchable themes for the Claude Code terminal UI:

- Your prompts and Claude's replies drawn in padded, coloured boxes (Claude Code's defaults have no reply box and little prompt padding; the plugin draws both itself)
- Reply markdown in theme colours (headings, `inline code`, **bold**, links, bullets, quotes)
- A matching one-line status line: model (own icon and colour for Opus, Sonnet, Haiku and Fable), folder, git branch, context, 5h/7d limits
- `/ui-theme` to pick a theme from a list and switch everything at once

## Before and after

<table>
  <tr>
    <th>Before: Claude Code default</th>
    <th>After: <code>claude-warm</code></th>
  </tr>
  <tr>
    <td><img src="docs/before.png" alt="Claude Code without ui-themes"></td>
    <td><img src="docs/after-claude-warm.png" alt="Claude Code with the claude-warm theme"></td>
  </tr>
</table>

Replies get a padded charcoal box and themed markdown, prompts get a padded terracotta box, and the status line follows the theme.

<p align="center">
  <b>Also included: <code>night-blue</code></b>, one <code>/ui-theme next</code> away<br><br>
  <img src="docs/after-night-blue.png" alt="Claude Code with the night-blue theme" width="50%">
</p>

## Why I made this

I like coding agents like [Pi](https://pi.dev/), [OpenCode](https://opencode.ai) and [Oh My Pi](https://github.com/can1357/oh-my-pi). Their terminal UIs are clean, structured and light. Claude Code's felt messy and heavy next to them, and I didn't enjoy using it.

But I still use Claude Code. Claude's models are what I want to work with, and my Claude subscription only works through the Claude Code CLI, not through other harnesses. So I was stuck with a UI I didn't like.

When Claude Code added mods, I started tuning it to feel more like those agents: padded message boxes, readable markdown colours, a compact status line, and themes I can switch in one command. It isn't a copy of any of them, and it isn't finished, but it's already much nicer to live in every day.

If you're in the same spot, using Claude Code for the models while missing the feel of other agent CLIs, this plugin is for you.

Ships with three themes:

| Theme | Look |
|---|---|
| `claude-warm` (default) | Terracotta prompts, charcoal replies, Claude orange and honey text |
| `night-blue` | Navy prompts, near-black replies, bright blue and cyan text |
| `titanium` | Oh My Pi inspired: steel blue prompts, brushed titanium replies |

## Install

```
/plugin marketplace add yugal1107/ui-themes
/plugin install ui-themes@ui-themes
```

Restart Claude Code once after installing.

## Use

| Command | What it does |
|---|---|
| `/ui-theme` | Open a picker: arrow keys to choose, Enter to apply, Esc to close |
| `/ui-theme list` | Show the current theme and the available ones as text |
| `/ui-theme <name>` | Switch theme |
| `/ui-theme next` | Cycle to the next theme |
| `/ui-theme statusline` | Show how to enable the matching status line |

### Status line

The status line is optional. Add this to `~/.claude/settings.json`:

```json
"statusLine": { "type": "command", "command": "bash ~/.claude/ui-themes/statusline.sh" }
```

It needs `jq`, and its icons need a [Nerd Font](https://www.nerdfonts.com/) in your terminal.

## Make your own theme

Themes live in `~/.claude/ui-themes/<name>.json` (the built-in ones are copied there on first start). Copy one, rename it and change the colours; it shows up in `/ui-theme` right away.

```json
{
  "name": "claude-warm",
  "prompt": { "bg": "#4a2a1c" },
  "reply": { "bg": "#1a1a1a" },
  "markdown": {
    "code": "#e0a458", "bold": "#f5e6d3", "heading": "#d97757", "link": "#d97757",
    "bullet": "#d97757", "quote": "#a8998a", "rule": "#3a3029"
  },
  "statusline": {
    "model": "#d97757", "modelOpus": "#d97757", "modelSonnet": "#e0a458",
    "modelHaiku": "#a3b18a", "modelFable": "#c49bbb", "dir": "#f5e6d3", "git": "#a3b18a", "dirty": "#e0a458",
    "label": "#a8998a", "muted": "#8a7b6e", "ok": "#a3b18a", "warn": "#e0a458",
    "hot": "#e5534b", "sep": "#5c4a3d"
  }
}
```

## Notes

- Built on Claude Code's function-hook plugin API, which is in early access and may change between releases.
- Code blocks and tables keep Claude Code's own rendering.
- While a reply is still streaming, Claude Code draws it with its own view; it moves into the coloured box once the block finishes.
- `/theme` is Claude Code's own command and is left untouched; this plugin uses `/ui-theme`.