firefox normale tab größer schmaler machen

[birdskywinter]

Hallo weiß jemand wie ich die normale TabBreite auf 225px reduzieren kann? Ich habe es versucht mit chatgpt zu erreichen hatte aber keinen erfolg:

hier meine chrome.css:

:root {
  /* Tabbar: reduce tab margin */
  --tab-block-margin: 4px 3px !important;
}

/* Tab: Reduziere die Höhe, füge einen 1px breiten hellgrauen Rand hinzu und setze den Hintergrund für nicht ausgewählte Tabs */
.tabbrowser-tab {
  min-height: 24px !important;
  box-shadow: none !important; /* Entfernt Schatten von allen Tabs */
  border: 1px solid #d3d3d3 !important; /* Fügt einen 1px breiten hellgrauen Rand hinzu */
  border-radius: 4px !important; /* Fügt abgerundete Ecken hinzu (optional) */
  background-color: #D9D9D9 !important; /* Setzt den Hintergrund auf f6f6f6 für alle nicht ausgewählten Tabs */
}

/* Verhindert Schatten und ändert den Hintergrund des ausgewählten Tabs */
.tabbrowser-tab[selected="true"] {
  box-shadow: none !important; /* Entfernt den Schatten vom ausgewählten Tab */
  background-color: transparent !important; /* Kein Hintergrund für den ausgewählten Tab */
  border: 1px solid #d3d3d3 !important; /* Stellt sicher, dass der Rand auch für den ausgewählten Tab da ist */
}

/* Tab: Ensure tab height doesn't augment when arrowscrollbox is visible */
#tabbrowser-arrowscrollbox {
  --tab-min-height: 31px !important;
  max-height: var(--tab-min-height);
}

/* Tab: Attention icon */
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
  background-position-x: left 2px !important;
  background-position-y: bottom 12.5px !important;
}

/* URLBar: Fix vertical alignment */
#urlbar[breakout=true]:not([open="true"]) {
  --urlbar-height: 20px !important;
  --urlbar-toolbar-height: 24px !important;
}

/* URLBar: Fix URL address vertical aligment when megabar is open */
#urlbar[breakout=true][open="true"] {
  --urlbar-toolbar-height: 30px !important;
}

/* URLBar: Reduce row items padding */
.urlbarView-row-inner {
  padding-inline: var(--urlbarView-item-inline-padding);
  padding-block: 2px !important;
}

/* URLBar: Reduce and realign row bookmark icons */
.urlbarView-type-icon {
  width: 10px !important;
  height: 10px !important;
  margin-bottom: 0 !important;
  margin-inline-start: 10px !important;
}

/* URLBar: Reduce "This time, search with" padding */
#urlbar .search-one-offs:not([hidden]) {
  padding-block: 4px !important;
}

/* Searchbar: Ensure toolbar height doesn't augment when searchbar is visible */
#urlbar-container,
#search-container {
  padding-block: 0 !important;
}

/* Searchbar: Make sure the min-height of the input is the same as the popup */
#search-container {
  min-width: 192px !important;
}

/* Toolbar: Reduce spacing */
#urlbar-container {
  --urlbar-container-height: 30px !important;
  margin-top: 0 !important;
}

/* Reload Button: Fix vertical alignment */
#reload-button {
  margin-block-start: -2px !important;
}

/* AppMenu: Header */
.panel-header {
  padding: 4px 0 0 4px !important;
}

/* AppMenu: Header button */
.panel-header > .subviewbutton-back {
  padding: 4px !important;
}

input:focus{
  outline: 0;
  /* some people use shadows too */
  box-shadow: none;
}

.tab-background {
  border-radius: 0px 0px 0 0 !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

/* Hintergrund hinter den Tabs */
#TabsToolbar {
  background-color: #cccccc !important;
  background-image: none !important;
}

/* Verhindert, dass Themes dazwischenfunken */
#navigator-toolbox {
  background-color: #cccccc !important;
  background-image: none !important;
}

/* Blauer Fokusrahmen bei Adressleiste zuverlässig entfernen */
#urlbar-input-container {
  box-shadow: none !important;
}

#urlbar[focused="true"] > #urlbar-background {
  box-shadow: none !important;
  outline: none !important;
}

 

[habichtfreak]

Wenn du einen Element per CSS eine Größe geben möchtest, muss doch width oder max-width irgendwo auftauchen, oder? Wie das Element heißt in FF weiß ich auch nicht. Habe die CSS Frickeleien vor vielen Monden aufgegeben ...

edit: hab doch noch was gefunden von früher. kA ob das noch funktioniert:

/* Tabbreite */

.tabbrowser-tab:not([pinned]) {

    max-width:250px!important;  /* Max Breite, Standard: 250px */

    min-width:100px!important;  /* Min Breite, Standard: 100px */

}