cosmik.network
A social knowledge tool for researchers built on ATProto
fix: semble header theme color
+4
-6
src/webapp/features/semble/containers/sembleContainer/SembleHeaderBackground.tsx
+4
-6
src/webapp/features/semble/containers/sembleContainer/SembleHeaderBackground.tsx
···
1
-
'use client';
2
-
3
-
import { useColorScheme } from '@mantine/hooks';
4
1
import BG from '@/assets/semble-header-bg.webp';
5
2
import DarkBG from '@/assets/semble-header-bg-dark.webp';
6
3
import { Box, Image } from '@mantine/core';
7
4
8
5
export default function SembleHeaderBackground() {
9
-
const colorScheme = useColorScheme();
10
-
11
6
return (
12
7
<Box style={{ position: 'relative', width: '100%' }}>
13
8
<Image
14
-
src={colorScheme === 'dark' ? DarkBG.src : BG.src}
9
+
src={DarkBG.src}
15
10
alt="bg"
16
11
fit="cover"
17
12
w="100%"
18
13
h={80}
14
+
lightHidden
19
15
/>
16
+
17
+
<Image src={BG.src} alt="bg" fit="cover" w="100%" h={80} darkHidden />
20
18
21
19
{/* White gradient overlay */}
22
20
<Box