Botões da janela do Firefox 60 CSD esquerda

Eu gosto da nova opção CSD (remover a barra de título), mas quando ativada, os botões da minha janela se movem para a direita (normalmente à esquerda). Existe uma maneira de ativar o CSD, mas com os botões à esquerda?

Crie o arquivo "userChrome.css" e seu diretório pai "chrome" se eles ainda não existirem:

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

Coloque o código a seguir em userChrome.css
Se a linha que começa com @namespace já estiver em seu userChrome.css, não o adicione uma 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;
}

Agora reinicie o Firefox e os botões estarão à esquerda.

Seu perfil do Firefox terá a seguinte aparência: hej3q2i1.default
Se você não tiver certeza de qual perfil é seu, poderá descobrir seguindo estas etapas:

1. Abra o Firefox
2. Clique no botão do menu
3. Clique em Ajuda
4. Selecione as informações de solução de problemas
5. Seu perfil do Firefox será o último diretório listado em "Diretório de perfis"

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

Além da resposta de @ denshigomi , eu adicionei um poperty pelo desalinhamento. Isso corrige o problema de Apoorv Potnis . Você pode adicionar essa propriedade ao arquivo userChrome.css:

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

Também a essência pode ser encontrada aqui .

Autor original da essência aqui. O script foi atualizado porque nas versões mais recentes do Firefox Nightly a ordem dos botões foi invertida.

• Digite about: support na barra de URL
• Abra o "Diretório de perfis" (/ home /.../. Mozilla / firefox / ...)
• Crie se ainda não existir um diretório chamado "chrome"
• Crie um arquivo dentro (se já não existir) chamado userChrome.css
• Anexe o seguinte 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;
}

Mais informações podem ser encontradas aqui: https://www.userchrome.org/

Isso funciona para mim após a atualização do 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;
}

Obrigado pela ajuda!

Eu tive que mudar um pouco, mas está perfeito agora!

Este é o meu arquivo 'userChrome.css', agora:

@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;
}

No Gnome para Firefox 65, esse userChrome funciona melhor para mim.

@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;
}