From 064f9be7e4d23dfe1981c360f138521990692f38 Mon Sep 17 00:00:00 2001 From: erio Date: Wed, 4 Mar 2026 21:40:40 +0800 Subject: [PATCH] fix: add dark theme support for "open in new tab" FAB button The backdrop-blur background on the iframe "open in new tab" floating button was hardcoded to bg-white/80, making it look broken in dark theme. Added dark:bg-dark-800/80 variant for both PurchaseSubscription and CustomPage views. --- frontend/src/views/user/CustomPageView.vue | 2 +- frontend/src/views/user/PurchaseSubscriptionView.vue | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/frontend/src/views/user/CustomPageView.vue b/frontend/src/views/user/CustomPageView.vue index 532830a5..8e711e86 100644 --- a/frontend/src/views/user/CustomPageView.vue +++ b/frontend/src/views/user/CustomPageView.vue @@ -160,7 +160,7 @@ onUnmounted(() => { .custom-open-fab { @apply absolute right-3 top-3 z-10; - @apply shadow-sm backdrop-blur supports-[backdrop-filter]:bg-white/80; + @apply shadow-sm backdrop-blur supports-[backdrop-filter]:bg-white/80 dark:supports-[backdrop-filter]:bg-dark-800/80; } .custom-embed-frame { diff --git a/frontend/src/views/user/PurchaseSubscriptionView.vue b/frontend/src/views/user/PurchaseSubscriptionView.vue index d6d356f5..ef782f32 100644 --- a/frontend/src/views/user/PurchaseSubscriptionView.vue +++ b/frontend/src/views/user/PurchaseSubscriptionView.vue @@ -143,7 +143,7 @@ onUnmounted(() => { .purchase-open-fab { @apply absolute right-3 top-3 z-10; - @apply shadow-sm backdrop-blur supports-[backdrop-filter]:bg-white/80; + @apply shadow-sm backdrop-blur supports-[backdrop-filter]:bg-white/80 dark:supports-[backdrop-filter]:bg-dark-800/80; } .purchase-embed-frame {