Firefox 60 CSD ventana botones izquierda

Me gusta la nueva opción CSD (eliminar la barra de título) pero cuando se activa, los botones de mi ventana se mueven hacia la derecha (normalmente a la izquierda). ¿Hay alguna manera de habilitar CSD pero con botones a la izquierda?

Cree el archivo "userChrome.css" y su directorio padre "chrome" si aún no existen:

~/.mozilla/firefox/<YOUR_FIREFOX_PROFILE>/chrome/userChrome.css

Coloque el siguiente código en userChrome.css
Si la línea que comienza con @namespace ya está en su userChrome.css, no la agregue por segunda vez.

#TabsToolbar {
  direction: rtl;
}

#tabbrowser-tabs {
  direction: ltr;
}

.titlebar-buttonbox {
  display: flex;
}

.titlebar-min {
  order: 2;
}

.titlebar-max {
  order: 1;
}

.titlebar-close {
  order: 3;
  margin-right: 6px !important;
}

Ahora reinicia Firefox y los botones estarán a la izquierda.

Su perfil de Firefox se verá así: hej3q2i1.default
Si no está seguro de qué perfil es suyo, puede averiguarlo siguiendo estos pasos:

1. Abra Firefox
2. Haga clic en el botón de menú
3. Haga clic en Ayuda
4. Seleccione Información de solución de problemas
5. Su perfil de Firefox será el último directorio listado en "Directorio de perfiles"

Fuente CSS: https://gist.github.com/oidualc/9f7c0a6591ada0d391ee6813a518dc3b

Además de la respuesta de @ denshigomi , agregué una propiedad para la desalineación. Esto soluciona el problema de Apoorv Potnis . Puede agregar esta propiedad al archivo userChrome.css:

#titlebar-close {
  margin-right: 6px !important;
}

También la esencia se puede encontrar aquí .

Autor original de la esencia aquí. El script se ha actualizado porque en las últimas versiones de Firefox Nightly se ha invertido el orden de los botones.

• Escriba about: soporte en la barra de URL
• Abra el "Directorio de perfiles" (/ home /.../. Mozilla / firefox / ...)
• Crea si no existe un directorio llamado "Chrome"
• Cree un archivo dentro (si aún no existe) llamado userChrome.css
• Agrega el siguiente código

userChrome.css:

#TabsToolbar {
    direction: rtl;
}

#tabbrowser-tabs {
    direction: ltr;
}

.titlebar-buttonbox {
    display: flex;
}

.titlebar-min {
    order: 2;
}

.titlebar-max {
    order: 1;
}

.titlebar-close {
    order: 3;
    margin-right: 6px !important;
}

Puede encontrar más información aquí: https://www.userchrome.org/

Esto funciona para mí después de la actualización de Firefox 65:

(userChrome.css)

#menubar-items {
  -moz-box-ordinal-group: 2;
  margin-left: 30px;
}

.titlebar-buttonbox-container {
  -moz-box-ordinal-group: 1!important;
}

.titlebar-button.titlebar-close {
  -moz-box-ordinal-group: 1;
}

.titlebar-button.titlebar-min {
  -moz-box-ordinal-group: 2;
}

.titlebar-button.titlebar-max {
  -moz-box-ordinal-group: 3;
}

En Gnome para Firefox 65, este userChrome funciona mejor para mí.

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");


#TabsToolbar .toolbar-items {
    -moz-box-ordinal-group: 2;
}

#TabsToolbar-customization-target .titlebar-spacer[type="pre-tabs"] {
    display: none;
}

#TabsToolbar-customization-target .titlebar-spacer[type="post-tabs"] {
    width: 4px !important;
}

.titlebar-buttonbox-container {
    -moz-box-ordinal-group: 1 !important;
}

.titlebar-buttonbox-container toolbarbutton.titlebar-button.titlebar-close {
    margin-left: 4px !important;
}

¡Gracias por la ayuda!

Tuve que cambiarlo un poco, ¡pero ahora es perfecto!

Este es mi archivo 'userChrome.css', ahora:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#titlebar-max {
  -moz-box-ordinal-group: 0;
}

#titlebar-content {
  direction: rtl;
}

#TabsToolbar {
  direction: rtl;
}

#tabbrowser-tabs {
  direction: ltr;
}

.tabbrowser-tab:not([pinned="true"]):hover .tab-close-button:not([selected="true"]) {
  display: -moz-box !important;
}

#menubar-items {
  -moz-box-ordinal-group: 2;
  margin-left: 30px;
}

.titlebar-buttonbox-container {
  -moz-box-ordinal-group: 1!important;
}

.titlebar-button.titlebar-close {
  -moz-box-ordinal-group: 3;
  margin-left: 5px !important;
  margin-right: 6px !important;
}

.titlebar-button.titlebar-min {
  -moz-box-ordinal-group: 2;
}

.titlebar-button.titlebar-max {
  -moz-box-ordinal-group: 1;
}