diff --git a/apps/desktop/src/components/layout/AppTabBar.vue b/apps/desktop/src/components/layout/AppTabBar.vue index d89d857d3..3656a61b3 100644 --- a/apps/desktop/src/components/layout/AppTabBar.vue +++ b/apps/desktop/src/components/layout/AppTabBar.vue @@ -478,13 +478,15 @@ function tabColorStyle(tab: QueryTab) { if (isClassic) { return { - backgroundColor: hexToRgba(color, isActive ? 0.16 : 0.07), + "--app-tab-background": hexToRgba(color, isActive ? 0.16 : 0.07), + "--app-tab-hover-background": hexToRgba(color, 0.14), boxShadow: isActive ? `inset 0 -2px 0 ${color}` : undefined, }; } return { - backgroundColor: hexToRgba(color, isActive ? 0.16 : 0.09), + "--app-tab-background": hexToRgba(color, isActive ? 0.16 : 0.09), + "--app-tab-hover-background": hexToRgba(color, 0.16), borderColor: isActive ? hexToRgba(color, 0.72) : hexToRgba(color, 0.18), }; } @@ -644,7 +646,7 @@ function onOverflowItemKeydown(event: KeyboardEvent, tabId: string, kind: "regul