Merge pull request #35033 from overleaf/mj-drop-dark-mode-components-opt-in

[web] Remove explicit dark mode component opt-in

GitOrigin-RevId: b28603a9989bd046039c247ee2cf9f740c9feac0

services/web/frontend/js/features/file-tree/components/file-tree-context-menu.tsx

@@ -95,12 +95,7 @@ function FileTreeContextMenu() {
       : 'down'
 
   return ReactDOM.createPortal(
-    <div
-      style={contextMenuCoords}
-      // TODO ide-redesign-cleanup: remove 'ide-redesign-main' class when old editor is removed
-      // It is only used to apply dark theme styles to the context menu in the new editor
-      className="context-menu ide-redesign-main"
-    >
+    <div style={contextMenuCoords} className="context-menu">
       <Dropdown
         show
         drop={dropDirection}

services/web/frontend/js/features/pdf-preview/components/pdf-preview-detached-root.tsx

@@ -28,15 +28,7 @@ function PdfPreviewDetachedRootContent() {
       activeOverallTheme === 'dark' ? 'default' : 'light'
   }, [activeOverallTheme])
 
-  return (
-    <EditorRedesignWrapper>
-      <PdfPreview />
-    </EditorRedesignWrapper>
-  )
-}
-function EditorRedesignWrapper({ children }: { children: React.ReactNode }) {
-  // TODO ide-redesign-cleanup: this wrapper should not be required
-  return <div className="ide-redesign-main">{children}</div>
+  return <PdfPreview />
 }
 
 export default PdfPreviewDetachedRoot // for testing

services/web/frontend/js/features/source-editor/components/tabs/tabs-context-menu.tsx

@@ -73,8 +73,7 @@ export function TabsContextMenu() {
     <div
       ref={menuRef}
       style={{ top: contextMenuTarget.top, left: contextMenuTarget.left }}
-      // TODO ide-redesign-cleanup: remove 'ide-redesign-main' class when old editor is removed
-      className="context-menu ide-redesign-main"
+      className="context-menu"
     >
       <Dropdown
         show