cosmik.network
A social knowledge tool for researchers built on ATProto
fix: dashboard error theme colour
+74
-55
src/webapp/app/(dashboard)/error.tsx
+74
-55
src/webapp/app/(dashboard)/error.tsx
···
16
16
import DarkBG from '@/assets/semble-bg-dark.png';
17
17
import Link from 'next/link';
18
18
import { BiRightArrowAlt } from 'react-icons/bi';
19
-
import { useColorScheme } from '@mantine/hooks';
20
19
21
20
export default function Error() {
22
-
const colorScheme = useColorScheme();
21
+
return (
22
+
<>
23
+
{/* light mode background */}
24
+
<BackgroundImage
25
+
src={BG.src}
26
+
darkHidden
27
+
h={'100svh'}
28
+
pos={'fixed'}
29
+
top={0}
30
+
left={0}
31
+
style={{ zIndex: 102 }}
32
+
>
33
+
<Content />
34
+
</BackgroundImage>
35
+
36
+
{/* dark mode background */}
37
+
<BackgroundImage
38
+
src={DarkBG.src}
39
+
lightHidden
40
+
h={'100svh'}
41
+
pos={'fixed'}
42
+
top={0}
43
+
left={0}
44
+
style={{ zIndex: 102 }}
45
+
>
46
+
<Content />
47
+
</BackgroundImage>
48
+
</>
49
+
);
50
+
}
23
51
52
+
function Content() {
24
53
return (
25
-
<BackgroundImage
26
-
src={colorScheme === 'dark' ? DarkBG.src : BG.src}
27
-
h={'100svh'}
28
-
pos={'fixed'}
29
-
top={0}
30
-
left={0}
31
-
style={{ zIndex: 102 }}
32
-
>
33
-
<Center h={'100svh'} py={{ base: '2rem', xs: '5rem' }}>
34
-
<Container size={'xl'} p={'md'} my={'auto'}>
54
+
<Center h={'100svh'} py={{ base: '2rem', xs: '5rem' }}>
55
+
<Container size={'xl'} p={'md'} my={'auto'}>
56
+
<Stack>
57
+
<Stack align="center" gap={'xs'}>
58
+
<Image
59
+
src={SembleLogo.src}
60
+
alt="Semble logo"
61
+
w={48}
62
+
h={64.5}
63
+
mx={'auto'}
64
+
/>
65
+
<Badge size="sm">Alpha</Badge>
66
+
</Stack>
67
+
35
68
<Stack>
36
-
<Stack align="center" gap={'xs'}>
37
-
<Image
38
-
src={SembleLogo.src}
39
-
alt="Semble logo"
40
-
w={48}
41
-
h={64.5}
42
-
mx={'auto'}
43
-
/>
44
-
<Badge size="sm">Alpha</Badge>
45
-
</Stack>
46
-
47
-
<Stack>
48
-
<Text fz={'h1'} fw={600} ta={'center'}>
49
-
A social knowledge network for researchers
50
-
</Text>
51
-
<Text
52
-
fz={'h3'}
53
-
fw={600}
54
-
c={colorScheme === 'dark' ? '#1e4dd9' : '#1F6144'}
55
-
ta={'center'}
56
-
>
57
-
Follow your peers’ research trails. Surface and discover new
58
-
connections. Built on ATProto so you own your data.
59
-
</Text>
60
-
</Stack>
69
+
<Text fz={'h1'} fw={600} ta={'center'}>
70
+
A social knowledge network for researchers
71
+
</Text>
72
+
<Text fz={'h3'} fw={600} c={'#1e4dd9'} ta={'center'} lightHidden>
73
+
Follow your peers’ research trails. Surface and discover new
74
+
connections. Built on ATProto so you own your data.
75
+
</Text>
76
+
<Text fz={'h3'} fw={600} c={'#1F6144'} ta={'center'} darkHidden>
77
+
Follow your peers’ research trails. Surface and discover new
78
+
connections. Built on ATProto so you own your data.
79
+
</Text>
80
+
</Stack>
61
81
62
-
<Group justify="center" gap="md" mt={'lg'}>
63
-
<Button component={Link} href="/signup" size="lg">
64
-
Sign up
65
-
</Button>
82
+
<Group justify="center" gap="md" mt={'lg'}>
83
+
<Button component={Link} href="/signup" size="lg">
84
+
Sign up
85
+
</Button>
66
86
67
-
<Button
68
-
component={Link}
69
-
href="/login"
70
-
size="lg"
71
-
color="dark"
72
-
rightSection={<BiRightArrowAlt size={22} />}
73
-
>
74
-
Log in
75
-
</Button>
76
-
</Group>
77
-
</Stack>
78
-
</Container>
79
-
</Center>
80
-
</BackgroundImage>
87
+
<Button
88
+
component={Link}
89
+
href="/login"
90
+
size="lg"
91
+
color="dark"
92
+
rightSection={<BiRightArrowAlt size={22} />}
93
+
>
94
+
Log in
95
+
</Button>
96
+
</Group>
97
+
</Stack>
98
+
</Container>
99
+
</Center>
81
100
);
82
101
}
+1
-1
src/webapp/providers/mantine.tsx
+1
-1
src/webapp/providers/mantine.tsx