init

worklenz-frontend/src/index.tsx

@@ -0,0 +1,46 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import App from './App';
+import reportWebVitals from './reportWebVitals';
+import './i18n';
+import { Provider } from 'react-redux';
+import { store } from './app/store';
+import { applyCssVariables } from './styles/colors';
+import { ConfigProvider, theme } from 'antd';
+import { colors } from './styles/colors';
+import { getInitialTheme } from './utils/get-initial-theme';
+
+const initialTheme = getInitialTheme();
+
+// Apply CSS variables and initial theme
+applyCssVariables();
+
+const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
+
+document.documentElement.classList.add(initialTheme);
+document.documentElement.style.colorScheme = initialTheme;
+
+root.render(
+  <ConfigProvider
+    theme={{
+      algorithm: initialTheme === 'dark' ? theme.darkAlgorithm : theme.defaultAlgorithm,
+      components: {
+        Layout: {
+          colorBgLayout: initialTheme === 'dark' ? colors.darkGray : '#fafafa',
+        },
+        Spin: {
+          colorPrimary: initialTheme === 'dark' ? '#fff' : '#1890ff',
+        },
+      },
+    }}
+  >
+    <Provider store={store}>
+      <React.StrictMode>
+        <App />
+      </React.StrictMode>
+    </Provider>
+  </ConfigProvider>
+);
+
+reportWebVitals();