fix(packages/viewer): add manual dark mode support in VectrealViewer …

…component using js
Vectreal · Nov 24, 2024 · aaf5a14 · aaf5a14
1 parent c5c2145
commit aaf5a14
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/packages/viewer/src/vectreal-viewer.tsx b/packages/viewer/src/vectreal-viewer.tsx
@@ -131,8 +131,18 @@ const VectrealViewer = ({ model, ...props }: VectrealViewerProps) => {
     loader = <DefaultSpinner />,
   } = props;
 
+  // Check if the dark mode is manually enabled - This needs to be js because of CSS modules and minification
+  const isManualDarkModel = className?.split(' ').includes('dark');
+
   return (
-    <div className={cn('vctrl-viewer', styles['viewer'], className)}>
+    <div
+      className={cn(
+        className,
+        'vctrl-viewer',
+        styles['viewer'],
+        isManualDarkModel && styles.dark,
+      )}
+    >
       {model && (
         <Suspense fallback={<SpinnerWrapper loader={loader} />}>
           <Canvas