smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: further reduce darkmode init flash (#5701)

Browse source 
* feat: further reduce darkmode init flash

* fix lint

* tweak doc

* colocate code
This commit is contained in:
David Luzar 2022-09-16 17:12:24 +02:00 • committed by GitHub
parent 7eaf47c9d4
commit 9cccac1458
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 26 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/css/app.scss
View file

@ -34,6 +34,6 @@
}
.LoadingMessage--dark {
background-color: $oc-black;
color: $oc-white;
background-color: #121212;
color: #ced4da;
}

3
src/excalidraw-app/index.tsx
View file

@ -524,6 +524,9 @@ const ExcalidrawWrapper = () => {
useEffect(() => {
localStorage.setItem(STORAGE_KEYS.LOCAL_STORAGE_THEME, theme);
// currently only used for body styling during init (see public/index.html),
// but may change in the future
document.documentElement.classList.toggle("dark", theme === THEME.DARK);
}, [theme]);
const onChange = (