Style customization for https://github.com/eoger/tabcenter-redux/

tabcenter-redux-style.css

/* --- Autohide scrollbar --- */
.tab {
  max-width: 100vw;
}
#tablist {
  margin-right: -15px; /* Value from KDE's Breeze theme; adjust as needed */
  transition: margin-right 0s 0.5s;
}
#tablist:hover {
  margin-right: 0px;
  transition: margin-right 0s 0.5s;
}
#tablist-wrapper {
  overflow-x: hidden;
}

/* Move menu to bottom */
#topmenu {
  order: 2;
}
#topmenu #searchbox {
  display:none;
}
#topmenu #settings {
  display:none;
}
#topmenu #newtab {
  margin: auto;
}

/* Override some colors */
#tablist-wrapper {
  --tab-border-color: hsla(0, 0%, 0%, 0.06);
  --tab-background-pinned: rgba(75, 85, 104, .75);
  --tab-background-hover: hsl(219, 16%, 50%, .2);
  --tab-background-active: rgba(147, 191, 206);
}
.tab.active {
  color: rgb(47, 52, 63);
  font-weight: 500;
}
.tab.active .tab-close {
  --icons-fill-color: rgb(47, 52, 63);
}

/* https://github.com/eoger/tabcenter-redux/issues/403 */
.tab:not(.hasContext) {
    --identity-tab-color: transparent;
}