I’m using the Orchis theme, but when I apply it, the appearance of the Whisker Menu changes — its corners become rounded, but there’s a thin black border behind it, which makes it look strange.
Is there any way to fix this issue?
Here’s the code:
/***************
* Whiskermenu *
***************/
window#whiskermenu-window {
border-radius: 0;
background-color: #212121;
border: none;
}
window#whiskermenu-window entry.search {
border-radius: 5px;
}
window#whiskermenu-window entry.search:focus {
background-color: #2C2C2C;
}
window#whiskermenu-window > frame > border {
border-radius: 16px;
padding: 4px 6px 4px 6px;
margin: 4px;
border: none;
background-color: rgba(33, 33, 33, 0.97);
box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
}
window#whiskermenu-window box.categories > button.radio {
padding: 2px 4px;
margin: 1px 0;
border-radius: 5px;
}
window#whiskermenu-window box.categories > button.radio:hover {
background-color: rgba(255, 255, 255, 0.12);
}
window#whiskermenu-window box.categories > button.radio:checked, window#whiskermenu-window box.categories > button.radio:active {
background-color: rgba(255, 255, 255, 0.3);
color: white;
}
window#whiskermenu-window box.categories > button.radio:checked:hover, window#whiskermenu-window box.categories > button.radio:active:hover {
background-image: none;
}
window#whiskermenu-window scrolledwindow.frame {
padding: 2px;
background-color: #2C2C2C;
border-radius: 5px;
}
window#whiskermenu-window scrolledwindow.frame treeview.view {
border-radius: 5px;
}
window#whiskermenu-window scrolledwindow.frame treeview.view:not(:hover):not(:selected) {
background: none;
}
window#whiskermenu-window scrolledwindow.frame treeview.view:selected:hover {
background-color: rgba(255, 255, 255, 0.12);
color: white;
}
window#whiskermenu-window scrolledwindow.frame iconview {
border-radius: 5px;
}
window#whiskermenu-window scrollbar {
border: none;
}
window#whiskermenu-window scrollbar, window#whiskermenu-window scrollbar.dragging, window#whiskermenu-window scrollbar.hovering, window#whiskermenu-window scrollbar.overlay-indicator, window#whiskermenu-window scrollbar.overlay-indicator.dragging, window#whiskermenu-window scrollbar.overlay-indicator.hovering {
background-color: transparent;
}
window#whiskermenu-window .title-area > .commands-area > button.flat.command-button {
border-radius: 5px;
}
window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:checked, window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:active {
background-color: rgba(255, 255, 255, 0.3);
color: white;
}






