Fix session bar colors: use CSS variables instead of hardcoded hex

다크/라이트 테마 모두 var(--text), var(--muted), var(--line-strong) 사용.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
kim
2026-06-06 14:47:49 +09:00
co-authored by Claude Sonnet 4.6
parent 1a4f77f811
commit d58b8b4d32
+6 -6
View File
@@ -234,19 +234,19 @@
<div id="code-ai-session-bar" style="display:flex;align-items:center;padding:6px 10px;border-top:1px solid var(--line);background:var(--panel-2);flex-shrink:0;gap:8px">
<!-- 세션 정보 -->
<div style="display:flex;align-items:center;gap:6px;min-width:0;flex:1;overflow:hidden">
<span style="font-size:12px;color:#aaa;flex-shrink:0">세션</span>
<span id="code-ai-session-bar-project" style="font-size:12px;color:#ddd;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500">(전체)</span>
<span id="code-ai-session-bar-count" style="font-size:11px;color:#888;flex-shrink:0"></span>
<span style="font-size:12px;color:var(--muted);flex-shrink:0">세션</span>
<span id="code-ai-session-bar-project" style="font-size:12px;color:var(--text);font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500">(전체)</span>
<span id="code-ai-session-bar-count" style="font-size:11px;color:var(--muted);flex-shrink:0"></span>
</div>
<!-- 컨텍스트 사용량 -->
<div id="code-ai-ctx-wrap" title="클릭하면 최대값 재확인" onclick="_codeAiCtxMaxFetchedFor='';_fetchModelCtxMax(codeAiModel);" style="display:none;flex-shrink:0;align-items:center;gap:5px;cursor:pointer">
<span id="code-ai-ctx-label" style="font-size:12px;color:#ccc;white-space:nowrap;font-family:monospace"></span>
<div style="width:64px;height:6px;background:rgba(255,255,255,.15);border-radius:4px;overflow:hidden;flex-shrink:0">
<span id="code-ai-ctx-label" style="font-size:12px;color:var(--text);white-space:nowrap;font-family:monospace"></span>
<div style="width:64px;height:6px;background:var(--line-strong);border-radius:4px;overflow:hidden;flex-shrink:0">
<div id="code-ai-ctx-fill" style="height:100%;width:0%;border-radius:4px;transition:width .4s,background .4s"></div>
</div>
</div>
<!-- 새 세션 버튼 -->
<button onclick="codeAiClear()" title="새 세션 시작" style="flex-shrink:0;background:#1a3025;border:1px solid #3a6a4a;border-radius:6px;color:#8ecfa8;cursor:pointer;padding:4px 10px;font-size:12px;line-height:1.5;white-space:nowrap;font-weight:500">↺ 새 세션</button>
<button onclick="codeAiClear()" title="새 세션 시작" style="flex-shrink:0;background:var(--panel-2);border:1px solid var(--line-strong);border-radius:6px;color:var(--text);cursor:pointer;padding:4px 10px;font-size:12px;line-height:1.5;white-space:nowrap;font-weight:500">↺ 새 세션</button>
</div>
<div class="code-ai-input-row">
<textarea id="code-ai-input" placeholder="AI에게 질문..." rows="1"