♻️ Migrate default background to white

Closes #248

apps/builder/public/bots/onboarding.json

@@ -616,7 +616,10 @@
         "url": "https://s3.eu-west-3.amazonaws.com/typebot/typebots/ckzp7a2za005809lczf2knzix/273013187_1315820332248257_6244778509534754615_n.jpg"
       }
     },
-    "general": { "font": "Open Sans", "background": { "type": "None" } }
+    "general": {
+      "font": "Open Sans",
+      "background": { "type": "Color", "content": "#ffffff" }
+    }
   },
   "settings": {
     "general": {

apps/builder/public/templates/customer-support.json

@@ -446,7 +446,10 @@
       "hostBubbles": { "color": "#303235", "backgroundColor": "#F7F8FF" },
       "guestBubbles": { "color": "#FFFFFF", "backgroundColor": "#FF8E21" }
     },
-    "general": { "font": "Open Sans", "background": { "type": "None" } }
+    "general": {
+      "font": "Open Sans",
+      "background": { "type": "Color", "content": "#ffffff" }
+    }
   },
   "settings": {
     "general": { "isBrandingEnabled": true },

apps/builder/public/templates/digital-product-payment.json

@@ -472,7 +472,10 @@
       "hostBubbles": { "color": "#303235", "backgroundColor": "#F7F8FF" },
       "guestBubbles": { "color": "#FFFFFF", "backgroundColor": "#FF8E21" }
     },
-    "general": { "font": "Open Sans", "background": { "type": "None" } }
+    "general": {
+      "font": "Open Sans",
+      "background": { "type": "Color", "content": "#ffffff" }
+    }
   },
   "settings": {
     "general": {

apps/builder/public/templates/faq.json

@@ -551,7 +551,10 @@
       "hostBubbles": { "color": "#303235", "backgroundColor": "#F7F8FF" },
       "guestBubbles": { "color": "#FFFFFF", "backgroundColor": "#FF8E21" }
     },
-    "general": { "font": "Open Sans", "background": { "type": "None" } }
+    "general": {
+      "font": "Open Sans",
+      "background": { "type": "Color", "content": "#ffffff" }
+    }
   },
   "settings": {
     "general": {

apps/builder/public/templates/lead-gen.json

@@ -340,7 +340,10 @@
       "hostBubbles": { "color": "#303235", "backgroundColor": "#F7F8FF" },
       "guestBubbles": { "color": "#FFFFFF", "backgroundColor": "#FF8E21" }
     },
-    "general": { "font": "Open Sans", "background": { "type": "None" } }
+    "general": {
+      "font": "Open Sans",
+      "background": { "type": "Color", "content": "#ffffff" }
+    }
   },
   "settings": {
     "general": { "isBrandingEnabled": true },

apps/builder/public/templates/lead-scoring.json

@@ -782,7 +782,10 @@
       "hostBubbles": { "color": "#303235", "backgroundColor": "#F7F8FF" },
       "guestBubbles": { "color": "#FFFFFF", "backgroundColor": "#FF8E21" }
     },
-    "general": { "font": "Open Sans", "background": { "type": "None" } }
+    "general": {
+      "font": "Open Sans",
+      "background": { "type": "Color", "content": "#ffffff" }
+    }
   },
   "settings": {
     "general": {

apps/builder/public/templates/quiz.json

@@ -951,7 +951,10 @@
       "hostBubbles": { "color": "#303235", "backgroundColor": "#F7F8FF" },
       "guestBubbles": { "color": "#FFFFFF", "backgroundColor": "#FF8E21" }
     },
-    "general": { "font": "Open Sans", "background": { "type": "None" } }
+    "general": {
+      "font": "Open Sans",
+      "background": { "type": "Color", "content": "#ffffff" }
+    }
   },
   "settings": {
     "general": {

packages/db/prisma/migrations/20230124131622_migrate_default_background_color/migration.sql

@@ -0,0 +1,16 @@
+-- Set background to white for all themes that have no background color set
+UPDATE
+  "Typebot" t
+SET
+  "theme" = jsonb_set(
+    jsonb_set(
+      t."theme",
+      '{general,background,type}',
+      '"Color"'
+    ),
+    '{general,background,content}',
+    '"#FFFFFF"'
+  ),
+  "updatedAt" = now()
+WHERE
+  t."theme" -> 'general' -> 'background' ->> 'type' = 'None'

packages/models/src/features/typebot/theme.ts

@@ -58,7 +58,10 @@ export const defaultTheme: Theme = {
       placeholderColor: '#9095A0',
     },
   },
-  general: { font: 'Open Sans', background: { type: BackgroundType.NONE } },
+  general: {
+    font: 'Open Sans',
+    background: { type: BackgroundType.COLOR, content: '#ffffff' },
+  },
 }
 
 export type Theme = z.infer<typeof themeSchema>