Windows 10, 11 not working acrylic mode

Hello, Takuya.

The problem is that the acrylic window is not applied.
Is there a solution?

App Version : 5.9.0-beta.2
Windows Version: my Home - Win10 and at work - Win11

Hi Kim,

It looks strange.
The main window has the window control buttons even though the acrylic background is enabled. It means that the background mode is not properly changed for some reason.
Can you share the class attribute of the body tag? It should look something like this:

platform-win32 acrylic-window window-has-frame theme-github-preview theme-solarized-dark-syntax dark-mode theme-solarized-dark-ui is-blurred

Default Dark โ†’

When i click on the main screen, it becomes black.

But when I click on the settings screen the colors come back.

The solarized-dark theme also makes a difference in that it becomes a bit darker.

I donโ€™t know if this information is necessary, but Iโ€™ll list down some of the strange things Iโ€™ve noticed.

If turn off Acrylic mode, the developer tool will change to White mode.
If turn on Acrylic mode, the developer tool will change to Black mode.

When acrylic mode is turned off, the Body tag looks like this:
platform-win32 theme-github-preview theme-solarized-dark-syntax dark-mode theme-solarized-dark-ui is-blurred

I guess the app binary is broken for some reason as far as I can see the app behavior.
Could you try reinstalling the app? Also, please reboot the computer just in case.

Uninstall โ†’ Reboot โ†’ re-install

Restart app, Theme - Solarized Dark

When focusing somewhere else

focus, Theme - Default Dark

When focusing somewhere else

body tag
platform-win32 acrylic-window window-has-frame theme-github-preview theme-solarized-dark-ui dark-mode theme-solarized-dark-syntax is-blurred

User/AppData/Local/Inkdrop tree
image

Inkdrop/app-5.8.1/debug.log

[1126/205712.326:ERROR:registration_protocol_win.cc(107)] CreateFile: ์ง€์ •๋œ ํŒŒ์ผ์„ ์ฐพ์„ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. (0x2)
[1126/205715.807:ERROR:registration_protocol_win.cc(107)] CreateFile: ์ง€์ •๋œ ํŒŒ์ผ์„ ์ฐพ์„ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. (0x2)
[1126/205715.825:ERROR:registration_protocol_win.cc(107)] CreateFile: ์ง€์ •๋œ ํŒŒ์ผ์„ ์ฐพ์„ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. (0x2)
[1126/205851.846:ERROR:registration_protocol_win.cc(107)] CreateFile: ์ง€์ •๋œ ํŒŒ์ผ์„ ์ฐพ์„ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. (0x2)

English translate

[1126/205712.326:ERROR:registration_protocol_win.cc(107)] CreateFile: The specified file cannot be found. (0x2)
[1126/205715.807:ERROR:registration_protocol_win.cc(107)] CreateFile: The specified file cannot be found. (0x2)
[1126/205715.825:ERROR:registration_protocol_win.cc(107)] CreateFile: The specified file cannot be found. (0x2)
[1126/205851.846:ERROR:registration_protocol_win.cc(107)] CreateFile: The specified file cannot be found. (0x2)

Inkdrop/app-5.9.0-beta3/debug.log

[1126/205802.244:ERROR:registration_protocol_win.cc(108)] CreateFile: ์ง€์ •๋œ ํŒŒ์ผ์„ ์ฐพ์„ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. (0x2)

English translate

[1126/205802.244:ERROR:registration_protocol_win.cc(108)] CreateFile: The specified file cannot be found.(0x2)

Thanks so much for the detailed report!

I think the CSS issue has now been resolved by reinstalling/updating the app since it doesnโ€™t have window control buttons when enabling the acrylic mode. So, the CSS should be fine.

The problem seems to be that the acrylic window is not properly working since the window title bar doesnโ€™t even look acrylic.

Does the acrylic effect work well on other apps in your environment?
Can you check if the transparency effects setting is enabled in your system preferences settings?

Hope it helps.

Thanks to you, Windows 11 at work is fixed.
But Windows 10 at home is still not. Of course, I tried the method you told me.

I found one thing after reinstalling about 5 times.
If the theme is set to Default Dark, CSS does not break.
If the theme is Solarized Dark, the design breaks like I wrote before.

I donโ€™t know if you know, but there is a page in Firefox that breaks the design (login window). It breaks like that.


I logged out and there was a hidden X LOL

Iโ€™ll try a few different reinstallation methods.

  • Logout โ†’ Uninstall โ†’ Install โ†’ Beta Update : X
  • Logout โ†’ Uninstall โ†’ Beta Install : X
  • Remove all remaining folders and files (including Roaming) : X
    etcโ€ฆ

Ahhh, I found this in the Electronโ€™s docs:

Note: This method is only supported on Windows 11 22H2 and up.
via: BrowserWindow | Electron

So, unfortunately, the acrylic effect is not supported on Windows 10.
Iโ€™ll update the option description.

Regarding the hidden X button, yeah it should not be there!
btw, what do you mean by Firefox?
I updated the login screen design in beta.3.

Itโ€™s unfortunate

The Firefox story was about the design being broken when accessing web pages in Firefox. I brought it up because itโ€™s similar.

Oh, itโ€™s normal when I go into private mode.

It seems like there was a conflict with my extension(maybe surfshark vpn extension). Donโ€™t worry about it.

1 Like