diff --git a/src/webview/maturity/main.ts b/src/webview/maturity/main.ts
index 3f7dea7b..e2213d76 100644
--- a/src/webview/maturity/main.ts
+++ b/src/webview/maturity/main.ts
@@ -1,6 +1,7 @@
// Maturity Score webview
import { buttonHtml } from '../shared/buttonConfig';
import type { ContextReferenceUsage } from '../shared/contextRefUtils';
+import themeStyles from '../shared/theme.css';
import styles from './styles.css';
// ── Types ──────────────────────────────────────────────────────────────
@@ -113,7 +114,7 @@ function renderRadarChart(categories: CategoryScore[]): string {
const angle = startAngle + i * angleStep;
return `${cx + r * Math.cos(angle)},${cy + r * Math.sin(angle)}`;
}).join(' ');
- return ``;
+ return ``;
}).join('');
// Axis lines
@@ -121,7 +122,7 @@ function renderRadarChart(categories: CategoryScore[]): string {
const angle = startAngle + i * angleStep;
const x2 = cx + maxR * Math.cos(angle);
const y2 = cy + maxR * Math.sin(angle);
- return ``;
+ return ``;
}).join('');
// Data polygon
@@ -142,7 +143,7 @@ function renderRadarChart(categories: CategoryScore[]): string {
if (Math.cos(angle) < -0.3) { anchor = 'end'; }
else if (Math.cos(angle) > 0.3) { anchor = 'start'; }
return `${cat.icon} ${cat.category}`;
+ class="radar-label" font-size="14" font-weight="600">${cat.icon} ${cat.category}`;
}).join('');
// Stage dots
@@ -152,13 +153,13 @@ function renderRadarChart(categories: CategoryScore[]): string {
const x = cx + r * Math.cos(angle);
const y = cy + r * Math.sin(angle);
const color = stageColor(cat.stage);
- return ``;
+ return ``;
}).join('');
// Ring labels
const ringLabels = [1, 2, 3, 4].map(level => {
const r = (level / 4) * maxR;
- return `${level}`;
+ return `${level}`;
}).join('');
return `