Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature Request]: Follow Wallpaper Tinting and/or Blur on macOS #671

Open
3 tasks done
CyanVoxel opened this issue Dec 24, 2024 · 0 comments
Open
3 tasks done

[Feature Request]: Follow Wallpaper Tinting and/or Blur on macOS #671

CyanVoxel opened this issue Dec 24, 2024 · 0 comments
Labels
Priority: Low Doesn't require immediate attention Type: Enhancement New feature or request Type: UI/UX User interface and/or user experience

Comments

@CyanVoxel
Copy link
Member

CyanVoxel commented Dec 24, 2024

Checklist

  • I am using an up-to-date version.
  • I have read the documentation.
  • I have searched existing issues.

Description

Currently TagStudio's windows do not follow macOS's "Allow wallpaper tinting in windows" option, which subtly tints application windows with a color from the users' desktop wallpaper. This seems to stem from Qt using a predefined opaque color as the default window background rather than using a transparent value.
macos_no_tint_small

When adding self.setStyleSheet("background-color: rgba(0, 0, 0, 0)") to setupUi() located inside main_window.py you can see it's possible to uncover this window tinting but with several issues that stem from the style sheets, well, cascading. Not shown are additional issues that arise when a library is open, such as scrollbars taking on a "Windows 9x" appearance.
macos_broken_tint_small

What I would like to see is the application being able to fit in with other native macOS apps by using wallpaper tinting when applicable without causing unintended glitches with other widgets (i.e. black buttons, "Windows 9x" style scrollbars and combo boxes) and also not disrupting the UI on other platforms.

Solution

I believe that transparent backgrounds set via style sheets will get this most of the way there, especially by using selectors such as the following:
self.setStyleSheet("QMainWindow{background-color: rgba(0, 0, 0, 0)}")
Thumbnails/preview images will also need to be reworked a bit to allow for transparency. Finally I'm not sure about buttons, scrollbars, and combo boxes - the later two being difficult to apply custom themes to. If anything I feel the closer this can get to a native macOS look and feel while on the platform, such as adding native-looking scrollbars, would be in the spirit of this request.

Alternatives

  1. There may be some third-party modules available to help with this, however I have not found any relevant to wallpaper tinting or any that are up to date with Qt 6.
  2. Using the "Macintosh" theme while on Darwin (app.setStyle("macos")) may help, however I don't find most of that theme in line with modern macOS's appearance and seems to come with a host of other quirks.
  3. Blurred windows backgrounds (aka acrylic on Windows) would be very cool but likely more difficult to get working, especially cross-platform.
@CyanVoxel CyanVoxel added Type: Enhancement New feature or request Type: UI/UX User interface and/or user experience Priority: Low Doesn't require immediate attention labels Dec 24, 2024
@CyanVoxel CyanVoxel moved this to 🍀 Backlog in TagStudio Development Dec 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Priority: Low Doesn't require immediate attention Type: Enhancement New feature or request Type: UI/UX User interface and/or user experience
Projects
Status: 🍀 Backlog
Development

No branches or pull requests

1 participant