diff --git a/web-ui/code.html b/web-ui/code.html
index 0542136..0550d3c 100644
--- a/web-ui/code.html
+++ b/web-ui/code.html
@@ -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"