Nomchy/discord.js
1
0
Fork 0
mirror of https://github.com/discordjs/discord.js.git synced 2026-03-16 11:33:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

refactor(theme): switch theme detection to use class

Browse Source
This commit is contained in:
iCrawl
2022-07-18 19:53:07 +02:00
parent b5d4b2d78b
commit 70dd757ec3
2 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/website/src/root.tsx
View File

@@ -24,6 +24,17 @@ export default function App() {
<Links /> <Links />
</head> </head>
<body> <body>
<script
dangerouslySetInnerHTML={{
__html: `(() => {
const prefersDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
const persistedColorPreference = localStorage.getItem('theme') || 'auto';
if (persistedColorPreference === 'dark' || (prefersDarkMode && persistedColorPreference !== 'light')) {
document.documentElement.classList.toggle('dark', true);
}
})();`,
}}
/>
<Outlet /> <Outlet />
<ScrollRestoration /> <ScrollRestoration />
<Scripts /> <Scripts />

4
packages/website/unocss.config.ts
View File

@@ -8,9 +8,7 @@ export default defineConfig({
}, },
}, },
presets: [ presets: [
presetUno({ presetUno({ dark: 'class' }),
dark: 'media',
}),
presetWebFonts({ presetWebFonts({
provider: 'google', provider: 'google',
fonts: { fonts: {