From a0e9acce95fbb17cdb20e05a728d3ae79956a1c3 Mon Sep 17 00:00:00 2001 From: miracle Date: Fri, 3 Jul 2026 21:14:31 +0800 Subject: [PATCH] fix(ui): kafka agent icon contrast in dark theme --- apps/desktop/public/icons/database/kafka.svg | 17 +++++++++++------ packages/app-tests/databaseIconAssets.test.ts | 11 +++++++++++ 2 files changed, 22 insertions(+), 6 deletions(-) create mode 100644 packages/app-tests/databaseIconAssets.test.ts diff --git a/apps/desktop/public/icons/database/kafka.svg b/apps/desktop/public/icons/database/kafka.svg index cb90e601d..a25ab747f 100644 --- a/apps/desktop/public/icons/database/kafka.svg +++ b/apps/desktop/public/icons/database/kafka.svg @@ -1,21 +1,26 @@ - + - + - + - + - + - + + + + + + diff --git a/packages/app-tests/databaseIconAssets.test.ts b/packages/app-tests/databaseIconAssets.test.ts new file mode 100644 index 000000000..fc45d427a --- /dev/null +++ b/packages/app-tests/databaseIconAssets.test.ts @@ -0,0 +1,11 @@ +import assert from "node:assert/strict"; +import { readFileSync } from "node:fs"; +import path from "node:path"; +import { test } from "vitest"; + +test("Kafka database icon includes a light contrast stroke for dark themes", () => { + const svg = readFileSync(path.resolve("apps/desktop/public/icons/database/kafka.svg"), "utf8"); + + assert.match(svg, /stroke="#(?:F8FAFC|E5E7EB|FFFFFF)"/i); + assert.match(svg, /fill="#231F20"/i); +});