ClassroomCopilot/app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: bridge --cc-* tokens to tldraw --color-* variable layer; fix first-render theme fallback

Browse Source
This commit is contained in:
CC Worker 2026-05-31 22:56:31 +00:00
parent 0150ca3c32
commit 01a8a59349
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.tsx
View File

@ -20,7 +20,7 @@ const App = React.memo(() => {
const appTheme = useMemo(() => { const appTheme = useMemo(() => {
let mode: 'light' | 'dark'; let mode: 'light' | 'dark';
if (tldrawPreferences?.colorScheme === 'system') { if (tldrawPreferences?.colorScheme === 'system' || tldrawPreferences == null) {
mode = prefersDarkMode ? 'dark' : 'light'; mode = prefersDarkMode ? 'dark' : 'light';
} else { } else {
mode = tldrawPreferences?.colorScheme === 'dark' ? 'dark' : 'light'; mode = tldrawPreferences?.colorScheme === 'dark' ? 'dark' : 'light';

10
src/utils/tldraw/tldraw.css
View File

@ -1,2 +1,12 @@
@import url("@tldraw/tldraw/tldraw.css"); @import url("@tldraw/tldraw/tldraw.css");
@import url('./cc-design-system.css'); @import url('./cc-design-system.css');
.tl-container {
--color-panel: var(--cc-bg-panel);
--color-text: var(--cc-text-primary);
--color-muted: var(--cc-border);
--color-muted-1: var(--cc-border-strong);
--color-background: var(--cc-bg-canvas);
--color-selected: var(--cc-selected);
--color-accent: var(--cc-action-primary);
}