refactor: use vscode font size

This commit is contained in:
Catriel Müller
2026-05-06 14:33:12 -03:00
parent f40970557f
commit 2df4d4db0b
@@ -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;
}