Windows
A window's vibrancy affects how it appears when it is placed on top of other content. It's commonly used to get a beautiful color passthrough for desktop applications that have some level of transparency:
![appearance-based light mode vibrancy effect](png/appearance-based-light.ptwvvgxu.png)
![appearance-based dark mode vibrancy effect](png/appearance-based-dark.t6o0hzzh.png)
When configuring your window, ToDesktop Builder helpfully exposes a "Background" option for setting a window as vibrant:
![Option for setting a window as vibrant](png/vibrant-window-option.iiihhssn.png)
To programmatically do something similar, install @todesktop/client-core
in your project and use the platform
and nativeWindow
namespaces:
INFO
These changes will only affect the native window that wraps your application. For vibrancy to work correctly, your app's background CSS should also be transparent.