marcel/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-09-20 16:00:38 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: add system mode to the theme selector (#7853)

Browse Source 
Co-authored-by: dwelle <5153846+dwelle@users.noreply.github.com>
This commit is contained in:
Arnost Pleskot
2024-04-08 16:46:24 +02:00
committed by GitHub
parent 92bc08207c
commit cd50aa719f
21 changed files with 301 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/excalidraw/hooks/useCreatePortalContainer.ts
View File

@@ -1,5 +1,6 @@
import { useState, useLayoutEffect } from "react";
import { useDevice, useExcalidrawContainer } from "../components/App";
import { THEME } from "../constants";
import { useUIAppState } from "../context/ui-appState";
export const useCreatePortalContainer = (opts?: {
@@ -18,7 +19,7 @@ export const useCreatePortalContainer = (opts?: {
div.className = "";
div.classList.add("excalidraw", ...(opts?.className?.split(/\s+/) || []));
div.classList.toggle("excalidraw--mobile", device.editor.isMobile);
div.classList.toggle("theme--dark", theme === "dark");
div.classList.toggle("theme--dark", theme === THEME.DARK);
}
}, [div, theme, device.editor.isMobile, opts?.className]);