Another bunch of gradients 📦
Should be "theme safe" 🙂
/* Gradient on panel buttons */
header, .bookmarks, .downloads, .notes, .history, .webbviewbtn.active, .webviewbtn,.addwebpanel, .preferences {
background-image:linear-gradient(hsla(0,0%,100%,.2),hsla(0,0%,100%,.3));
}
/* And its sub buttons */
.button-toolbar.add, .button-toolbar.edit, .button-toolbar.folder, .button-toolbar.delete,
.button-toolbar.note-new, .button-toolbar.note-folder, .button-toolbar.note-delete,
.button-toolbar.dlstop, .button-toolbar.dlrestart, .button-toolbar.dlclear,
.button-toolbar.import, .button-toolbar.updatethumb {
background-image:linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,.5)) !important;
}
/* Panel details*/
.vivaldi-tree {
background-image:linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,.2));
}
.upper-half {
background-image:linear-gradient(hsla(0,0%,100%,.2),hsla(0,0%,100%,.3));
}
.lower-half {
background-image:linear-gradient(hsla(0,0%,100%,.3),hsla(0,0%,100%,.2));
}
#panels button.fullwidth.alternate:after {
background-image:linear-gradient(hsla(0,0%,100%,.3),hsla(0,0%,100%,.2));
}
.data.notes-cardwrapper.cardview {
background-image:linear-gradient(hsla(0,0%,100%,.3),hsla(0,0%,100%,.2));
}