Skip to content

Commit f73d9ac

Browse files
committed
fix: add dark mode version of Settings Object cover image
Fixes #3078
1 parent 4637a92 commit f73d9ac

File tree

4 files changed

+6
-2
lines changed

4 files changed

+6
-2
lines changed
Loading
Loading
Binary file not shown.

packages/twenty-front/src/modules/settings/data-model/objects/SettingsObjectCoverImage.tsx

+6-2
Original file line numberDiff line numberDiff line change
@@ -8,11 +8,15 @@ import { Card } from '@/ui/layout/card/components/Card';
88
import { AnimatedFadeOut } from '@/ui/utilities/animation/components/AnimatedFadeOut';
99
import { cookieStorage } from '~/utils/cookie-storage';
1010

11-
import CoverImage from '../assets/cover.png';
11+
import DarkCoverImage from '../assets/cover-dark.png';
12+
import LightCoverImage from '../assets/cover-light.png';
1213

1314
const StyledCoverImageContainer = styled(Card)`
1415
align-items: center;
15-
background-image: url(${CoverImage.toString()});
16+
background-image: ${({ theme }) =>
17+
theme.name === 'light'
18+
? `url('${LightCoverImage.toString()}')`
19+
: `url('${DarkCoverImage.toString()}')`};
1620
background-size: cover;
1721
border-radius: ${({ theme }) => theme.border.radius.md};
1822
box-sizing: border-box;

0 commit comments

Comments
 (0)