Custom CSS for Vivaldi on windows -- dark theme

custom-win.css

/* BG: #111111 Accent: #202020*/


.address-top:not(.tabs-top):not(.popup):not(.horizontal-menu) #header {
  height: 28px;
}

.address-top:not(.tabs-top):not(.popup):not(.horizontal-menu)
  #header
  #pagetitle {
  opacity: 0;
}

.mac.address-top:not(.tabs-top):not(.popup):not(.horizontal-menu)
  #header
  .window-buttongroup {
  top: 5px;
  left: 5px;
}

.address-top:not(.tabs-top):not(.horizontal-menu) > #main {
  overflow: visible;
}

.address-top:not(.tabs-top):not(.horizontal-menu) > #main > .UrlBar {
  height: 0px;
  -webkit-app-region: drag;
}

.mac.address-top:not(.tabs-top):not(.horizontal-menu)
  > #main
  > .UrlBar
  > .toolbar-droptarget {
  padding-left: 70px;
}

.win.address-top:not(.tabs-top):not(.horizontal-menu)
  > #main
  > .UrlBar
  > .toolbar-droptarget {
  padding-left: 30px;
}

.win.address-top:not(.tabs-top):not(.horizontal-menu)
  > #main
  > .UrlBar
  > .toolbar-extensions {
  padding-right: 140px;
}

.address-top:not(.tabs-top):not(.horizontal-menu)
  > #main
  > .UrlBar
  > .toolbar-mainbar {
  pointer-events: none;
  background: none;
}

.address-top:not(.tabs-top):not(.horizontal-menu)
  > #main
  > .UrlBar
  > .toolbar-mainbar
  > * {
  pointer-events: auto;
}

@media screen and (max-width: 1000px) {
  .address-top:not(.tabs-top):not(.horizontal-menu)
    > #main
    > .UrlBar
    > .UrlBar-AddressField {
    top: -14px;
    margin-left: 2vw !important;
    margin-right: 2vw !important;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1500px) {
  .address-top:not(.tabs-top):not(.horizontal-menu)
    > #main
    > .UrlBar
    > .UrlBar-AddressField {
    top: -14px;
    margin-left: 5vw !important;
    margin-right: 5vw !important;
  }
}

@media screen and (min-width: 1500px) {
  .address-top:not(.tabs-top):not(.horizontal-menu)
    > #main
    > .UrlBar
    > .UrlBar-AddressField {
    top: -14px;
    margin-left: 5vw;
    margin-right: 5vw;
  }
}

.address-top:not(.tabs-top):not(.horizontal-menu)
  > #main
  > .UrlBar
  > .UrlBar-AddressField {
  top: -14px;
  margin-left: 5vw;
  margin-right: 5vw;
}

.address-top:not(.tabs-top):not(.horizontal-menu)
  > #main
  > .UrlBar
  > .toolbar-mainbar {
  top: -14px;
}

.address-top:not(.tabs-top):not(.horizontal-menu) > #main > .UrlBar > *:after {
  opacity: 0;
}

.win.address-top:not(.tabs-top):not(.horizontal-menu) > #main > .UrlBar:after {
  height: 0.5px;
}

.OmniDropdown {
  background: var(--colorBgAlpha) !important;
  backdrop-filter: blur(8px);
}

/* Omnibox drop-down translucency */
.OmniDropdown {
  background: var(--colorBgAlpha);
  backdrop-filter: blur(10px);
}

/* Quick command menu translucency */
#modal-bg {
  background-color: var(--colorBgAlpha);
  backdrop-filter: blur(10px);
}

/* Sets the background color to any non-selected 
 * element of the quick command menu to transparent */
#modal-bg *:not([data-selected]) {
  background-color: rgba(0, 0, 0, 0) !important;
}

.button-toolbar.ckvttt29n000r3f5pcltejp9i {
  margin-top: -31px;
}

.button-toolbar .ToolbarButton-Button[title="Downloads"] {
  margin-top: -31px;
}

.UrlBar-PrivateWindowIndicator {
  margin-top: -30px;
  padding-right: 150px;
  opacity: 0s;
}
.UrlBar .button-toolbar button[title="Update Available"] {
  display: none;
}

/* adding line to left tabs */
#tabs-tabbar-container.left {
  box-shadow: inset -1px 0 var(--colorBorder);
}

#tabs-tabbar-container.right {
  box-shadow: inset 1px 0 var(--colorBorder);
}