Change background color with Windowed panes (solved, 1.6)

Plugins and Custom CSS
#22

I’m not entirely sure, seems like the header of the windowed panes in focus mode:

imagen
imagen1150×290 10.6 KB

To:

imagen
imagen1201×219 9.48 KB

1 Like
#23

Thanks… I see that… :smiling_face_with_three_hearts:

1 Like
#24

Ok, so with the new 1.8 version some things changed, so I wanted to share the current code I’m using, in case it helps someone:

:root {
    --my-background-color: #f2efeb; /* Use your favorite color */
}

body,
.tile__document,
.rem-container,
.popup-menu,
.react-datepicker__header,
.rn-clr-background-elevation-10,
.rn-clr-background-elevation-15,
.settings-page__sidebar,
.document-header-top-bar,
.mosaic-window-toolbar,
.mosaic-preview,
.document--narrow,
#document-sidebar,
.navigation-bar,
.bg-white,
.bg-gray-5,
.content__page,
.rn-clr-background-primary
{
	background: var(--my-background-color) !important;
}


::-webkit-scrollbar-track {
    background: var(--my-background-color);
}
::-webkit-scrollbar-thumb {
	border: 4px solid var(--my-background-color);
}
::-webkit-scrollbar {
    background: var(--my-background-color);
}
.navigation-bar {
	 background: var(--my-background-color);
}

.mosaic-split*.-column {
	 background: var(--my-background-color);
}

#hierarchy-editor .tree-node--automatic-search-portal-header {
	 background: var(--my-background-color);
}
3 Likes