zen mods

userChrome.css

/* edge like tab groups */

#navigator-toolbox {
  --border-radius-medium: 6px !important;
  --tab-border-radius: 6px !important;
  --tab-min-height: 32px;
}

.tab-group-container {
  border-left: 3px solid var(--tab-group-color-invert);
  margin-top: 4px;
  margin-bottom: 4px;
  
  tab-group[collapsed] & {
    display: none;
    margin-top: 0;
  }
}

.tab-group-label {
  font-weight: normal !important;
  text-align: left !important;;
  width: 100%;
  
  tab-group[collapsed] > .tab-group-label-container & {
    color: light-dark(var(--tab-group-color-pale), var(--tab-group-label-text-dark)) !important;;
    background-color: light-dark(var(--tab-group-color), var(--tab-group-color-invert)) !important;;
    outline: none !important;;
  }

  tab-group &::before {
    content: '▼';
    display: inline-block;
    margin-right: 2px;
    transform: scale(0.7);
  }

  tab-group[collapsed] &::before {
    transform: scale(0.7) rotate(-90deg);
  }
}

#tabbrowser-tabs {
  font-size: 1.15rem !important;;
}

/* hide workspaces */
.zen-current-workspace-indicator {
  display: none !important;
}

/* hide clear button */
.zen-workspace-close-unpinned-tabs-button {
  display: none;
}

/* disable rounded corners */
:root {
  --zen-webview-border-radius: 0;
  #tabbrowser-tabpanels:not([zen-split-view="true"]) {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

/* remove outline from split view */ 
#tabbrowser-tabpanels[zen-split-view='true'] .browserSidebarContainer.deck-selected {
  &:not(.zen-glance-overlay) {
    outline: 0 !important;;
  }
}