Use simpler and correct fix for light mode

Original fix introduced in c3a4610b87

OpenHaystack/OpenHaystack/Assets.xcassets/Colors/PinImageColor.colorset/Contents.json

@@ -0,0 +1,38 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0.000",
+          "green" : "0.000",
+          "red" : "0.000"
+        }
+      },
+      "idiom" : "universal"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "1.000",
+          "green" : "1.000",
+          "red" : "1.000"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

OpenHaystack/OpenHaystack/HaystackApp/Views/AccessoryListEntry.swift

@@ -16,7 +16,6 @@ struct AccessoryListEntry: View {
     @Binding var accessoryColor: Color
     @Binding var accessoryName: String
     @Binding var alertType: OpenHaystackMainView.AlertType?
-    var isSelected: Bool
     var delete: (Accessory) -> Void
     var deployAccessoryToMicrobit: (Accessory) -> Void
     var zoomOn: (Accessory) -> Void
@@ -40,7 +39,7 @@ struct AccessoryListEntry: View {
     var body: some View {
 
         HStack {
-            IconSelectionView(selectedImageName: $accessoryIcon, selectedColor: $accessoryColor, isSelected: self.isSelected)
+            IconSelectionView(selectedImageName: $accessoryIcon, selectedColor: $accessoryColor)
 
             VStack(alignment: .leading) {
                 if self.editingName {
@@ -120,7 +119,6 @@ struct AccessoryListEntry: View {
                         set: { accessory.name = $0 }
                     ),
                     alertType: self.$alertType,
-                    isSelected: false,
                     delete: { _ in () },
                     deployAccessoryToMicrobit: { _ in () },
                     zoomOn: { _ in () })

OpenHaystack/OpenHaystack/HaystackApp/Views/AccessoryMapView.swift

@@ -25,7 +25,6 @@ struct AccessoryMapView: NSViewControllerRepresentable {
 
         nsViewController.zoom(on: focusedAccessory)
         nsViewController.addLastLocations(from: accessories)
-
         nsViewController.changeMapType(mapType)
     }
 }

OpenHaystack/OpenHaystack/HaystackApp/Views/IconSelectionView.swift

@@ -14,7 +14,6 @@ struct IconSelectionView: View {
     @State var showImagePicker = false
     @Binding var selectedImageName: String
     @Binding var selectedColor: Color
-    var isSelected: Bool
 
     var body: some View {
 
@@ -32,7 +31,7 @@ struct IconSelectionView: View {
                             ZStack {
                                 Circle().fill(Color("PinColor"))
                                 Image(systemName: self.selectedImageName)
-                                    .foregroundColor(self.isSelected ? Color.accentColor : nil)
+                                    .colorMultiply(Color("PinImageColor"))
                             }
                         )
                         .frame(width: 32, height: 32)
@@ -56,7 +55,7 @@ struct ColorSelectionView_Previews: PreviewProvider {
 
     static var previews: some View {
         Group {
-            IconSelectionView(selectedImageName: self.$selectedImageName, selectedColor: self.$selectedColor, isSelected: false)
+            IconSelectionView(selectedImageName: self.$selectedImageName, selectedColor: self.$selectedColor)
             ImageSelectionList(selectedImageName: self.$selectedImageName, selectedColor: self.$selectedColor, dismiss: { () })
         }
 
@@ -79,7 +78,10 @@ struct ImageSelectionList: View {
 
     var body: some View {
         VStack {
-            ColorPicker("Pick color", selection: $selectedColor)
+            ColorPicker(selection: $selectedColor, supportsOpacity: false) {
+                Text("Pick a color")
+                    .colorMultiply(Color("PinImageColor"))
+            }
             ScrollView {
                 LazyVGrid(columns: columns, alignment: .center, spacing: nil, pinnedViews: []) {
                     Section {
@@ -91,6 +93,7 @@ struct ImageSelectionList: View {
                                 },
                                 label: {
                                     Image(systemName: iconName)
+                                        .colorMultiply(Color("PinImageColor"))
                                 }
                             )
                             .frame(width: ImageSelectionList.boxSize, height: ImageSelectionList.boxSize, alignment: .center)
@@ -102,7 +105,5 @@ struct ImageSelectionList: View {
             }
         }
         .padding(ImageSelectionList.boxSize / 2)
-
     }
-
 }

OpenHaystack/OpenHaystack/HaystackApp/Views/ManageAccessoriesView.swift

@@ -68,7 +68,6 @@ struct ManageAccessoriesView: View {
                     set: { accessory.name = $0 }
                 ),
                 alertType: self.$alertType,
-                isSelected: self.focusedAccessory == accessory,
                 delete: self.delete(accessory:),
                 deployAccessoryToMicrobit: self.deploy(accessory:),
                 zoomOn: { self.focusedAccessory = $0 })