Skip to content
This repository was archived by the owner on Apr 28, 2025. It is now read-only.

Commit 18ef81e

Browse files
willpinhawillpinha
committed
add logo
1 parent 7318137 commit 18ef81e

File tree

6 files changed

+30
-10
lines changed

6 files changed

+30
-10
lines changed

‎app/components/loading/WelcomeLoading.tsx

Lines changed: 19 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Flex, Title } from "@mantine/core";
1+
import { Center, Flex, Image, Stack, Title } from "@mantine/core";
22
import { useTimeout } from "@mantine/hooks";
33
import { AnimatePresence, motion } from "framer-motion";
44
import { useEffect, useState } from "react";
@@ -24,9 +24,24 @@ function Base() {
2424
color: "white",
2525
}}
2626
>
27-
<Title>
28-
<TextTyping text="Mantine Themes." />
29-
</Title>
27+
<Stack>
28+
<motion.div
29+
initial={{ opacity: 0 }}
30+
animate={{ opacity: 1 }}
31+
transition={{ duration: 0.5 }}
32+
>
33+
<Center>
34+
<Image
35+
src="/logo-light.svg"
36+
alt="Mantine Themes"
37+
w={100}
38+
/>
39+
</Center>
40+
</motion.div>
41+
<Title>
42+
<TextTyping text="Mantine Themes." />
43+
</Title>
44+
</Stack>
3045
</Flex>
3146
</motion.div>
3247
);

‎app/root.tsx

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ export const links: LinksFunction = () => [
1818
},
1919
{
2020
rel: "icon",
21-
href: "/logo.svg",
21+
href: "/logo-dark.svg",
2222
},
2323
];
2424

@@ -33,12 +33,15 @@ export function Layout({ children }: { children: React.ReactNode }) {
3333
name="viewport"
3434
content="width=device-width, initial-scale=1"
3535
/>
36-
<ColorSchemeScript />
36+
<ColorSchemeScript defaultColorScheme="dark" />
3737
<Meta />
3838
<Links />
3939
</head>
4040
<body>
41-
<MantineProvider theme={themes[currentThemeName].mantineTheme}>
41+
<MantineProvider
42+
theme={themes[currentThemeName].mantineTheme}
43+
defaultColorScheme="dark"
44+
>
4245
<WelcomeLoading />
4346
{children}
4447
</MantineProvider>

‎app/themes/christimas.ts renamed to ‎app/themes/christmas.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { createMantineTheme } from "~/lib/create-mantine-theme";
22
import { Theme } from "~/lib/theme";
33

4-
export const christimas: Theme = {
4+
export const christmas: Theme = {
55
label: "🎄 Christmas",
66
mantineTheme: createMantineTheme({
77
baseHue: 140,

‎app/themes/index.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
import { ThemeName } from "~/lib/theme";
2-
import { christimas } from "./christimas";
2+
import { christmas } from "./christmas";
33
import { dracula } from "./dracula";
44
import { forest } from "./forest";
55

6-
export const themes = { christimas, dracula, forest };
6+
export const themes = { christmas, dracula, forest };
77

88
export const sortedThemeNames = Object.keys(themes)
99
.map((key) => key as ThemeName)

‎public/logo-dark.svg

Lines changed: 1 addition & 0 deletions
Loading

0 commit comments

Comments
 (0)