Instead of tinting the menu bar icon, render it with an outline.

README.md

@@ -85,7 +85,7 @@ Scoot includes a menu bar icon (an illustration of a Vespa-inspired scooter).
 
 <img align="right" width="256" alt="Scoot Menu Bar Icon" src="./Assets/menu-bar-icon.png" />
 
-* When Scoot is in the foreground, the icon will render with a tint, to make it clearer that Scoot is currently active. (This shouldn't generally be a concern, but it is handy when you're in freestyle mode.)
+* When Scoot is in the foreground, the icon will render in an outlined mode, to make it clearer that Scoot is currently active. (This shouldn't generally be a concern, but it is handy when you're in freestyle mode.)
 * Additional options are exposed when clicking on the menu bar icon, including a _help_ menu item — which currently opens this README in the user's default browser.
 
 ### Keybindings

Scoot/AppDelegate.swift

@@ -218,32 +218,31 @@ class AppDelegate: NSObject, NSApplicationDelegate {
         let item = NSStatusBar.system.statusItem(
             withLength: NSStatusItem.squareLength
         )
-
         item.button?.image = menuBarStatusItemDefaultImage
-        item.button?.image?.size = NSSize(width: 18.0, height: 18.0)
-
         item.menu = menu
-
         self.statusItem = item
     }
 
     lazy var menuBarStatusItemDefaultImage: NSImage? = {
         let image = NSImage(named: "MenuIcon")
+        image?.size = NSSize(width: 18.0, height: 18.0)
         image?.isTemplate = true
         return image
     }()
 
-    lazy var menuBarStatusItemTintedImage: NSImage? = {
-        let tintColor = NSColor.systemTeal.withAlphaComponent(0.9)
-        return menuBarStatusItemDefaultImage?.withTintColor(tintColor)
+    lazy var menuBarStatusItemOutlinedImage: NSImage? = {
+        let image = NSImage(named: "MenuIcon-Outlined")
+        image?.size = NSSize(width: 18.0, height: 18.0)
+        image?.isTemplate = true
+        return image
     }()
 
     func updateMenuBarStatusItemForInactiveState() {
         self.statusItem?.button?.image = menuBarStatusItemDefaultImage
     }
 
     func updateMenuBarStatusItemForActiveState() {
-        self.statusItem?.button?.image = menuBarStatusItemTintedImage
+        self.statusItem?.button?.image = menuBarStatusItemOutlinedImage
     }
 
     // MARK: Activation

Scoot/Assets.xcassets/MenuIcon-Outlined.imageset/Contents.json

@@ -0,0 +1,12 @@
+{
+  "images" : [
+    {
+      "filename" : "Menu Bar Icon - Outlined.pdf",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}