From df2701508308d27b4aa90585a36ce60f5e4b62d1 Mon Sep 17 00:00:00 2001 From: bymyself Date: Thu, 25 Sep 2025 18:39:38 -0700 Subject: [PATCH] add theme-aware tooltip styling --- src/assets/css/style.css | 2 ++ src/renderer/extensions/vueNodes/composables/useNodeTooltips.ts | 2 +- 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/src/assets/css/style.css b/src/assets/css/style.css index 635beea43e..d331541f70 100644 --- a/src/assets/css/style.css +++ b/src/assets/css/style.css @@ -89,6 +89,8 @@ --color-sand-200: #d6cfc2; --color-sand-300: #888682; + --color-pure-white: #ffffff; + --color-slate-100: #9c9eab; --color-slate-200: #9fa2bd; --color-slate-300: #5b5e7d; diff --git a/src/renderer/extensions/vueNodes/composables/useNodeTooltips.ts b/src/renderer/extensions/vueNodes/composables/useNodeTooltips.ts index 0340474714..6fbfb9733f 100644 --- a/src/renderer/extensions/vueNodes/composables/useNodeTooltips.ts +++ b/src/renderer/extensions/vueNodes/composables/useNodeTooltips.ts @@ -93,7 +93,7 @@ export function useNodeTooltips( pt: { text: { class: - 'bg-charcoal-800 border border-slate-300 rounded-md px-4 py-2 text-white text-sm font-normal leading-tight max-w-75 shadow-none' + 'bg-pure-white dark-theme:bg-charcoal-800 border dark-theme:border-slate-300 rounded-md px-4 py-2 text-charcoal-700 dark-theme:text-pure-white text-sm font-normal leading-tight max-w-75 shadow-none' }, arrow: { class: 'before:border-slate-300'