From b4ed51a814ec6310928de242c7bdd9a5b8d3923c Mon Sep 17 00:00:00 2001
From: Aditya Hegde <adityahegderocks@gmail.com>
Date: Thu, 17 Sep 2026 15:44:05 +0530
Subject: [PATCH] fix: white background in dark mode

---
 web-admin/src/features/billing/plans/EnterprisePlan.svelte      | 2 +-
 web-common/src/components/forms/Switch.svelte                   | 1 +
 .../components/table-toolbar/TableToolbarFilterDropdown.svelte  | 2 +-
 .../components/charts/custom-chart/AgenticChartPrompt.svelte    | 2 +-
 4 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/web-admin/src/features/billing/plans/EnterprisePlan.svelte b/web-admin/src/features/billing/plans/EnterprisePlan.svelte
index e30c898f9d0e..3a318e41dbc9 100644
--- a/web-admin/src/features/billing/plans/EnterprisePlan.svelte
+++ b/web-admin/src/features/billing/plans/EnterprisePlan.svelte
@@ -30,7 +30,7 @@
 
 <style lang="postcss">
   .contact-us-btn {
-    @apply text-sm font-medium text-primary-600 border border-primary-500 px-4 py-2 cursor-pointer bg-white rounded-none;
+    @apply text-sm font-medium text-primary-600 border border-primary-500 px-4 py-2 cursor-pointer rounded-none;
     height: 36px;
   }
 
diff --git a/web-common/src/components/forms/Switch.svelte b/web-common/src/components/forms/Switch.svelte
index 52ae71090b20..a8bf6493b4e9 100644
--- a/web-common/src/components/forms/Switch.svelte
+++ b/web-common/src/components/forms/Switch.svelte
@@ -33,6 +33,7 @@
   )}
   aria-label={label}
 >
+  <!-- TODO: Revisit the bg-white case. There is not good replacement right and background doesnt look bad on dark mode. -->
   <SwitchPrimitive.Thumb
     class={cn(
       "pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0",
diff --git a/web-common/src/components/table-toolbar/TableToolbarFilterDropdown.svelte b/web-common/src/components/table-toolbar/TableToolbarFilterDropdown.svelte
index 96f9faf3bda5..1869fc5d7f19 100644
--- a/web-common/src/components/table-toolbar/TableToolbarFilterDropdown.svelte
+++ b/web-common/src/components/table-toolbar/TableToolbarFilterDropdown.svelte
@@ -34,7 +34,7 @@
     <DropdownMenu.Trigger
       class="flex flex-row items-center gap-x-2 h-9 px-4 border rounded-[2px] shadow-xs text-sm font-medium cursor-pointer {hasActiveFilters
         ? 'bg-surface-hover border-border text-fg-accent'
-        : 'bg-white border-border text-fg-primary hover:bg-surface-hover'}"
+        : 'border-border text-fg-primary hover:bg-surface-hover'}"
       aria-label="Filter options"
     >
       <FilterOutlined size="16" />
diff --git a/web-common/src/features/canvas/components/charts/custom-chart/AgenticChartPrompt.svelte b/web-common/src/features/canvas/components/charts/custom-chart/AgenticChartPrompt.svelte
index 642e1ccfa3e6..b40d84775296 100644
--- a/web-common/src/features/canvas/components/charts/custom-chart/AgenticChartPrompt.svelte
+++ b/web-common/src/features/canvas/components/charts/custom-chart/AgenticChartPrompt.svelte
@@ -41,7 +41,7 @@
   <div class="flex flex-col items-center justify-center h-full gap-3 p-4">
     <div class="w-full max-w-md flex flex-col gap-3">
       <textarea
-        class="w-full px-3 py-2 text-sm border rounded-md border-gray-300 focus:outline-none focus:ring-1 focus:ring-primary-500 focus:border-primary-500 resize-none bg-white text-fg-primary placeholder:text-fg-muted"
+        class="w-full px-3 py-2 text-sm border rounded-md border-gray-300 focus:outline-none focus:ring-1 focus:ring-primary-500 focus:border-primary-500 resize-none bg-input text-fg-primary placeholder:text-fg-muted"
         rows="3"
         placeholder={m.canvas_describe_chart_prompt()}
         bind:value={prompt}