improvements to menubar theming

This commit is contained in:
sheaf 2022-02-10 00:07:44 +01:00
parent eba08a6edd
commit 8333f69dc2

View file

@ -276,40 +276,38 @@ tooltip {
} }
/* Top-level menu items */ /* Top-level menu items */
/* GTK documentation:
/* TODO: shadows not working properly */ "The visible part of the popover can have a shadow.
.menu item > popover > contents > stack > box > box { To specify it in CSS, set the box-shadow of the contents node."
box-shadow: 0 0 1px 2px rgba(0,0,0,0.5); */
.menu item > popover > contents {
box-shadow: 2px 3px 3px rgba(0,0,0,0.5)
, -2px 3px 3px rgba(0,0,0,0.5)
, 0px 4px 3px rgba(0,0,0,0.5);
} }
/* Submenus without separators */ /* Look at the CSS with the GTK inspector to figure this out... */
.menu item > popover > contents > stack > box > box > modelbutton, .menu item > popover > contents > scrolledwindow > viewport > stack > box > box > modelbutton,
/* Submenus with separators */ .menu item > popover > contents > scrolledwindow > viewport > stack > box > box > box > box > modelbutton
.menu item > popover > contents > stack > box > box > box > box > modelbutton
{ {
background-color: rgb(41, 40, 40); background-color: rgb(41, 40, 40);
color: rgb(72,70,61); color: rgb(72,70,61);
border-top: 0px; border-top: 0px;
border-left: 2px solid rgb(41, 40, 40); border-left: 2px solid rgb(41, 40, 40);
padding: 2px 10px 6px 10px; padding: 6px 10px 6px 10px;
} }
.menu item > popover > contents > scrolledwindow > viewport > stack > box > box > box > separator,
.menu item > popover > contents > stack > box > box > box > separator, .menu item > popover > contents > scrolledwindow > viewport > stack > box > box > box > separator :hover {
.menu item > popover > contents > stack > box > box > box > separator :hover {
background-color: rgb(72,70,61); background-color: rgb(72,70,61);
padding: 1px 0px 0px 1px; padding: 1px 0px 0px 1px;
} }
.menu item > popover > contents > scrolledwindow > viewport > stack > box > box > modelbutton > accelerator,
.accelLabel { .menu item > popover > contents > scrolledwindow > viewport > stack > box > box > box > box > modelbutton > accelerator {
padding: 2px 8px 2px 0px;
}
.accelLabel accelerator {
font-size: 10px; font-size: 10px;
color: rgb(112, 109, 96); color: rgb(112, 109, 96);
padding: 0px; padding-left: 10px;
} }
.windowIcon { .windowIcon {