Alfred 4.3 is now in pre-release with gorgeous improvements to theming.
We've added the ability to choose a native macOS Visual Effect view to back Alfred's window, which makes it easy to create native-looking themes, as well as more control over rounded corners.
We've created a couple of themes as examples, but I'm sure you'll create some fabulous themes too!
Light Experimental theme
Dark Experimental theme
Below are the key things to check out when creating themes in 4.3. Please read all the way to the end of this post for a few important notes!
1. Set your base Visual Effect to light or dark under the Window Blur icon in the top left of the theme preview
This will define the base of your theme to be brighter or darker. The macOS Visual Effect view is designed to be used with no additional colour, however you can still set your theme's background colour, so you can get some really interesting tints.
Your best bet to get a colour tint is to set the window colour, and turn down the opacity. In the included themes, the dark version has a low opacity black background set. The light theme has a low opacity white background set. An opacity of 30-35% seems to give the best readability in most situations.
2. Rounded corners can be tweaked for the whole window, the search box and the selected result
Hover over any corner of the field you're interested in and drag to set the corner roundness.
3. A few important notes
This feature is still in development, so there may be some more or less visible changes over the next little while
The "Share on alfredapp.com" feature isn't yet suitable for these themes, as the site isn't set up to understand the new theme settings If you want to share your theme with a friend, use the "Export as file..." option instead.
As usual, check out the change log in the Update tab of the preferences to see the full list of changes in this pre-release
And now for some pretty pictures, here are the two themes in their full glory!