Hardcode dark theme

This commit is contained in:
Shantur Rathore
2025-10-30 09:55:18 +00:00
parent c854ee0659
commit 476834dab2
3 changed files with 13 additions and 13 deletions

View File

@@ -20,9 +20,9 @@ function applyTheme(dark: boolean) {
export function ThemeProvider(props: { children: JSX.Element }) {
const systemPrefersDark = window.matchMedia("(prefers-color-scheme: dark)")
const [isDark, setIsDarkSignal] = createSignal(systemPrefersDark.matches)
const [isDark, setIsDarkSignal] = createSignal(true) //systemPrefersDark.matches)
applyTheme(systemPrefersDark.matches)
applyTheme(true) //systemPrefersDark.matches)
async function loadTheme() {
try {
@@ -31,13 +31,13 @@ export function ThemeProvider(props: { children: JSX.Element }) {
let themeDark: boolean
if (savedTheme === "system") {
themeDark = systemPrefersDark.matches
themeDark = true //systemPrefersDark.matches
} else if (savedTheme === "dark") {
themeDark = true
} else if (savedTheme === "light") {
themeDark = false
themeDark = true //false
} else {
themeDark = systemPrefersDark.matches
themeDark = true //systemPrefersDark.matches
}
setIsDarkSignal(themeDark)

View File

@@ -8,28 +8,28 @@
:root {
color-scheme: light dark;
}
html,
/* html,
body {
background-color: #ffffff;
color: #1a1a1a;
}
@media (prefers-color-scheme: dark) {
@media (prefers-color-scheme: dark) { */
html,
body {
background-color: #1a1a1a;
color: #e0e0e0;
}
}
/* } */
</style>
<script>
;(function () {
try {
const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
if (prefersDark) {
// if (prefersDark) {
document.documentElement.setAttribute('data-theme', 'dark')
} else {
document.documentElement.removeAttribute('data-theme')
}
// } else {
// document.documentElement.removeAttribute('data-theme')
// }
} catch (error) {
console.warn('Failed to apply initial theme', error)
}