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.

2 Likes