From cc966142acc2a241a16d115e8eb7d97a3e0a0448 Mon Sep 17 00:00:00 2001 From: zipg Date: Tue, 22 Sep 2026 10:59:40 +0800 Subject: [PATCH] fix(theme): keep inverted text opaque over background images --- apps/desktop/src/App.vue | 2 +- .../connection/ConnectionDialog.vue | 2 +- .../src/components/editor/AiAssistant.vue | 4 +- .../components/grid/DataGridColumnHeader.vue | 10 ++--- .../grid/DataGridConditionEditor.vue | 2 +- .../components/nacos/NacosAdminConsole.vue | 2 +- .../src/components/ui/LightTooltip.vue | 2 +- .../components/ui/tooltip/TooltipContent.vue | 2 +- .../__tests__/useBackgroundImage.spec.ts | 39 ++++++++++++++++++ .../src/composables/useBackgroundImage.ts | 12 ++++-- .../app/__tests__/appBackgroundImage.spec.ts | 12 ++++++ .../desktop/src/lib/app/appBackgroundImage.ts | 19 +++++++++ apps/desktop/src/styles/tokens.css | 4 ++ .../issue-8678-tooltip-wallpaper-after.png | Bin 0 -> 53962 bytes .../issue-8678-tooltip-wallpaper-before.png | Bin 0 -> 52875 bytes .../issue-8678-wallpaper-dark-after.png | Bin 0 -> 479522 bytes 16 files changed, 96 insertions(+), 16 deletions(-) create mode 100644 docs/screenshots/issue-8678-tooltip-wallpaper-after.png create mode 100644 docs/screenshots/issue-8678-tooltip-wallpaper-before.png create mode 100644 docs/screenshots/issue-8678-wallpaper-dark-after.png diff --git a/apps/desktop/src/App.vue b/apps/desktop/src/App.vue index a826a272d6..ddb200a6d4 100644 --- a/apps/desktop/src/App.vue +++ b/apps/desktop/src/App.vue @@ -4498,7 +4498,7 @@ onUnmounted(() => { @animationend="finishSqlLibraryFlyAnimation(sqlLibraryFlyAnimation.id)" /> -
+
{{ toastMessage }}
-

{{ t(option.hintKey) }}

+

{{ t(option.hintKey) }}

diff --git a/apps/desktop/src/components/editor/AiAssistant.vue b/apps/desktop/src/components/editor/AiAssistant.vue index c03e03af30..680daf9d8e 100644 --- a/apps/desktop/src/components/editor/AiAssistant.vue +++ b/apps/desktop/src/components/editor/AiAssistant.vue @@ -5985,11 +5985,11 @@ async function openExternalUrl(url: string) { - - diff --git a/apps/desktop/src/components/grid/DataGridColumnHeader.vue b/apps/desktop/src/components/grid/DataGridColumnHeader.vue index 3d556ff871..5d2ec4761a 100644 --- a/apps/desktop/src/components/grid/DataGridColumnHeader.vue +++ b/apps/desktop/src/components/grid/DataGridColumnHeader.vue @@ -88,7 +88,7 @@ const emit = defineEmits<{