Cómo reducir la altura de las barras en Firefox

Si te refieres a la barra de encabezado en Firefox v90, entonces hay facilidades para eliminarla.

• Haz clic en las 3 líneas (llamadas hamburguesa) para abrir el menú de Firefox.
• Haz clic en Más herramientas y luego en la opción de menú "Personalizar ...” para abrir una nueva pestaña de Personalizar Firefox.
• Finalmente desmarca la casilla "Barra de título" en la parte inferior izquierda.

referencia

Aquí tienes un archivo userChrome.css de Firefox que reduce la altura de las pestañas y la barra de navegación para aumentar el espacio disponible en la pantalla:

SlimBarsFirefox

:root {
  --tab-max-height: 24px !important;
  --tab-min-height: 0 !important;
  --urlbar-toolbar-height: var(--tab-max-height) !important;
}

/* Resizing de la barra */
#nav-bar,
.toolbar-items,
.titlebar-buttonbox-container,
.tab-content,
.tab-background,
.tab-label-container {
  height: var(--tab-max-height);
}
.tab-background {
  margin: 0 !important;
}
.tab-secondary-label {
  font-size: .5em !important;
  margin: -.6em 0 .5em !important;
}

/* Resaltado de selección */
#nav-bar toolbaritem,
#nav-bar toolbarbutton {
  --focus-outline: none;
  --slimbar-highlight-color: color-mix(in srgb, var(--lwt-toolbar-field-highlight) 40%, var(--toolbar-bgcolor));
  /* --toolbar-field-focus-background-color: var(--slimbar-highlight-color); */
}
#nav-bar toolbaritem:focus-visible,
#nav-bar toolbarbutton:focus-visible,
#nav-bar toolbaritem #identity-icon-box:focus-visible,
#nav-bar toolbaritem #star-button-box:focus-visible,
#nav-bar toolbaritem .unified-extensions-item-action-button:focus-visible {
  background-color: var(--slimbar-highlight-color) !important;
}

Solución simple y rápida:

Dirígete a about:config en Firefox, busca browser.uidensity y cambia el valor de 0 a 1.

Deberías ver el cambio de inmediato.