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;