Nomchy/discord.js
1
0
Fork 0
mirror of https://github.com/discordjs/discord.js.git synced 2026-03-09 16:13:31 +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 />
</head>
<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 />
<ScrollRestoration />
<Scripts />

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

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