dark mode images for onboarding

Cable/Assets.xcassets/PoweredByVoltplan.imageset/Contents.json

@@ -5,11 +5,42 @@
       "idiom" : "universal",
       "scale" : "1x"
     },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "voltplan-logo-dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
     {
       "idiom" : "universal",
       "scale" : "2x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
       "idiom" : "universal",
       "scale" : "3x"
     }

Cable/Assets.xcassets/boat-onboarding.imageset/Contents.json

@@ -4,14 +4,45 @@
       "idiom" : "universal",
       "scale" : "1x"
     },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
     {
       "idiom" : "universal",
       "scale" : "2x"
     },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
     {
       "filename" : "boat-ob.png",
       "idiom" : "universal",
       "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "boat-ob-inv.png",
+      "idiom" : "universal",
+      "scale" : "3x"
     }
   ],
   "info" : {

Cable/Assets.xcassets/cabin-onboarding.imageset/Contents.json

@@ -4,14 +4,45 @@
       "idiom" : "universal",
       "scale" : "1x"
     },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
     {
       "idiom" : "universal",
       "scale" : "2x"
     },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
     {
       "filename" : "cabin-ob.png",
       "idiom" : "universal",
       "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "cabin-ob-inv.png",
+      "idiom" : "universal",
+      "scale" : "3x"
     }
   ],
   "info" : {

Cable/Assets.xcassets/van-onboarding.imageset/Contents.json

@@ -4,14 +4,45 @@
       "idiom" : "universal",
       "scale" : "1x"
     },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
     {
       "idiom" : "universal",
       "scale" : "2x"
     },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
     {
       "filename" : "van-ob.png",
       "idiom" : "universal",
       "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "van-ob-inv.png",
+      "idiom" : "universal",
+      "scale" : "3x"
     }
   ],
   "info" : {

Cable/SystemsOnboardingView.swift

@@ -21,11 +21,11 @@ struct SystemsOnboardingView: View {
     }
 
     var body: some View {
-        VStack(spacing: 32) {
+        VStack() {
             Spacer(minLength: 32)
 
             SystemsOnboardingCarousel(images: loopingImages, step: carouselStep)
-                .frame(height: 240)
+                .frame(height: 120)
                 .padding(.horizontal, 0)
 
             VStack(spacing: 12) {
@@ -33,14 +33,15 @@ struct SystemsOnboardingView: View {
                     .font(.title2.weight(.semibold))
                     .multilineTextAlignment(.center)
 
-                Text("Give your setup a name so Cable can organize loads, wiring, and recommendations in one place.")
+                Text("Give your setup a name so **Cable by VoltPlan** can organize loads, wiring, and recommendations in one place.")
                     .font(.body)
                     .foregroundStyle(Color.secondary)
                     .multilineTextAlignment(.center)
+                    .frame(minHeight: 96)
                     .padding(.horizontal, 12)
             }
             .padding(.horizontal, 24)
-
+            Spacer()
             VStack(spacing: 16) {
                 TextField("System Name", text: $systemName)
                     .textFieldStyle(.roundedBorder)
@@ -65,7 +66,6 @@ struct SystemsOnboardingView: View {
             }
             .padding(.horizontal, 24)
 
-            Spacer(minLength: 24)
         }
         .padding(.bottom, 32)
         .frame(maxWidth: .infinity, maxHeight: .infinity)