Frontend changes to accommodate curv deploy

app/web/src/components/CadPackage/CadPackage.tsx

@@ -25,8 +25,8 @@ export const cadPackageConfigs: { [key in CadPackageType]: CadPackageConfig } =
     },
     curv: {
       label: 'Curv',
-      buttonClasses: 'bg-ch-purple-500',
-      dotClasses: 'bg-yellow-300',
+      buttonClasses: 'bg-blue-600',
+      dotClasses: 'bg-green-500',
     },
     INIT: {
       label: '',
@@ -54,7 +54,7 @@ const CadPackage = ({
     <ButtonOrDiv
       onClick={onClick}
       className={
-        `grid grid-flow-col-dense items-center gap-2 text-gray-100 bg-opacity-30 
+        `grid grid-flow-col-dense items-center gap-2 text-gray-100 bg-opacity-30
          ${cadPackageConfig?.buttonClasses} ` + className
       }
     >

app/web/src/components/CaptureButton/CaptureButton.tsx

@@ -34,7 +34,7 @@ const CaptureButtonViewer = ({
   }
   const onCameraChange = (camera, isFirstCameraChange) => {
     const renderPromise =
-      state.ideType === 'openscad' &&
+      (state.ideType === 'openscad' || state.ideType === 'curv') &&
       requestRenderStateless({
         state,
         camera,

app/web/src/components/Hero/Hero.tsx

@@ -348,10 +348,10 @@ function ChooseYourCharacter() {
             cadPackage: 'jscad',
             desc: 'A JavaScript Code-CAD library that will feel familiar to web developers, based on the same tech as OpenSCAD.',
           },
-          // { // TODO add curv to this list.
-          //   cadPackage: 'curv',
-          //   desc: 'A language for creating 3D art',
-          // }
+          {
+            cadPackage: 'curv',
+            desc: "Curv is a programming language for creating art using mathematics. It's a 2D and 3D geometric modelling tool.",
+          }
         ].map(
           ({
             cadPackage,

app/web/src/components/NavPlusButton/NavPlusButton.tsx

@@ -98,8 +98,8 @@ const menuOptions: {
   {
     name: 'Curv',
     sub: 'alpha ',
-    bgClasses: 'bg-ch-blue-700',
-    dotClasses: 'bg-blue-800',
+    bgClasses: 'bg-blue-600',
+    dotClasses: 'bg-green-500',
     ideType: 'curv',
   },
 ]