From 2df4d4db0b1ccc67ba64bcededc37c641c7627cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Catriel=20M=C3=BCller?= <catrielmuller@gmail.com>
Date: Wed, 6 May 2026 14:33:12 -0300
Subject: [PATCH] refactor: use vscode font size

---
 .../webview-ui/kiloclaw/kiloclaw.css          | 30 +++++++++----------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/packages/kilo-vscode/webview-ui/kiloclaw/kiloclaw.css b/packages/kilo-vscode/webview-ui/kiloclaw/kiloclaw.css
index 526356cfeaf..a97a06b08c7 100644
--- a/packages/kilo-vscode/webview-ui/kiloclaw/kiloclaw.css
+++ b/packages/kilo-vscode/webview-ui/kiloclaw/kiloclaw.css
@@ -203,7 +203,7 @@
   border: none;
   padding: 0;
   margin: 0;
-  font-size: 14px;
+  font-size: var(--kilo-font-size-14);
   font-weight: 600;
   color: var(--vscode-foreground);
   cursor: pointer;
@@ -224,7 +224,7 @@
   background: var(--vscode-input-background);
   color: var(--vscode-input-foreground);
   padding: 4px 8px;
-  font-size: 14px;
+  font-size: var(--kilo-font-size-14);
   font-weight: 600;
   font-family: inherit;
 }
@@ -292,7 +292,7 @@
 .kiloclaw-convlist-empty {
   padding: 24px 16px;
   text-align: center;
-  font-size: 12px;
+  font-size: var(--kilo-font-size-12);
   color: var(--vscode-descriptionForeground);
 }
 
@@ -302,7 +302,7 @@
 
 .kiloclaw-convlist-grouplabel {
   padding: 8px 16px 4px;
-  font-size: 10px;
+  font-size: var(--kilo-font-size-10);
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.5px;
@@ -356,7 +356,7 @@
   background: var(--vscode-input-background);
   color: var(--vscode-input-foreground);
   padding: 2px 6px;
-  font-size: 12px;
+  font-size: var(--kilo-font-size-12);
   font-family: inherit;
 }
 
@@ -420,7 +420,7 @@
   border: 1px solid var(--vscode-panel-border);
   background: var(--vscode-button-background);
   color: var(--vscode-button-foreground);
-  font-size: 16px;
+  font-size: var(--kilo-font-size-16);
   cursor: pointer;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
 }
@@ -430,7 +430,7 @@
   align-items: center;
   gap: 6px;
   padding: 8px 16px;
-  font-size: 11px;
+  font-size: var(--kilo-font-size-11);
   color: var(--vscode-descriptionForeground);
   font-style: italic;
   flex-shrink: 0;
@@ -443,7 +443,7 @@
   padding: 8px 16px;
   background: var(--vscode-editorWidget-background);
   border-top: 1px solid var(--vscode-panel-border);
-  font-size: 12px;
+  font-size: var(--kilo-font-size-12);
   color: var(--vscode-descriptionForeground);
 }
 
@@ -521,7 +521,7 @@
 }
 
 .kiloclaw-msg-author {
-  font-size: 12px;
+  font-size: var(--kilo-font-size-12);
   font-weight: 500;
   color: var(--vscode-descriptionForeground);
   margin-bottom: 2px;
@@ -534,7 +534,7 @@
   gap: 4px;
   margin-bottom: 2px;
   padding: 0 4px;
-  font-size: 11px;
+  font-size: var(--kilo-font-size-11);
   color: var(--vscode-descriptionForeground);
   max-width: 100%;
   min-width: 0;
@@ -622,7 +622,7 @@
   align-items: center;
   justify-content: flex-end;
   gap: 4px;
-  font-size: 10px;
+  font-size: var(--kilo-font-size-10);
 }
 
 .kiloclaw-msg-own .kiloclaw-msg-footer {
@@ -659,7 +659,7 @@
 
 .kiloclaw-msg-action {
   padding: 4px 10px;
-  font-size: 12px;
+  font-size: var(--kilo-font-size-12);
   border-radius: 4px;
   border: none;
   cursor: pointer;
@@ -686,7 +686,7 @@
   display: flex;
   align-items: center;
   gap: 6px;
-  font-size: 11px;
+  font-size: var(--kilo-font-size-11);
   opacity: 0.7;
 }
 
@@ -711,7 +711,7 @@
   align-items: center;
   gap: 4px;
   padding: 2px 6px;
-  font-size: 11px;
+  font-size: var(--kilo-font-size-11);
   border-radius: 10px;
   background: var(--vscode-editorWidget-background);
   border: 1px solid var(--vscode-panel-border);
@@ -795,7 +795,7 @@
   border: none;
   padding: 4px 6px;
   cursor: pointer;
-  font-size: 14px;
+  font-size: var(--kilo-font-size-14);
   border-radius: 2px;
 }