Trial dark mode

[IanMayo]

Fixes #102

[netlify]

✅ Deploy Preview for reactol ready!

Name	Link
🔨 Latest commit	80cd169
🔍 Latest deploy log	https://app.netlify.com/sites/reactol/deploys/67dae6788ed5b40008bbbe49
😎 Deploy Preview	https://deploy-preview-305--reactol.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

Pull Request Overview

This PR implements a trial dark mode feature while fixing #102. Key changes include:

• Updating the context provider (AppContextProvider) to manage dark mode state.
• Wrapping the application in a theme-aware ConfigProvider in the main entry file.
• Adjusting component styles (Documents, Document, Layers, GraphsPanel, etc.) to support dark mode.

Reviewed Changes

Copilot reviewed 8 out of 9 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
src/main.tsx	Wraps the Documents component in a ConfigProvider with dark/light theme settings.
src/state/AppContextProvider.tsx	Adds dark mode state, toggle function, and side effects for dark mode styling.
src/components/Document/index.tsx	Updates theming logic to adjust Ant Design component styles based on dark mode.
src/components/Layers/index.tsx	Modifies button group styling for layout consistency in dark mode.
src/components/Documents/index.tsx	Integrates dark mode toggle and dynamically loads flexlayout theme CSS based on mode.
src/components/ControlPanel/index.tsx	Removes background color styling to rely on theme defaults.
src/state/AppContext.ts	Extends the context interface to include dark mode properties.
src/components/GraphsPanel/index.tsx	Implements theme-based color adjustments in charts and other visual components.

Files not reviewed (1)

• src/styles/darkMode.css: Language not supported

Comments suppressed due to low confidence (1)

src/components/Layers/index.tsx:465

• Verify that setting the height to '0' is intentional; a zero height may collapse the button group and affect usability.

style={{ marginTop: '2px', height: '0' }}