From 095a47d63bbe215b489380fea617fe5a83356054 Mon Sep 17 00:00:00 2001
From: taiy <53635909+taiyme@users.noreply.github.com>
Date: Tue, 8 Oct 2024 13:54:33 +0900
Subject: [PATCH] =?UTF-8?q?perf(TmsInstanceTicker):=20color=E9=96=A2?=
 =?UTF-8?q?=E6=95=B0=E3=81=AB=E5=A4=89=E6=9B=B4=20(taiyme#283)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/components/MkInstanceTicker.impl.ts | 2 --
 packages/frontend/src/components/MkInstanceTicker.vue     | 4 ++--
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/src/components/MkInstanceTicker.impl.ts b/packages/frontend/src/components/MkInstanceTicker.impl.ts
index 1da350a8b3..d6c643cf70 100644
--- a/packages/frontend/src/components/MkInstanceTicker.impl.ts
+++ b/packages/frontend/src/components/MkInstanceTicker.impl.ts
@@ -60,7 +60,6 @@ export const getTickerInfo = (props: MkInstanceTickerProps): ITickerInfo => {
 type ITickerColors = {
 	readonly '--ticker-bg': string;
 	readonly '--ticker-fg': string;
-	readonly '--ticker-bg-rgb': string;
 };
 
 const TICKER_YUV_THRESHOLD = 191 as const;
@@ -81,7 +80,6 @@ export const getTickerColors = (info: ITickerInfo): ITickerColors => {
 	const tickerColors = {
 		'--ticker-fg': fgHex,
 		'--ticker-bg': bgHex,
-		'--ticker-bg-rgb': `${r}, ${g}, ${b}`,
 	} as const satisfies ITickerColors;
 
 	tickerColorsCache.set(bgHex, tickerColors);
diff --git a/packages/frontend/src/components/MkInstanceTicker.vue b/packages/frontend/src/components/MkInstanceTicker.vue
index df3e493fea..08e1b1b525 100644
--- a/packages/frontend/src/components/MkInstanceTicker.vue
+++ b/packages/frontend/src/components/MkInstanceTicker.vue
@@ -30,8 +30,8 @@ const tickerColorsRef = computed(() => getTickerColors(tickerInfoRef.value));
 	overflow: clip;
 	display: block;
 	box-sizing: border-box;
-	background-color: var(--ticker-bg, #777777);
-	color: var(--ticker-fg, #ffffff);
+	background-color: var(--ticker-bg, #777);
+	color: var(--ticker-fg, #fff);
 
 	--ticker-size: 2ex;
 	display: grid;