style

/* TUTORIAL
1. Open vivaldi://experiments
2. Enable "Allow for using CSS modifications"
3. Open Appearance section in settings
4. Under "Custom UI Modifications" choose any folder you want to use.
5. Place style.css files inside this folder.
6. Restart Vivaldi to see them in effect. */

/* .tab.active {
  outline: 2px solid #ee00db !important;
} */

.tab.active {
  background-color: #2b0027 !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 3px solid #ee00db !important;
  box-sizing: border-box;
}

.bookmark-bar button.folder {
  color: grey !important;
}

.bookmark-bar button.folder svg path {
  stroke: grey !important;
}

.tab.active .title {
  color: #14fffc !important;
}

.tab:not(.active) .title {
  color: lightgrey !important;
}

::selection {
  background: #000082 !important;
  color: white !important;
}

input.url:focus {
  color: #14fffc !important;
  /* background-color: #1a1a1a !important; */
  caret-color: grey !important;
}

.UrlFragment-HostFragment-Basedomain,
.UrlFragment-HostFragment-TLD {
  color: #14fffc !important;
  font-weight: bold !important;
}

.UrlFragment-Wrapper,
.UrlFragment--Lowlight:first-of-type {
  color: grey;
}
.UrlFragment-HostFragment-Subdomain {
  color: grey !important;
  font-weight: bold;
}
.bookmark-bar .bookmark {
  color: grey !important;
}