Merge pull request #29152 from overleaf/dp-dashboard-dark-mode

Add data-theme attribute to project list page GitOrigin-RevId: 3a623e3258d55e01f0911bcc45b78bcdba21745b
2025-10-22 08:05:34 +00:00
parent f3036e5979
commit 129ea72d36
12 changed files with 98 additions and 52 deletions
@@ -17,6 +17,7 @@ import {
 import EditorSurvey from '../editor-survey'
 import { useFeatureFlag } from '@/shared/context/split-test-context'
 import { useStatusFavicon } from '@/features/ide-react/hooks/use-status-favicon'
+import useThemedPage from '@/shared/hooks/use-themed-page'

 const MainLayoutNew = lazy(
  () => import('@/features/ide-redesign/components/main-layout')
@@ -32,6 +33,7 @@ export default function IdePage() {
  useRegisterUserActivity() // record activity and ensure connection when user is active
  useHasLintingError() // pass editor:lint hasLintingError to the compiler
  useStatusFavicon() // update the favicon based on the compile status
+  useThemedPage() // set the page theme based on user settings

  const newEditor = useIsNewEditorEnabled()
  const canAccessNewEditor = canUseNewEditor()