From 19eddf72cfc4becdfe159dc1116a17515161681a Mon Sep 17 00:00:00 2001
From: Pouria Delfanazari <pdelfan@gmail.com>
Date: Thu, 6 Nov 2025 10:33:35 -0800
Subject: [PATCH] fix: semble header theme color

---
 .../sembleContainer/SembleHeaderBackground.tsx         | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/webapp/features/semble/containers/sembleContainer/SembleHeaderBackground.tsx b/src/webapp/features/semble/containers/sembleContainer/SembleHeaderBackground.tsx
index 084b886f..6fc190b5 100644
--- a/src/webapp/features/semble/containers/sembleContainer/SembleHeaderBackground.tsx
+++ b/src/webapp/features/semble/containers/sembleContainer/SembleHeaderBackground.tsx
@@ -1,23 +1,21 @@
-'use client';
-
-import { useColorScheme } from '@mantine/hooks';
 import BG from '@/assets/semble-header-bg.webp';
 import DarkBG from '@/assets/semble-header-bg-dark.webp';
 import { Box, Image } from '@mantine/core';
 
 export default function SembleHeaderBackground() {
-  const colorScheme = useColorScheme();
-
   return (
     <Box style={{ position: 'relative', width: '100%' }}>
       <Image
-        src={colorScheme === 'dark' ? DarkBG.src : BG.src}
+        src={DarkBG.src}
         alt="bg"
         fit="cover"
         w="100%"
         h={80}
+        lightHidden
       />
 
+      <Image src={BG.src} alt="bg" fit="cover" w="100%" h={80} darkHidden />
+
       {/* White gradient overlay */}
       <Box
         style={{
-- 
2.51.2