diff --git a/packages/stats/app/src/routes/index.css b/packages/stats/app/src/routes/index.css index 5c5d4ebb45..720f5fd88f 100644 --- a/packages/stats/app/src/routes/index.css +++ b/packages/stats/app/src/routes/index.css @@ -2368,7 +2368,9 @@ 0 2px 6px #00000052; } -[data-page="stats"][data-theme="dark"] [data-component="leader-card"][data-active="true"] [data-slot="leader-watermark"], +[data-page="stats"][data-theme="dark"] + [data-component="leader-card"][data-active="true"] + [data-slot="leader-watermark"], [data-page="stats"][data-theme="dark"] [data-component="leader-card"]:hover [data-slot="leader-watermark"], [data-page="stats"][data-theme="dark"] [data-component="leader-card"]:focus-visible [data-slot="leader-watermark"], :root[data-stats-theme="dark"] diff --git a/packages/stats/app/src/routes/index.tsx b/packages/stats/app/src/routes/index.tsx index ceca6291d4..31b6bc2f8c 100644 --- a/packages/stats/app/src/routes/index.tsx +++ b/packages/stats/app/src/routes/index.tsx @@ -772,12 +772,7 @@ function stackedTopModelsSegments(point: UsagePoint) { .sort((a, b) => a.segment.value - b.segment.value || a.index - b.index) } -function getTopModelsSegmentColor( - model: string, - index: number, - muted: boolean, - activeModel: string | undefined, -) { +function getTopModelsSegmentColor(model: string, index: number, muted: boolean, activeModel: string | undefined) { if (activeModel !== undefined) return activeModel === model ? (usageColors[index] ?? "var(--stats-text)") : "var(--stats-layer-2)" if (muted) return "var(--stats-layer-2)"