Rounded top corners

This commit is contained in:
eudaimon 2024-02-16 09:41:38 +01:00
parent 63e250e968
commit 39779348c4
2 changed files with 102 additions and 0 deletions

View File

@ -53,6 +53,104 @@ decoration:backdrop {
0 0 0 1px @headerbar_backdrop_color;
}
/* including some specificty bumps, the need for which I don't have an explanation */
decoration, .background .titlebar:dir(ltr), .background .titlebar:dir(rtl) {
border-radius: 12px 12px 0 0;
}
.background.tiled .titlebar:backdrop, .background.tiled .titlebar,
.background.tiled-top .titlebar:backdrop,
.background.tiled-top .titlebar,
.background.tiled-right .titlebar:backdrop,
.background.tiled-right .titlebar,
.background.tiled-bottom .titlebar:backdrop,
.background.tiled-bottom .titlebar,
.background.tiled-left .titlebar:backdrop,
.background.tiled-left .titlebar,
.background.maximized .titlebar:backdrop,
.background.maximized .titlebar,
.background.solid-csd .titlebar:backdrop,
.background.solid-csd .titlebar {
border-top-left-radius: 0;
border-top-right-radius: 0; }
/* madness for rounded corners, taken from Plane-dark 3.36 */
window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar,
window headerbar:first-child:backdrop,
window headerbar:first-child {
border-top-left-radius: 12px; }
window headerbar:last-child:backdrop, window headerbar:last-child {
border-top-right-radius: 12px; }
window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child {
border-top-left-radius: 12px;
border-top-right-radius: 12px; }
window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child,
window.tiled-top headerbar,
window.tiled-top headerbar:first-child,
window.tiled-top headerbar:last-child,
window.tiled-top headerbar:only-child,
window.tiled-top headerbar:backdrop,
window.tiled-top headerbar:backdrop:first-child,
window.tiled-top headerbar:backdrop:last-child,
window.tiled-top headerbar:backdrop:only-child,
window.tiled-right headerbar,
window.tiled-right headerbar:first-child,
window.tiled-right headerbar:last-child,
window.tiled-right headerbar:only-child,
window.tiled-right headerbar:backdrop,
window.tiled-right headerbar:backdrop:first-child,
window.tiled-right headerbar:backdrop:last-child,
window.tiled-right headerbar:backdrop:only-child,
window.tiled-bottom headerbar,
window.tiled-bottom headerbar:first-child,
window.tiled-bottom headerbar:last-child,
window.tiled-bottom headerbar:only-child,
window.tiled-bottom headerbar:backdrop,
window.tiled-bottom headerbar:backdrop:first-child,
window.tiled-bottom headerbar:backdrop:last-child,
window.tiled-bottom headerbar:backdrop:only-child,
window.tiled-left headerbar,
window.tiled-left headerbar:first-child,
window.tiled-left headerbar:last-child,
window.tiled-left headerbar:only-child,
window.tiled-left headerbar:backdrop,
window.tiled-left headerbar:backdrop:first-child,
window.tiled-left headerbar:backdrop:last-child,
window.tiled-left headerbar:backdrop:only-child,
window.maximized headerbar,
window.maximized headerbar:first-child,
window.maximized headerbar:last-child,
window.maximized headerbar:only-child,
window.maximized headerbar:backdrop,
window.maximized headerbar:backdrop:first-child,
window.maximized headerbar:backdrop:last-child,
window.maximized headerbar:backdrop:only-child,
window.fullscreen headerbar,
window.fullscreen headerbar:first-child,
window.fullscreen headerbar:last-child,
window.fullscreen headerbar:only-child,
window.fullscreen headerbar:backdrop,
window.fullscreen headerbar:backdrop:first-child,
window.fullscreen headerbar:backdrop:last-child,
window.fullscreen headerbar:backdrop:only-child,
window.solid-csd headerbar,
window.solid-csd headerbar:first-child,
window.solid-csd headerbar:last-child,
window.solid-csd headerbar:only-child,
window.solid-csd headerbar:backdrop,
window.solid-csd headerbar:backdrop:first-child,
window.solid-csd headerbar:backdrop:last-child,
window.solid-csd headerbar:backdrop:only-child {
border-top-left-radius: 0;
border-top-right-radius: 0; }
/* since they do not work properly on gtk4, remove box-shadow in gtk-3 */
tooltip.background decoration {
box-shadow: none;

View File

@ -67,6 +67,10 @@ background-color: unset;
0 0 0 1px @headerbar_backdrop_color;
}
.titlebar, window { /* so much easier than in gtk3 */
border-radius: 12px 12px 0 0;
}
/* box-shadows are cut, so do not draw them */
/*tooltip.background {
box-shadow: 0 0.25em 0.5em 0 alpha(black, 0.5);