I really like the Orchis-dark theme, however I think that it would just be perfect if it had the buttons of the sweet-dark theme. How do I do this?
I've already tried modifying the gtk.css file in the Orchis-dark theme from
.titlebar.default-decoration button.titlebutton {
min-height: 24px;
min-width: 24px;
margin: 0;
padding: 0;
}
to something I found in the sweet-dark theme
button.titlebutton {
background-repeat: no-repeat;
background-position: center;
min-height: 20px;
padding: 0 1px;
box-shadow: none; }
button.titlebutton.close {
background-image: -gtk-scaled(url("../assets/close.png"), url("../assets/[email protected]")); }
button.titlebutton.close:hover, button.titlebutton.close:active {
background-image: -gtk-scaled(url("../assets/close_prelight.png"), url("../assets/[email protected]")); }
button.titlebutton.maximize {
background-image: -gtk-scaled(url("../assets/maximize.png"), url("../assets/[email protected]")); }
button.titlebutton.maximize:hover, button.titlebutton.maximize:active {
background-image: -gtk-scaled(url("../assets/maximize_prelight.png"), url("../assets/[email protected]")); }
button.titlebutton.minimize {
background-image: -gtk-scaled(url("../assets/min.png"), url("../assets/[email protected]")); }
button.titlebutton.minimize:hover, button.titlebutton.minimize:active {
background-image: -gtk-scaled(url("../assets/min_prelight.png"), url("../assets/[email protected]")); }
button.titlebutton:backdrop {
-gtk-icon-shadow: none;
background-image: -gtk-scaled(url("../assets/close_unfocused.png"), url("../assets/[email protected]")); }
and I imported the close.png to Orchis-dark assets folder. However this didn't do much other than change the position of the close button slightly more to the right.
Am I doing something wrong?