also change page color on toggle

hackclub · Oct 23, 2023 · 0db33f4 · 0db33f4
1 parent dd4b879
commit 0db33f4
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/big-interactive-pages/editor.tsx b/src/components/big-interactive-pages/editor.tsx
@@ -17,6 +17,7 @@ import MigrateToast from '../popups-etc/migrate-toast'
 import { highlightError, clearErrorHighlight } from '../../lib/engine/error'
 import { nanoid } from 'nanoid'
 import TutorialWarningModal from '../popups-etc/tutorial-warning'
+import { isDark } from '../../lib/state'
 
 interface EditorProps {
  persistenceState: Signal<PersistenceState>
@@ -223,7 +224,7 @@ export default function Editor({ persistenceState, cookies }: EditorProps) {
  <div class={styles.page}>
  <Navbar persistenceState={persistenceState} />
 
- <div class={styles.pageMain}>
+ <div class={styles.pageMain} style={{ backgroundColor: isDark.value ? "#2f2f2f" : "#fafed7" }}>
  <div className={styles.codeContainer}>
  <CodeMirror
  class={styles.code}