twinkle-tray icon indicating copy to clipboard operation
twinkle-tray copied to clipboard

Design update for Windows 11

Open seo-rii opened this issue 2 years ago • 6 comments

In Windows 11, Action Center has changed as follows:

image

Unlike now, these adjustment panels are slightly spaced from the taskbar and have rounded edges. Windows 11 is expected to be released in October, do you have any plans to modify the design to fit the new action panel of Windows 11?

seo-rii avatar Aug 01 '21 12:08 seo-rii

I would also really like to see this! Windows 11 has now officially launched, so it would be really nice to see this in an upcoming update. If possible, perhaps even having it automatically setting the correct design choice depending on the detected OS, so that everyone keeps a very coherent user experience.

Twinkle Tray has been my application of choice for what it does, mostly because it was so well-integrated into the Windows 10 UI compared to alternatives. Thanks a lot for all your efforts, it's something super seamless that I really use every single day :)

SamDW96 avatar Oct 10 '21 14:10 SamDW96

While I would like to update Twinkle Tray to better align with the Windows 11 style, there are a few things blocking that right now:

  1. I unfortunately haven't had the time nor energy to make any updates to Twinkle Tray as of late. The Issues section is a clear indication of that. If I'm going to do a Windows 11 update, it would be part of implementing more DDC/CI features, as both will affect the UI dramatically. I do plan to get to it eventually, but I don't have any kind of ETA.
  2. I'm not personally going to use Windows 11 for a while. I've run it on my Surface Book 2 and it's a mess. After a few updates I'll consider it.
  3. To my knowledge, there isn't a way for me to implement Acrylic or Mica backgrounds with rounded corners. It's just not feasible with Electron. I would have to resort to either having a solid background or an unblurred transparent one (what Twinkle Tray already does with Acrylic disabled). Perhaps if someone creates a WinUI 2/3 module it would work, but I don't have the knowledge to do so. That said, this doesn't 100% stop me from working on a W11 update. It just wouldn't have Acrylic support, which isn't great.

xanderfrangos avatar Oct 11 '21 16:10 xanderfrangos

@Seo-Rii I saw you were working on adding Mica support to electron-acrylic-window. Have you had any luck with it? I'm thinking of faking Mica by reading the user's wallpaper, or possibly taking a screenshot of the user's desktop before opening the flyout to fake Acrylic.

xanderfrangos avatar Nov 25 '21 17:11 xanderfrangos

A work-in-progress screenshot 😀

11-ddc-preview

It's not 100% true to Windows 11's UI, but it's close enough for now. Still not sure what I'll do about Acrylic or Mica.

xanderfrangos avatar Nov 26 '21 04:11 xanderfrangos

@xanderfrangos Sadly, it only works when window is transparent. I couldn't find way to use it with non-transparent option.

seo-rii avatar Dec 08 '21 13:12 seo-rii

Hi all, I've posted a beta version of Twinkle Tray here with a Windows 11 UI. Give it a look and let me know your thoughts. Thanks!

xanderfrangos avatar Jan 02 '22 18:01 xanderfrangos

Closing this issue, as the requested feature is available as of v1.14.0.

xanderfrangos avatar Aug 25 '22 02:08 xanderfrangos