ColdBreeze/ColdBreeze-chat-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: polish dark mode

Browse Source
This commit is contained in:
Tristan Yang
2023-02-09 22:37:55 +08:00
parent 446e9a17d9
commit 38d0d243d0
16 changed files with 89 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.tsx
+2 -3
View File
@@ -14,12 +14,11 @@ import ReduxRoutes from "./routes";
import NewVersion from "./common/component/NewVersion";
// import i18n (needs to be bundled ;))
import './i18n';
import { isDarkMode } from './common/utils';
const root = ReactDOM.createRoot(document.getElementById("root") as HTMLElement);
// dark mode
const isDarkMode = localStorage.theme === 'dark';
const isLightMode = localStorage.theme === 'light';
if (isDarkMode || (!isLightMode && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
if (isDarkMode()) {
document.documentElement.classList.add('dark');
} else {
document.documentElement.classList.remove('dark');