Improved Keyboard Maestro Palettes
Using some simple emojis, icons, numbers, and spacing you can supercharge your Keyboard Maestro palettes.
It takes a little bit of time to get the spacing right, and it isn’t perfect, but these changes certainly make the palette more useful. Here’s the process.
Step 1 – Change the Sort Order of the Macros
Prepend “##)” to each macro. The number indicates the position. I like to give some breathing room between each “group”. In this example I ended up with this:
1 2 3 4 5 6 7 |
00) README 10) Accept 11) Reject 20) Open 21) Close 30) Rotate Left 31) Rotate Right |
Step 2 – Add Icons
Use whatever tool/service/files you want for your icon images. I like using https://fonts.google.com/icons. I use the following steps:
- Search for your first icon
- Click it
- Set the color (something that will look good on the dark palette background)
- Set the size to 256
- Click the PNG download button
- Repeat for each icon
Once you have all the icons, for each macro:
- Open the PNG file in Preview (double click the file in Finder)
- Select All (⌘A)
- Copy (⌘C)
- Click the placeholder icon on the KM macro
- Paste (⌘V)
Step 3 – Add Spaces and Emojis
I like to add spaces between the parts of the macro names. This makes things look more polished. You cannot get it perfect with a non-monospaced font, so this might not be for everyone. Also note that there’s an option in the Palette Style settings (see below) to show the trigger key (if you don’t want to include in your macro titles).
Keyboard Maestro supports emojis in the macro names, which can add more helpful visual cues to your palette. Use the Mac emoji picker via CTRL + ⌘ + SPACE or Fn + e.
Here’s the final result (showing how each item has whatever number of spaces are needed to make it look good):
1 2 3 4 5 6 7 |
00)README 10)Accept 🎮A A 11)Reject 🎮Y X 20)Open 🎮RT Space 21)Close 🎮LT Escape 30)Rotate Left 🎮LB Comma 31)Rotate Right 🎮RB Period |
Final Configuration
Taking it Further
In this tutorial, I’ve barely scratched the surface on the customizations you can do to palettes.
There are all sorts of built-in options to customize the look and feel, via the Palette Style settings: