Translucent Window Fix

Share & showcase
,
1

I had the same issue as the guys in this topic and there it is a piece of code that fixes the issue, but starts another one when having a pop-up windows (as this guy is explaining here) .

After playing a bit with the inspector I came up with a solution, I just wanted to share it in case somebody is going crazy like me:

.workspace-leaf,
.workspace-tab-header-container,
.workspace-tab-container {
  background: none;
  background-color: none !important;
}


:not(.is-popout-window) .workspace-split.mod-root {
  background: none;
}

body:not(.is-popout-window) .workspace-split.mod-root .view-content,
body:not(.is-popout-window) .workspace-split.mod-root .view-header {
  background: none !important;
}


.view-header-title-container:not(.mod-at-end):after {
  background: none !important;
}

I found the only difference between the 2 windows is the class is-popout-window , so I used that to apply different rules to it. Its seems pop out windows have an specific background that can’t be changed by any means and applying a transparent background on it makes it light grey.

4 Likes
2

Hello, thank you for posting this. However, I can’t seem to get it to work. I pasted it into my existing translucent script and even tried creating a new script and pasting it there, but I had no luck. I have zero knowledge of CSS, so if I’m doing something wrong, please forgive me. Do you know what the issue might be?

3

Hello,

Thanks for sharing solution! great detective work with the inspector using the is-popout-window.

Best Regard,
Publix Passport