V
@LonM said in Window background across the whole window:
Notably: Some borders and button :hovers don't look very nice.
Here's an idea to improve borders: I changed var(--colorBgAlpha) for some classes to var(--colorBgAlphaHeavy). This makes the contrast between different areas more obvious. For my theme the New Tab and Closed Tabs button hover contrast is sufficient without adding the additional CSS, so I removed it to make the button hover look nicer.
Also added .find-in-page to the second block.
#tabs-container, .toolbar, .inner, #main, .vivaldi-settings .settings-content, .startpage, .startpage .manager,
.active.internal.visible.webpageview, #webview-container, .color-behind-tabs-on .tab.active .tab-indicator.active {
background: transparent !important;
}
#switch, #switch button:hover, .vivaldi-settings, .vivaldi-settings .settings-sidebar, .startpage .manager > div, .startpage-navigation, .find-in-page {
background: var(--colorBgAlpha) !important;
background-color: var(--colorBgAlpha) !important;
}
.tab.active, .toolbar-addressbar, .toolbar-statusbar, #footer {
background: var(--colorBgAlphaHeavy) !important;
background-color: var(--colorBgAlphaHeavy) !important;
}
.private-intro {
background: var(--colorBgAlphaHeavy);
}