From 7be33531b2d5a4e990006dc1ffbac4ebc74ba562 Mon Sep 17 00:00:00 2001
From: Apostol Apostolov <theapoapostolov@gmail.com>
Date: Thu, 21 May 2026 21:52:23 +0300
Subject: [PATCH] fix(dark-mode): correct background token on Compression
 Override select (#2513)

Integrated into release/v3.8.2
---
 src/app/(dashboard)/dashboard/combos/page.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/(dashboard)/dashboard/combos/page.tsx b/src/app/(dashboard)/dashboard/combos/page.tsx
index 483c13de89..445366fb50 100644
--- a/src/app/(dashboard)/dashboard/combos/page.tsx
+++ b/src/app/(dashboard)/dashboard/combos/page.tsx
@@ -1737,15 +1737,15 @@ function ComboCard({
                 value={compressionOverride}
                 onChange={(e) => handleCompressionOverrideChange(e.target.value)}
                 disabled={isSavingCompression}
-                className="text-xs py-1 px-2 rounded border border-black/10 dark:border-white/10 bg-white dark:bg-bg-main text-text-main focus:border-primary focus:outline-none transition-colors disabled:opacity-50 max-w-[130px] md:max-w-none"
+                className="text-xs py-1 px-2 rounded border border-black/10 dark:border-white/10 bg-surface text-text-main focus:border-primary focus:outline-none transition-colors disabled:opacity-50 max-w-[130px] md:max-w-none"
                 title={t("compressionOverride")}
               >
-                <option value="">Default</option>
-                <option value="off">Off</option>
-                <option value="lite">Lite</option>
-                <option value="standard">Standard</option>
-                <option value="aggressive">Aggressive</option>
-                <option value="ultra">Ultra</option>
+                <option value="" className="bg-surface text-text-main">Default</option>
+                <option value="off" className="bg-surface text-text-main">Off</option>
+                <option value="lite" className="bg-surface text-text-main">Lite</option>
+                <option value="standard" className="bg-surface text-text-main">Standard</option>
+                <option value="aggressive" className="bg-surface text-text-main">Aggressive</option>
+                <option value="ultra" className="bg-surface text-text-main">Ultra</option>
               </select>
             )}
             <button