tweaks for a minimalist side tabs, dark mode, Vivaldi

minimalist-vivaldi-tweaks.css

/* these settings were specifically done with the "dark" theme and the tabs on the right
   feel free to tweak to your preferences */

/* remove title bar with side tabs */
#browser #header,

/* keep search in url bar enabled, but without search suggestions */
/* unfortunately, it is still there as far as tabbing is concerned */
/* making hiding it not really worth it at this point */
/* #browser .UrlBar .OmniDropdown-Collection:first-of-type, */

/* remove the trash can icon from the sidebar */
#tabs-container div.toolbar.toolbar-tabbar.sync-and-trash-container,

/* remove the new tab button from the sidebar */
#tabs-container div.button-toolbar.newtab
{
  display: none;
  visibility: hidden;
}

/* make the active tab a bit easier to find in the sidebar */
#tabs-container div.tab.active span.title {
  color: white;
  font-weight: 600;
}

/* make the text on unloaded tabs a bit dimmer */
#tabs-container div.tab.isdiscarded span.title {
  filter: brightness(.7);
}

/* make loaded but not active tabs a bit brighter */
#tabs-container div.tab:not(.active):not(.isdiscarded) span.title {
  filter: brightness(1.1);
}

/* make the urlbar draggable, since we don't have the macOS chrome bar */
div.UrlBar {
  -webkit-app-region: drag;
}