Goatworks/Capital
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

💄 Dark mode

Browse Source
This commit is contained in:
LittleSheep 2025-01-04 18:50:12 +08:00
parent af2e87dd84
commit 907a87ed9a
8 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/CapDrawer.tsx
View File

@ -51,7 +51,14 @@ export function CapDrawer({ width, open, onClose }: { width: number; open: boole
<Box sx={{ width: width }} role="presentation" onClick={onClose}> <Box sx={{ width: width }} role="presentation" onClick={onClose}>
<Toolbar style={{ padding: 0 }}> <Toolbar style={{ padding: 0 }}>
<Box display="flex" gap={2} sx={{ mx: 2 }}> <Box display="flex" gap={2} sx={{ mx: 2 }}>
<Image src="/logo.png" width={28} height={28} alt="company logo" style={{ objectFit: 'contain' }} /> <Image
src="/logo.png"
width={28}
height={28}
alt="company logo"
style={{ objectFit: 'contain' }}
className="dark:invert"
/>
<Box display="flex" flexDirection="column" justifyContent="center"> <Box display="flex" flexDirection="column" justifyContent="center">
<Typography variant="body2" component="h2" fontWeight="bold" lineHeight={1.4}> <Typography variant="body2" component="h2" fontWeight="bold" lineHeight={1.4}>

6
src/pages/_app.tsx
View File

@ -16,9 +16,9 @@ const fontRoboto = Roboto({
const siteTheme = createTheme({ const siteTheme = createTheme({
cssVariables: true, cssVariables: true,
// colorSchemes: { colorSchemes: {
// dark: true, dark: true,
// }, },
palette: { palette: {
mode: 'light', mode: 'light',
primary: { primary: {

3
src/pages/index.tsx
View File

@ -22,7 +22,7 @@ export default function Home() {
<> <>
<Container sx={{ py: 24, display: 'flex', flexDirection: 'column', gap: 32 }}> <Container sx={{ py: 24, display: 'flex', flexDirection: 'column', gap: 32 }}>
<Box> <Box>
<Image src="/logo.png" width={128} height={128} alt="company logo" className="mb-2" /> <Image src="/logo.png" width={128} height={128} alt="company logo" className="mb-2 dark:invert" />
<Typography variant="h3" component="h1" gutterBottom> <Typography variant="h3" component="h1" gutterBottom>
Welcome to <br /> Welcome to <br />
the Solsynth Capital. the Solsynth Capital.
@ -92,6 +92,7 @@ export default function Home() {
width={256} width={256}
height={80} height={80}
style={{ marginLeft: '-20px' }} style={{ marginLeft: '-20px' }}
className="dark:invert"
/> />
<Typography variant="h4" component="h2" sx={{ my: 2 }}> <Typography variant="h4" component="h2" sx={{ my: 2 }}>
Made by Solsynth Made by Solsynth

2
src/pages/posts/[...id].tsx
View File

@ -199,7 +199,7 @@ export default function Post({ post, attachments }: InferGetServerSidePropsType<
<Divider /> <Divider />
<Box sx={{ mt: 2.5, maxWidth: 'unset' }} className="prose prose-lg"> <Box sx={{ mt: 2.5, maxWidth: 'unset' }} className="prose prose-lg dark:prose-invert">
{post.body.content && <div dangerouslySetInnerHTML={{ __html: post.body.content }} />} {post.body.content && <div dangerouslySetInnerHTML={{ __html: post.body.content }} />}
</Box> </Box>

2
src/pages/posts/index.tsx
View File

@ -97,7 +97,7 @@ export default function PostList({ posts, page, pages }: InferGetServerSideProps
<Divider /> <Divider />
<Box sx={{ maxWidth: 'unset' }} className="prose prose-md"> <Box sx={{ maxWidth: 'unset' }} className="prose prose-md dark:prose-invert">
{p.body.content && <div dangerouslySetInnerHTML={{ __html: p.body.content }} />} {p.body.content && <div dangerouslySetInnerHTML={{ __html: p.body.content }} />}
</Box> </Box>
</Box> </Box>

2
src/pages/products/solar-network.tsx
View File

@ -124,7 +124,7 @@ export default function ProductSolarNetwork() {
width={128} width={128}
height={128} height={128}
style={{ objectFit: 'cover' }} style={{ objectFit: 'cover' }}
className="shadow-xl rounded-2xl mx-auto mb-8 border border-1 border-gray-200" className="shadow-xl rounded-2xl mx-auto mb-8 border border-1 border-gray-200 dark:invert"
alt="solar network icon" alt="solar network icon"
/> />
<Box position="relative" width="fit-content" className="animate__animated animate__fadeInUp"> <Box position="relative" width="fit-content" className="animate__animated animate__fadeInUp">

2
src/pages/terms/privacy-policy.tsx
View File

@ -17,7 +17,7 @@ export default function PrivacyPolicy() {
<Divider /> <Divider />
<Box component="article" sx={{ my: 5, maxWidth: 'unset' }} className="prose prose-lg"> <Box component="article" sx={{ my: 5, maxWidth: 'unset' }} className="prose prose-lg dark:prose-invert">
<h2 id="introduction">Introduction</h2> <h2 id="introduction">Introduction</h2>
<p> <p>
We take your privacy seriously. This privacy policy outlines the types of personal information we collect, how We take your privacy seriously. This privacy policy outlines the types of personal information we collect, how

2
src/pages/terms/user-agreements.tsx
View File

@ -17,7 +17,7 @@ export default function PrivacyPolicy() {
<Divider /> <Divider />
<Box component="article" sx={{ my: 5, maxWidth: 'unset' }} className="prose prose-lg"> <Box component="article" sx={{ my: 5, maxWidth: 'unset' }} className="prose prose-lg dark:prose-invert">
<p> <p>
This Agreement applies to all Solsynth LLC products, including but not limited to Solar Network, Solian, This Agreement applies to all Solsynth LLC products, including but not limited to Solar Network, Solian,
DietaryGuard, AceField. DietaryGuard, AceField.