All Dark Now!

Guibe/5_HandChoiceViewController.swift

@@ -14,6 +14,9 @@ class H5ndChoiceViewController: UIViewController {
     @IBOutlet weak var rBtn: UIButton!
     @IBOutlet weak var textLbl: UITextView!
     @IBOutlet weak var altLbl: UILabel!
+    @IBOutlet var vCtrl: UIView!
+    @IBOutlet weak var lHand: UIButton!
+    @IBOutlet weak var rHand: UIButton!
     
     let defaults = UserDefaults.standard
     
@@ -34,6 +37,9 @@ class H5ndChoiceViewController: UIViewController {
     
     override func viewDidLoad() {
         super.viewDidLoad()
+        altLbl.textColor = UIColor.secondaryLabel
+        vCtrl.backgroundColor = UIColor.secondarySystemBackground
+        
         lBtn.accessibilityLabel = "Left Hand"
         rBtn.accessibilityLabel = "Right Hand"
         textLbl.accessibilityLabel = "where would you like to wear ghibe"

Guibe/6_SideChoiceViewController.swift

@@ -14,6 +14,8 @@ class S6deChoiceViewController: UIViewController {
     @IBOutlet weak var sBtn: UIButton!
     @IBOutlet weak var textLbl: UITextView!
     @IBOutlet weak var altLbl: UILabel!
+    @IBOutlet var vCtrl: UIView!
+    
     
     let defaults = UserDefaults.standard
     
@@ -35,6 +37,9 @@ class S6deChoiceViewController: UIViewController {
     override func viewDidLoad() {
         super.viewDidLoad()
         
+        vCtrl.backgroundColor = UIColor.secondarySystemBackground
+        textLbl.textColor = UIColor.secondaryLabel
+        
         bTtn.accessibilityLabel = "Big on top"
         sBtn.accessibilityLabel = "Small on top"
         textLbl.accessibilityLabel = "How would you like to wear ghibe"

Guibe/Assets.xcassets/SetLblColour.colorset/Contents.json

@@ -27,10 +27,10 @@
       "color" : {
         "color-space" : "srgb",
         "components" : {
-          "red" : "0.055",
+          "red" : "0.673",
           "alpha" : "1.000",
-          "blue" : "1.000",
+          "blue" : "0.180",
-          "green" : "0.138"
+          "green" : "0.144"
         }
       }
     }

Guibe/Assets.xcassets/buttonMedSize.imageset/Contents.json

@@ -5,15 +5,48 @@
       "filename" : "buttonMedSize.png",
       "scale" : "1x"
     },
+    {
+      "idiom" : "universal",
+      "filename" : "med-d.png",
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "scale" : "1x"
+    },
     {
       "idiom" : "universal",
       "filename" : "buttonMedSize-1.png",
       "scale" : "2x"
     },
+    {
+      "idiom" : "universal",
+      "filename" : "med-d-1.png",
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "scale" : "2x"
+    },
     {
       "idiom" : "universal",
       "filename" : "buttonMedSize-2.png",
       "scale" : "3x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "med-d-2.png",
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "scale" : "3x"
     }
   ],
   "info" : {

Guibe/Assets.xcassets/nextBtn.imageset/Contents.json

@@ -5,15 +5,48 @@
       "filename" : "nextBtn.png",
       "scale" : "1x"
     },
+    {
+      "idiom" : "universal",
+      "filename" : "next-d.png",
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "scale" : "1x"
+    },
     {
       "idiom" : "universal",
       "filename" : "nextBtn-1.png",
       "scale" : "2x"
     },
+    {
+      "idiom" : "universal",
+      "filename" : "next-d-1.png",
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "scale" : "2x"
+    },
     {
       "idiom" : "universal",
       "filename" : "nextBtn-2.png",
       "scale" : "3x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "next-d-2.png",
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "scale" : "3x"
     }
   ],
   "info" : {

Guibe/Assets.xcassets/s1l.imageset/Contents.json

@@ -5,15 +5,48 @@
       "filename" : "nl.png",
       "scale" : "1x"
     },
+    {
+      "idiom" : "universal",
+      "filename" : "lhd.png",
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "scale" : "1x"
+    },
     {
       "idiom" : "universal",
       "filename" : "nl-1.png",
       "scale" : "2x"
     },
+    {
+      "idiom" : "universal",
+      "filename" : "lhd-1.png",
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "scale" : "2x"
+    },
     {
       "idiom" : "universal",
       "filename" : "nl-2.png",
       "scale" : "3x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "lhd-2.png",
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "scale" : "3x"
     }
   ],
   "info" : {

Guibe/Assets.xcassets/s1r.imageset/Contents.json

@@ -5,15 +5,48 @@
       "filename" : "nr.png",
       "scale" : "1x"
     },
+    {
+      "idiom" : "universal",
+      "filename" : "rhd.png",
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "scale" : "1x"
+    },
     {
       "idiom" : "universal",
       "filename" : "nr-1.png",
       "scale" : "2x"
     },
+    {
+      "idiom" : "universal",
+      "filename" : "rhd-1.png",
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "scale" : "2x"
+    },
     {
       "idiom" : "universal",
       "filename" : "nr-2.png",
       "scale" : "3x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "rhd-2.png",
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "scale" : "3x"
     }
   ],
   "info" : {

Guibe/Assets.xcassets/s2b.imageset/Contents.json

@@ -5,15 +5,48 @@
       "filename" : "s2b.png",
       "scale" : "1x"
     },
+    {
+      "idiom" : "universal",
+      "filename" : "s2b-d.png",
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "scale" : "1x"
+    },
     {
       "idiom" : "universal",
       "filename" : "s2b-1.png",
       "scale" : "2x"
     },
+    {
+      "idiom" : "universal",
+      "filename" : "s2b-d-1.png",
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "scale" : "2x"
+    },
     {
       "idiom" : "universal",
       "filename" : "s2b-2.png",
       "scale" : "3x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "s2b-d-2.png",
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "scale" : "3x"
     }
   ],
   "info" : {

Guibe/Assets.xcassets/s2t.imageset/Contents.json

@@ -5,15 +5,48 @@
       "filename" : "s2t.png",
       "scale" : "1x"
     },
+    {
+      "idiom" : "universal",
+      "filename" : "s2t-d.png",
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "scale" : "1x"
+    },
     {
       "idiom" : "universal",
       "filename" : "s2t-1.png",
       "scale" : "2x"
     },
+    {
+      "idiom" : "universal",
+      "filename" : "s2t-d-1.png",
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "scale" : "2x"
+    },
     {
       "idiom" : "universal",
       "filename" : "s2t-2.png",
       "scale" : "3x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "s2t-d-2.png",
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "scale" : "3x"
     }
   ],
   "info" : {

Guibe/Assets.xcassets/startScreen.imageset/Contents.json

@@ -5,15 +5,48 @@
       "filename" : "startScreen.png",
       "scale" : "1x"
     },
+    {
+      "idiom" : "universal",
+      "filename" : "startScrDark.png",
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "scale" : "1x"
+    },
     {
       "idiom" : "universal",
       "filename" : "startScreen-1.png",
       "scale" : "2x"
     },
+    {
+      "idiom" : "universal",
+      "filename" : "startScrDark-1.png",
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "scale" : "2x"
+    },
     {
       "idiom" : "universal",
       "filename" : "startScreen-2.png",
       "scale" : "3x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "startScrDark-2.png",
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "scale" : "3x"
     }
   ],
   "info" : {

Guibe/AudioInstrViewController.swift

@@ -21,6 +21,7 @@
         @IBOutlet weak var b4: UIButton!
         @IBOutlet weak var b5: UIButton!
         @IBOutlet weak var stopBtn: UIButton!
+        @IBOutlet var vCtrl: UIView!
         
         
         @IBAction func b1p(_ sender: Any) {
@@ -68,6 +69,14 @@
         
         override func viewDidLoad() {
             super.viewDidLoad()
+            
+            vCtrl.backgroundColor = UIColor.secondarySystemBackground
+            b1.setTitleColor(UIColor.secondaryLabel, for: .normal)
+            b2.setTitleColor(UIColor.secondaryLabel, for: .normal)
+            b3.setTitleColor(UIColor.secondaryLabel, for: .normal)
+            b4.setTitleColor(UIColor.secondaryLabel, for: .normal)
+            b5.setTitleColor(UIColor.secondaryLabel, for: .normal)
+            
             b1.accessibilityLabel = "connecting your ghibe"
             b2.accessibilityLabel = "wearing your ghibe"
             b3.accessibilityLabel = "ghibe language"

Guibe/Base.lproj/Main.storyboard

@@ -81,7 +81,7 @@
                 </viewController>
                 <placeholder placeholderIdentifier="IBFirstResponder" id="OjR-hE-Zab" userLabel="First Responder" sceneMemberID="firstResponder"/>
             </objects>
-            <point key="canvasLocation" x="883" y="21"/>
+            <point key="canvasLocation" x="882.60869565217399" y="20.758928571428569"/>
         </scene>
         <!--Audio Instr View Controller-->
         <scene sceneID="4o1-gb-Vqe">
@@ -170,11 +170,10 @@
                                 <rect key="frame" x="79" y="54" width="256" height="36"/>
                                 <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                 <fontDescription key="fontDescription" type="boldSystem" pointSize="30"/>
-                                <color key="textColor" red="1" green="0.14913141730000001" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                <color key="textColor" name="SetLblColour"/>
                                 <nil key="highlightedColor"/>
                             </label>
                         </subviews>
-                        <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
                         <viewLayoutGuide key="safeArea" id="LBL-gp-rVB"/>
                     </view>
                     <navigationItem key="navigationItem" id="V1q-vh-VvI"/>
@@ -186,6 +185,7 @@
                         <outlet property="b5" destination="wRc-HL-Qwu" id="PXx-nR-mPk"/>
                         <outlet property="nextBtn" destination="zW8-xT-g1N" id="yPM-Mh-sky"/>
                         <outlet property="stopBtn" destination="aMP-Wg-eBe" id="NPV-1l-7Id"/>
+                        <outlet property="vCtrl" destination="lGA-WW-NXa" id="UFa-EV-4x4"/>
                     </connections>
                 </viewController>
                 <placeholder placeholderIdentifier="IBFirstResponder" id="S35-bL-bxs" userLabel="First Responder" sceneMemberID="firstResponder"/>
@@ -203,7 +203,7 @@
                             <button opaque="NO" contentMode="scaleAspectFill" fixedFrame="YES" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="gt2-6x-6Ha">
                                 <rect key="frame" x="96" y="616" width="223" height="225"/>
                                 <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                                <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
                                 <state key="normal" backgroundImage="s1r"/>
                                 <connections>
                                     <action selector="ritHandPressed:" destination="1fA-dZ-9ei" eventType="touchUpInside" id="lim-hM-PE5"/>
@@ -220,7 +220,6 @@
                             <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" textAlignment="center" lineBreakMode="tailTruncation" numberOfLines="2" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="yHM-ZX-6fF">
                                 <rect key="frame" x="47" y="103" width="317" height="91"/>
                                 <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                                <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
                                 <string key="text">Where would you like 
 to wear Guibe?</string>
                                 <fontDescription key="fontDescription" type="system" pointSize="31"/>
@@ -230,7 +229,7 @@ to wear Guibe?</string>
                             <button opaque="NO" contentMode="scaleAspectFill" fixedFrame="YES" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="WEN-tY-jI4">
                                 <rect key="frame" x="105" y="275" width="204" height="228"/>
                                 <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                                <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
                                 <state key="normal" backgroundImage="s1l"/>
                                 <connections>
                                     <action selector="lftHandPressed:" destination="1fA-dZ-9ei" eventType="touchUpInside" id="6or-Mz-hWx"/>
@@ -240,25 +239,27 @@ to wear Guibe?</string>
                                 <rect key="frame" x="143" y="549" width="135" height="35"/>
                                 <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                 <fontDescription key="fontDescription" type="system" pointSize="29"/>
-                                <color key="textColor" red="1" green="0.039215686270000001" blue="0.0" alpha="1" colorSpace="calibratedRGB"/>
+                                <color key="textColor" name="SetLblColour"/>
                                 <nil key="highlightedColor"/>
                             </label>
                             <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" text="Left hand" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="fxN-Xp-KaR">
                                 <rect key="frame" x="148" y="232" width="118" height="35"/>
                                 <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                 <fontDescription key="fontDescription" type="system" pointSize="29"/>
-                                <color key="textColor" red="1" green="0.039215686274509803" blue="0.0" alpha="1" colorSpace="calibratedRGB"/>
+                                <color key="textColor" name="SetLblColour"/>
                                 <nil key="highlightedColor"/>
                             </label>
                         </subviews>
-                        <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
                         <viewLayoutGuide key="safeArea" id="DBZ-Gw-djK"/>
                     </view>
                     <connections>
                         <outlet property="altLbl" destination="yHM-ZX-6fF" id="e8x-XY-Zkz"/>
                         <outlet property="lBtn" destination="WEN-tY-jI4" id="BzR-OW-zgd"/>
+                        <outlet property="lHand" destination="WEN-tY-jI4" id="VRd-Va-Am4"/>
                         <outlet property="rBtn" destination="gt2-6x-6Ha" id="DLS-p6-M6G"/>
+                        <outlet property="rHand" destination="gt2-6x-6Ha" id="5Bd-JA-1BN"/>
                         <outlet property="textLbl" destination="Y4u-0e-LuF" id="OWv-AA-Zfi"/>
+                        <outlet property="vCtrl" destination="yFE-3g-5Bb" id="1Ep-9i-VGb"/>
                     </connections>
                 </viewController>
                 <placeholder placeholderIdentifier="IBFirstResponder" id="F9v-Vk-vwE" userLabel="First Responder" sceneMemberID="firstResponder"/>
@@ -276,7 +277,7 @@ to wear Guibe?</string>
                             <button opaque="NO" contentMode="scaleAspectFill" fixedFrame="YES" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="knf-O9-7aw">
                                 <rect key="frame" x="88" y="271" width="237" height="229"/>
                                 <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                                <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
                                 <state key="normal" backgroundImage="s2t"/>
                                 <connections>
                                     <action selector="topBigPressed:" destination="Y31-kj-JwL" eventType="touchUpInside" id="NA2-M0-uu3"/>
@@ -285,7 +286,7 @@ to wear Guibe?</string>
                             <button opaque="NO" contentMode="scaleAspectFill" fixedFrame="YES" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="tvs-dW-FeO">
                                 <rect key="frame" x="88" y="602" width="237" height="235"/>
                                 <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                                <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
                                 <state key="normal" backgroundImage="s2b"/>
                                 <connections>
                                     <action selector="bottomBigPressed:" destination="Y31-kj-JwL" eventType="touchUpInside" id="0z4-tt-ChI"/>
@@ -302,29 +303,27 @@ to wear Guibe?</string>
                             <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" textAlignment="center" lineBreakMode="tailTruncation" numberOfLines="2" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="HS7-TE-HAD">
                                 <rect key="frame" x="32" y="96" width="350" height="88"/>
                                 <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                                <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
                                 <string key="text">How would you like to 
 wear Guibe?</string>
                                 <fontDescription key="fontDescription" type="system" pointSize="34"/>
-                                <color key="textColor" white="0.33333333329999998" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                <nil key="textColor"/>
                                 <nil key="highlightedColor"/>
                             </label>
                             <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" text="Big on top" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="2DY-Yg-bqZ">
                                 <rect key="frame" x="143" y="223" width="126" height="35"/>
                                 <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                 <fontDescription key="fontDescription" type="system" pointSize="29"/>
-                                <color key="textColor" red="1" green="0.039215686270000001" blue="0.0" alpha="1" colorSpace="calibratedRGB"/>
+                                <color key="textColor" name="SetLblColour"/>
                                 <nil key="highlightedColor"/>
                             </label>
                             <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" text="Small on top" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="sWs-nZ-vdL">
                                 <rect key="frame" x="129" y="549" width="154" height="35"/>
                                 <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                 <fontDescription key="fontDescription" type="system" pointSize="29"/>
-                                <color key="textColor" red="1" green="0.039215686270000001" blue="0.0" alpha="1" colorSpace="calibratedRGB"/>
+                                <color key="textColor" name="SetLblColour"/>
                                 <nil key="highlightedColor"/>
                             </label>
                         </subviews>
-                        <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
                         <viewLayoutGuide key="safeArea" id="gsS-aw-PgA"/>
                     </view>
                     <connections>
@@ -332,6 +331,7 @@ wear Guibe?</string>
                         <outlet property="bTtn" destination="knf-O9-7aw" id="CAA-EC-Zwl"/>
                         <outlet property="sBtn" destination="tvs-dW-FeO" id="wnO-hf-lXr"/>
                         <outlet property="textLbl" destination="Ae0-G2-a7h" id="qRT-zL-3Jm"/>
+                        <outlet property="vCtrl" destination="mMu-dE-sY9" id="iZq-UT-090"/>
                     </connections>
                 </viewController>
                 <placeholder placeholderIdentifier="IBFirstResponder" id="dgq-NS-Hqn" userLabel="First Responder" sceneMemberID="firstResponder"/>
@@ -381,21 +381,20 @@ wear Guibe?</string>
                             <textView clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" fixedFrame="YES" bounces="NO" scrollEnabled="NO" bouncesZoom="NO" editable="NO" text="Learning Sequence" textAlignment="center" translatesAutoresizingMaskIntoConstraints="NO" id="OJv-jh-NI8">
                                 <rect key="frame" x="27" y="69" width="361" height="88"/>
                                 <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                                <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
-                                <color key="textColor" white="0.33333333329999998" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                <color key="textColor" white="0.66666666666666663" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
                                 <fontDescription key="fontDescription" type="system" pointSize="30"/>
                                 <textInputTraits key="textInputTraits" autocapitalizationType="sentences"/>
                             </textView>
                         </subviews>
-                        <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
                         <viewLayoutGuide key="safeArea" id="iyP-cN-gcP"/>
                     </view>
                     <connections>
                         <outlet property="mainButton" destination="45n-4F-Fwa" id="2YX-8H-na9"/>
+                        <outlet property="mainTitle" destination="OJv-jh-NI8" id="yzs-au-dWr"/>
                         <outlet property="nextBtn" destination="IT4-4O-Tuj" id="XSF-wz-JaY"/>
                         <outlet property="progressBar" destination="oRi-Kv-h1c" id="MiO-3W-Qe3"/>
                         <outlet property="textLabel" destination="7wZ-GO-jAW" id="oti-xh-MYP"/>
-                        <outlet property="title" destination="OJv-jh-NI8" id="Xoj-Mb-TIx"/>
                         <outlet property="vCtrl" destination="2XH-El-mte" id="QHm-Qc-egV"/>
                     </connections>
                 </viewController>
@@ -887,7 +886,7 @@ wear Guibe?</string>
                                 <rect key="frame" x="12" y="225" width="193" height="180"/>
                                 <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                             </imageView>
-                            <imageView clipsSubviews="YES" userInteractionEnabled="NO" alpha="0.0" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" image="circle" translatesAutoresizingMaskIntoConstraints="NO" id="ZDz-GQ-0Cc">
+                            <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" image="circle" translatesAutoresizingMaskIntoConstraints="NO" id="ZDz-GQ-0Cc">
                                 <rect key="frame" x="209" y="227" width="193" height="180"/>
                                 <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                             </imageView>

Guibe/GameLearnViewController.swift

@@ -40,6 +40,7 @@ class GameLearnViewController: UIViewController, AVAudioPlayerDelegate {
         vCtrl.backgroundColor = UIColor.secondarySystemBackground
         textLabel.textColor = UIColor.secondaryLabel
         mainTitle.textColor = UIColor.label
+        mainTitle.backgroundColor = UIColor.secondarySystemBackground
         
         textLabel.text = "Now we will learn the different haptic patterns for navigating with Guibe"
         textLabel.accessibilityLabel = "Now we will learn the different haptic patterns for navigationg with ghibe"