Jump to content

[FR] Enhance macOS native color support in themes


Recommended Posts

Posted (edited)

In working on my Monterey Theme pack, I realized that macOS does many more sophisticated things when rendering its UI than what Alfred allows me to control when designing my themes.

 

I realize that keeping the theming system simple should be a goal, but nuance and consistency can be added without adding too much complexity.

 

For example, when I right-click on an item to set its color, there is a list of "Theme colours", but these could include a submenu that includes System Colors or Dynamic System Colors:

 

image.thumb.png.63bb7f0db41793f1781a01f708fa3fd3.png

 

Other enhancements that could go a long way:

 

  1. Allow me to set a gradient on the window and Selected Result Background.¹
  2. Allow me to access or use the AppleHighlightColor as a color variable.
  3. Allow me to control the background blur setting on the window (this setting has been deprecated)
  4. Allow me to access SwiftUI API System Colors.
  5. Allow me to access AppKit API Dynamic System Colors.
  6. Update the preview rendering to be more accurate (the Visual Effect blur effect seems to create a false rendering of the window. ²

 

¹ Based on a Sketch file that Apple distributes, it appears that the Selection Focus is actually a gradient with a de-saturated Background Blur:

 

image.thumb.png.1f3e2230f68b9a6c2805fe45103e7632.png

 

² Compare the look of the rendered preview (which has an ugly 1px border):

 

image.png.f2359d602b3c7402365dc7d5eb7157fc.png

 

With the actual:

 

image.png.6d1fc2be1b30600c2eff1a9fddcf3f01.png

Edited by Chris Messina
added link to Apple's design resources
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...