Electron: O modo escuro Mojave causa uma linha branca na parte superior dos aplicativos Electron

Criado em 6 jun. 2018  ·  110Comentários  ·  Fonte: electron/electron

  • Versão do elétron: ???
  • Sistema operacional (plataforma e versão): macOS 10.14 Mojave
  • Última versão de trabalho conhecida do Electron: ???

Comportamento esperado
Sem linhas brancas

Comportamento real
Há uma linha branca fina na borda superior do Discord

Reproduzir
Baixe Discord e corra.

Capturas de tela
image

informação adicional
Pode estar relacionado ao tema escuro.


Sei que o macOS Mojave ainda não é exatamente acessível a todos, mas estou relatando isso para garantir.

bug platformacOS

Comentários muito úteis

Por favor,

se houver hack, update ou algo parecido, me avise. Os desenvolvedores da Apple realmente ultrapassaram os limites ao criar essa coisa feia 🤯

line

Todos 110 comentários

👋 Obrigado por abrir sua primeira edição aqui! Se estiver relatando um bug 🐞, certifique-se de incluir etapas para reproduzi-lo. Recebemos muitos problemas neste repo, por favor, seja paciente e entraremos em contato com você assim que possível.

Para ajudar a facilitar a investigação do seu problema, siga as diretrizes para contribuições .

Confirmar que isso acontece em todos os aplicativos Electron que tenho no modo escuro Mojave.

Offtopic: talvez o método systemPreferences.isDarkMode() receba mais atenção agora. Fico feliz em ver que a API existente suporta isso.

testei Mojave ontem, também vi a linha. Além disso, a caixa de diálogo padrão de abertura de arquivo ainda apareceu em branco

Isso acontece no modo escuro e no modo claro. Acredito que tenha algo a ver com aplicativos que escondem a barra de título.

Tenho o problema no Atom, Hyper e Slack.

Também relatei o problema à Apple. (Outros relatórios podem ajudar - eles tendem a priorizar problemas que várias pessoas relatam - então, se você estiver encontrando isso, envie um relatório de bug no aplicativo Assistente de Feedback)

1 Até o cromo no Mojave tem, então acho que isso é em torno de aplicativos de cromo / elétron.

Acredito que essa linha seja adicionada pelo SO, ela seja adicionada a outros aplicativos também, porém quando o aplicativo não usa a barra de título nativa então não há "gradiente" e se destaca mais porque o contraste é maior.
Essa linha também existe na IU clara, mas é menos perturbadora porque o contraste é menor.
Eu relatei isso como um "comportamento inesperado" para a apple, mas não tenho certeza se eles farão algo a respeito (a menos que muitas outras pessoas reclamarem).

Integrado sobre este Mac:
image
Não é branco puro como no Electron.

@LoganDark Parece que você está certo, acabei de verificar com 4 aplicativos diferentes, 3 deles são nativos, e cada um deles tem uma cor diferente nessa linha.
Verifiquei com "configurações", "safari", cromo (que tem a mesma cor) e "assistente de feedback".

Editar: depois de olhar mais de perto, em aplicativos nativos, parece que a linha fica mais clara quanto mais perto do topo.

alguma atualização disso? @ivanreese

@ gilad215 Parece que isso é coisa do Chrome? Não sei, sou apenas um usuário de aplicativos Electron, não um desenvolvedor de nenhum desses projetos.

Nada mudou após a atualização 69 do Chrome. Isso ainda é um problema.

Espero que seja resolvido de alguma forma, está realmente me incomodando 😆
image

Até mesmo uma janela transparente exibe a borda branca 😞

captura de pantalla 2018-09-24 a la s 20 00 56

Neste caso, uma janela transparente em tela cheia.

Muito frustrante. Eles têm que fazer uma opção para desativá-lo.
Na terça-feira, 25 de setembro de 2018 às 2:04, Rodrigo Díaz [email protected] escreveu:

Até mesmo uma janela transparente exibe a borda branca 😞

[imagem: captura de pantalla 24/09/2018 a la s 20 00 56]
https://user-images.githubusercontent.com/1670771/45983791-924aad00-c034-11e8-9034-eafd22f9ed74.png

Neste caso, uma janela transparente em tela cheia.

-
Você está recebendo isso porque foi mencionado.
Responda a este e-mail diretamente, visualize-o no GitHub
https://github.com/electron/electron/issues/13164#issuecomment-424153643 ,
ou silenciar o tópico
https://github.com/notifications/unsubscribe-auth/AXyHVF7TC99trs7UGKHDJLrzwCg7kdCSks5ueWUOgaJpZM4Ub1At
.

Experimentando isso também.

Sim, este problema está acontecendo no modo escuro e claro

Por favor,

se houver hack, update ou algo parecido, me avise. Os desenvolvedores da Apple realmente ultrapassaram os limites ao criar essa coisa feia 🤯

line

O lançamento oficial do Mojave corrigiu o problema?

Ainda estou vendo isso com o VSCode (https://github.com/Microsoft/vscode/issues/54838)

O lançamento oficial do Mojave corrigiu o problema?

Não

Use: defaults write -app [nome do aplicativo] NSRequiresAquaSystemAppearance -bool Não
Funciona!

Cancelar: padrões delete -app [nome do aplicativo] NSRequiresAquaSystemAppearance

Esta é uma solução temporária não oficial.
E não o use em aplicativos de cores claras.

A solução de @SinarPandora certamente reduz a linha branca a uma linha cinza mais fina (que não me lembro de estar lá antes). Confirmado com Sublime \ Text e Google \ Chrome.

Edit: Sim, @ Neofish22 está certo, ele não parece corrigir o problema completamente :( Agora há uma nova linha de dimmer ao redor de toda a janela.

Se você ainda quiser tentar, [application name] é escrito apenas como o nome do aplicativo, com barras invertidas antes de espaços:

defaults write -app Visual\ Studio\ Code NSRequiresAquaSystemAppearance -bool No

Continue tentando redimensionar minha janela um pixel. Parece que posso ver outro conteúdo da janela em segundo plano.

Eu me pergunto como outros aplicativos já escuros por padrão se saíram com a mudança para o suporte ao modo escuro no nível do sistema. Complicado. Não quero que o macOS toque no meu aplicativo de elétrons Atom. Eu amo isso do jeito que é.

Eu tenho uma borda na moldura + transparente

frame

@bkeating
Seus aplicativos de elétrons devem funcionar bem. O Mac não faz nada de especial ao renderizar aplicativos no Mojave em comparação com antes. Os aplicativos têm a capacidade de verificar se o modo escuro está ativado, mas o Mac OS renderiza os aplicativos exatamente como antes (exceto pelo problema de borda discutido aqui e algumas alterações irrelevantes de renderização de texto).

Parece que o problema da linha branca é do lado do sistema operacional. Não apenas aplicativos Electron.
Embora seja útil ter a opção de ocultar a linha branca na barra de título no lado do Electron. Como alternativa, ele pode ser oculto como padrão ao fazer a barra de título sem moldura ou oculta.

Edit: Sim, @ Neofish22 está certo, ele não parece corrigir o problema completamente :( Agora há uma nova linha de dimmer ao redor de toda a janela.

Se você ainda quiser tentar, [application name] é escrito apenas como o nome do aplicativo, com barras invertidas antes de espaços:

defaults write -app Visual\ Studio\ Code NSRequiresAquaSystemAppearance -bool No

Afinal, essa é uma solução temporária não oficial.
E não o use em aplicativos de cores claras.😂

Não estou usando o modo escuro e ainda estou tendo o problema em aplicativos Electron (Wavebox e Atom). Nenhum deles está usando a barra de título do sistema.

Lamento ter atualizado. Essa linha branca é tão irritante.

O mesmo problema aqui:

screen shot 2018-09-26 at 7 25 47 am

😥

Eu também tenho esse problema, não importa se o OSX está no modo escuro ou claro, então: Parece muito ruim no meu aplicativo também - não tão ruim quanto em aplicativos da barra de menu como @evilrabbit

screenshot 2018-09-27 at 08 58 12

NSRequiresAquaSystemAppearance não parece funcionar de todo. A linha do cabelo na parte superior é visível nos modos escuro e claro. hasShadow = false também não resolve isso 😢

Também o tenho no meu Chrome. (Estou usando um tema escuro, mas a borda branca parece idêntica ao que vejo no VS Code, Hyper, Now, There, Notion)
cleanshot 2018-09-27 at 18 36 50 2x

Noção, Hiper:
image

Não acho que seja um problema do Electron / MacOS, acho que pode ser um problema do Chromium.
O único aplicativo não-Electron que tem esse problema é o Chrome, e é isso que me leva a essa conclusão.
Para deixar as coisas claras, o MacOS Mojave adiciona uma linha clara à janela, mas é mais clara do que a que vemos nos aplicativos de elétron / cromo atuais e muda dependendo da posição da janela. Portanto, quanto mais perto do topo, mais leve fica, mas parece melhor do que o atual.

@morajabi @samuelgozi Não acho que seja um problema colateral do cromo ou do elétron. Você pode ver o mesmo problema de linha branca acontecendo em aplicativos nativos, bem como TextEdit, Terminal, etc.

screen shot 2018-09-29 at 10 31 46 am

A linha branca não é o problema, é por design em Mojave. O problema é que a janela transparente foi renderizada no lugar errado (ao contrário da sombra).

@vanejung É bem diferente dos nativos, compare-os lado a lado, é mais leve no Chrome e isso o torna mais chato. ( @pronebird também está se referindo a outro problema sério, eu concordo)

Comparado lado a lado:
cleanshot 2018-09-29 at 11 57 11

Eu testei várias vezes com seletores de cores e posições diferentes, a linha está lá por design, mas em aplicativos de cromo (aplicativos de elétrons e cromados) a linha é bem mais leve, em outros aplicativos a linha é mais escura e muda com base na posição do janela, portanto, quanto mais alta a janela, mais clara a linha, mas nunca é tão leve quanto nos aplicativos de cromo.

É por isso que acho que é um problema de cromo. Se o cromo tivesse uma linha mais escura ou nenhuma linha como os aplicativos nativos, isso seria uma grande dica de que é um problema de elétrons, mas por enquanto, tenho certeza de que é um problema de cromo.

@morajabi @samuelgozi Notou que os aplicativos não-Electron, como Sketch e Affinity Photo, têm o mesmo problema de linha branca proeminente junto com o Chrome. Novamente, este parece ser um problema secundário do sistema operacional, não apenas do Chromium. A propósito, estranhamente, alguns outros aplicativos como Finder, TextEdit e Spark têm um tratamento de moldura de janela diferente. Talvez haja opções de frame ou modos para os desenvolvedores escolherem? Que não tenho muita certeza.

Comparação - Sketch e Chrome
screen shot 2018-09-30 at 9 45 08 am

Alguém experimentou uma melhora de desempenho ou alguma mudança significativa que o fez querer ficar?

Na verdade, estou pensando em degradar para HS por causa dessa borda branca insuportável

Eu relatei esse bug para a Apple, sugiro que você faça o mesmo para chamar a atenção deles (porque essas bordas são horríveis), https://www.apple.com/feedback/macos.html

@MAPESO Tem certeza de que Sketch e Affinity estão em Electron ou Chromium? Dado o tamanho do aplicativo, é um pouco inacreditável, mas por favor, compartilhe se você tiver evidências.

olá, eu não irei assinar

Enviado de Mailspring (https://link.getmailspring.com/link/[email protected]/0?redirect=https%3A%2F%2Fgetmailspring.com%2F&recipient= cmVwbHkrMDIwNmY0OTQzOWQyYTI4MDI3NzRiM2UwZWQ0MTg2NTc4MWM1OGM5MjY0ZDY1NTZmOTJjZjAwMDAwMDAxMTdjZWYxMGQ5MmExNjljZTEzYTY3M2NmQHJlcGx5LmdpdGh1Yi5jb20% 3D), o melhor aplicativo de e-mail gratuito para o trabalho
Em outubro 5 2018, às 11h29, Mohammad Rajabifard [email protected] escreveu:
>

@MAPESO (https://link.getmailspring.com/link/[email protected]/1?redirect=https%3A%2F%2Fgithub.com%2FMAPESO&recipient=cmVwbHkrMDIwNmY0OTQzOWQyYTI4MDI3NzRiM2UwZWQ0MTg2NTc4MWM1OGM5MjY0ZDY1NTZmOTJjZjAwMDAwMDAxMTdjZWYxMGQ5MmExNjljZTEzYTY3M2NmQHJlcGx5LmdpdGh1Yi5jb20 % 3D) Tem certeza de que Sketch e Affinity estão em Electron ou Chromium? Dado o tamanho do aplicativo, é um pouco inacreditável, mas por favor, compartilhe se você tiver evidências.
-
Você está recebendo isto porque está inscrito neste tópico.
Responda a este e-mail diretamente, visualize-o no GitHub (https://link.getmailspring.com/link/[email protected]/2?redirect=https%3A%2F % 2Fgithub.com% 2Felectron% 2Felectron% 2Fissues% 2F13164% 23issuecomment-427302221 & destinatário = cmVwbHkrMDIwNmY0OTQzOWQyYTI4MDI3NzRiM2UwZWQ0MTg2NTc4MWM1OGM5MjY0ZDY1NTZmOTJjZjAwMDAwMDAxMTdjZWYxMGQ5MmExNjljZTEzYTY3M2NmQHJlcGx5LmdpdGh1Yi5jb20% 3D), ou cortar o fio (https://link.getmailspring.com/link/1538731872.local-24a71e1e-b964-v1.4.2 [email protected]/3?redirect=https%3A%2F%2Fgithub.com%2Fnotifications%2Funsubscribe-auth%2FAgb0lFVYdI4MQSeuMN86_SZfV-5R6tCcks5uhyaNgaJpZM4Ub1At&recipient=cmVwbHkrMDIwNmY0OTQzOWQyYTI4MDI3NzRiM2UwZWQ0MTg2NTc4MWM1OGM5MjY0ZDY1NTZmOTJjZjAwMDAwMDAxMTdjZWYxMGQ5MmExNjljZTEzYTY3M2NmQHJlcGx5LmdpdGh1Yi5jb20%3D).

@MAPESO @morajabi sketch é um aplicativo nativo

Para resumir o tópico, é definitivamente um "bug" e não se destina a estar no modo escuro do Mojave .

Onde está o bug, não temos certeza:

  • pode ser apenas Chromium (provavelmente não)
  • Uma coisa nativa do macOS, que o Chromium errou (fazendo com que todos os aplicativos Electron o tivessem) junto com alguns outros aplicativos nativos como Sketch ou Affinity.
    Se eles identificarem o problema, vamos nos livrar dessa fronteira terrível.

olá, eu não irei assinar

@Scotttresor Contanto que não seja para a série T, você tem minha permissão.

@morajabi @hemlok Acabei de verificar as informações. Eu estava errado, desculpe a confusão. Sketch é um aplicativo nativo ❤️

@morajabi Podemos dizer que é um problema Chromium e macOS Mojave

Isso é muito feio. Reconheci isso no primeiro dia ao usar o VS Code, Hyper.

Relatei isso à Apple também, a linha é boa em aplicativos macOS como o Finder, mas é realmente irritante em aplicativos de terceiros, como Chrome, VSCode, etc.

Acontece também em outros aplicativos, como WhatsApp ou Spotify, que não são aplicativos Electron.

@itsandreramon Tenho quase certeza de que o aplicativo WhatsApp para desktop é um aplicativo Electron.

Oh ok, não sabia disso. Afeta muitos aplicativos então .. que chatice.

Você pode encontrar uma lista de aplicativos feitos com Electron aqui

Isso não vai a lugar nenhum.
Precisamos de alguém que esteja envolvido com o projeto Chromium para nos ajudar a descobrir se este é um problema com a forma como o Chromium lida com janelas (talvez não esteja usando a API atualizada corretamente) ou com o sistema operacional.

Como já enviei relatórios de bug para a apple (cerca de 2 meses antes do lançamento) e nada aconteceu, talvez seja necessário enviá-los para o Chromium também.

Aqui está um link para enviar relatórios de bug no Chromium: https://crbug.com/wizard
E aqui estão as "Diretrizes para relatórios de bugs para compilações Mac e Linux": https://www.chromium.org/for-testers/bug-reporting-guidlines-for-the-mac-linux-builds

Eu acredito fortemente que este é um problema com o Chromium porque você pode ver claramente que há uma diferença entre os aplicativos nativos e os do Electron, e isso me leva a acreditar que talvez os nativos usem a API de janela de forma diferente.

Por favor, relate o bug se você tiver tempo.

Também acontece no NordVPN, que não é um aplicativo do Chromium.

Isso pode ser apenas uma decepção geral de como o modo escuro é. Eu pessoalmente esperava algo "mais lisonjeiro"; sem a borda brilhante. Algo mais parecido com átomo e é One Dark (e muitos outros). Provavelmente porque todos nós notamos.

Outro lugar que realmente atrapalha minhas engrenagens: o localizador listrado no modo de lista. Muito contraste.

Então eu percebo, a Apple provavelmente escolheu as cores e detalhes do modo escuro com base no equilíbrio aprovado para acessibilidade. Então agora me sinto um idiota por reclamar. Eu basicamente queria One Dark para todas as coisas.

Isso é bom, mas o modo escuro é ruim. Ainda temos o bit (claro / escuro) para enganchar e significa que os aplicativos ainda podem querer pegá-lo e possuí-lo.

O modo escuro é uma arte escura.

@bkeating concordo que parece que precisa de mais trabalho, no entanto, não acredito que tenham levado muito em consideração as questões de acessibilidade, o que me leva a pensar assim é que existem configurações para isso nas preferências, configurações específicas para contraste.

@NordVPN Você está certo, NordVPN não parece ser um aplicativo de elétrons, mas isso não significa que não haja problema com o cromo, eles provavelmente não tiram proveito do modo escuro (igual ao cromo).

Criei um aplicativo vazio com o Xcode e tentei algumas configurações. Como você pode ver, está sempre ligado e não tem nada a ver com nativo ou não nativo.

  • Desativar sombras remove as bordas (exceto a superior).

    • Aplicar uma cor de fundo muda a cor da borda. O preto é quase invisível em comparação com o padrão do Electron (veja abaixo)

Não vi nenhuma outra configuração enquanto olhava a API AppKit da Apple.

Código:

import Cocoa

<strong i="15">@NSApplicationMain</strong>
class AppDelegate: NSObject, NSApplicationDelegate {

    <strong i="16">@IBOutlet</strong> weak var window: NSWindow!

    func applicationDidFinishLaunching(_ aNotification: Notification) {
        window.hasShadow = false
        window.titlebarAppearsTransparent = true
        window.titleVisibility = .hidden
        window.backgroundColor = NSColor.black
    }

    func applicationWillTerminate(_ aNotification: Notification) {}

}

Configurações diferentes:
screenshot

Black bg vs Electron app:
screenshot 1

Obrigado por resolver isso @oomathias!

Acho que isso significa que o suporte ao modo escuro no elétron para qualquer aplicativo transparente, como @evilrabbit ou @gavJackson postado, será um problema 😟

@hemlok Uma janela transparente se parece com isto 😞

@oomathias Enviei um PR que remove a linha branca para janelas sem moldura. https://github.com/electron/electron/pull/15012

@pronebird Nice! Fico feliz que você tenha encontrado e corrigido o problema das janelas transparentes. Não tenho experiência com aplicativos nativos da Apple, só queria confirmar que é realmente por design.

Ele foi corrigido no VS Code Insiders, ainda não na versão estável.
Superior estável com emissão de borda branca. Bottom Insiders, que é uma linha de sistema operacional normal, é muito melhor.
image

@morajabi Esse pode ser o meu PR do modo dark para vscode sendo liberado para insiders, @bpasero isso foi divulgado para insiders agora?

@MarshallOfSound sim, agora sim

@MarshallOfSound Suponho que o PR em questão seja este: https://github.com/Microsoft/vscode/pull/59742

Talvez com base neste trabalho original: https://github.com/electron/electron/pull/14755

Eu me pergunto como outros aplicativos já escuros por padrão se saíram com a mudança para o suporte ao modo escuro no nível do sistema.

Não muito bem. Estou vendo linhas em todos os aplicativos de modo escuro que não sejam da Apple.

Eu estava tão animado para o modo escuro em todo o sistema que fui contra meu melhor julgamento e atualizei. Este modo escuro dedicado, na verdade, tornou minha experiência no modo escuro pior do que antes, quando eu estava apenas recapitulando aplicativos de elétrons.

Há uma solução alternativa para esse problema, consulte:

https://github.com/zeit/hyper/issues/3259#issuecomment -431272678

@lehni, isso já foi mencionado mais acima neste tópico e não corrige o problema completamente: https://github.com/electron/electron/issues/13164#issuecomment -424309847

Espero que isso seja corrigido o mais rápido possível, é tão irritante ...

Esta correção é apenas para usuários normais que procuram conveniência e não uma correção para o problema relatado .
Isso dará ao Mojave uma aparência mais semelhante a High Sierra, onde apenas a barra de menus e a doca são escuras.

  1. Mude para o modo Light em Preferências -> Geral
  2. Digite este comando no terminal
    defaults write -g NSRequiresAquaSystemAppearance -bool Yes
  3. Saia e faça login novamente.
  4. Vá para Preferências -> Geral e mude para o modo escuro.

PS, se quiser desfazer o que fez, repita as etapas com:
defaults delete -g NSRequiresAquaSystemAppearance

@ brave3d Isso já foi recomendado e não funciona. Eu testei com vários aplicativos, incluindo Discord e Spotify, e as linhas ainda estão lá.

https://i.imgur.com/MKGgu30.png

É um efeito global adicionado aos modos claro e escuro.

@degecko Eu já disse que não é um conserto , é essencialmente mudar a IU para o modo Light e manter o Dock e a barra de menus no modo escuro para que seja mais parecido com o High Sierra até que uma solução melhor esteja disponível.

Eu tenho uma borda na moldura + transparente

frame

O mesmo propósito :))
image

Alguma notícia sobre isso ?? 🤔

Acredito que isso deva ser fechado, pois agora é possível implementar tudo relacionado ao Mojave Dark Mode. As seguintes etapas são necessárias:

  • adicione o seguinte ao seu Info.plist
<key>NSRequiresAquaSystemAppearance</key>
<false/>
  • use os métodos e eventos electron.systemPreferences e eventos relacionados ao Modo escuro do Mojave como setAppLevelAppearance isDarkMode e eventos como systemPreferences.subscribeNotification('AppleInterfaceThemeChangedNotification'...

Não está funcionando para mim. Com essas etapas, o modo escuro é aplicado, mas a sombra da barra superior ainda está lá. Eu tenho um aplicativo de bandeja com uma seta típica apontando para ele, então meu menu deve estar oculto. Você pode nos dar mais informações para conseguir isso? Obrigado!

Alguma outra solução?

Eu também entendo esse problema.

ENV: 
electron: 4.0.0
os: mac 10.14.2, Light Mode
app: frameless and transparent window

Alguma solução além de executar o comando "default ...- bool no"?

Este bug pode ser resolvido definindo titleBarStyle: 'customButtonsOnHover' , mas causando outro problema: titleBar aparecerá ao passar o mouse sobre ele.

Este bug pode ser resolvido definindo titleBarStyle: 'customButtonsOnHover' , mas causando outro problema: titleBar aparecerá ao passar o mouse sobre ele.

Obrigado por isso @vifird! Mas leve em consideração que também remove os cantos arredondados. 😞

Este bug pode ser resolvido definindo titleBarStyle: 'customButtonsOnHover' , mas causando outro problema: titleBar aparecerá ao passar o mouse sobre ele.

Obrigado por isso @vifird! Mas leve em consideração que também remove os cantos arredondados. 😞

Sim, então poderíamos adicionar cantos arredondados por folha de estilo.

Consulte o documento eletrônico

Se você estiver usando electron-packager > = 12.2.0 ou electron-forge > = 6, você pode definir a opção darwinDarkModeSupport ao empacotar e esta chave será definida para você.

Se você estiver usando electron-builder > = 20.37.0, você pode definir a opção darkModeSupport .

Ei pessoal, atualização rápida sobre isso, vou dividir este bug em duas categorias e explicar o caminho a seguir para cada um.

"Meu aplicativo tem uma linha branca na parte superior e não parece certo com minha barra de título personalizada do macOS"

Como mencionado acima por @ Pong420, você deve verificar nosso guia do Modo escuro no site Electron. Em particular, as sinalizações darwinDarkModeSupport para packager / forge, pois isso tornará a "linha branca" menos óbvia e mais alinhada com o esquema de cores do sistema operacional quando o modo darm estiver habilitado.

"Meu aplicativo é transparente e agora tem uma linha branca na parte superior e parece errado"

Infelizmente, isso é atualmente classificado pela apple como um "bug conhecido" com o Mojave. Conversei com a equipe técnica da Apple por meio do TSI e eles concordam que o código que forneci deve funcionar (e funciona em <= 10.13). Eles levantaram isso internamente e tudo o que podemos fazer agora é esperar que eles consertem em uma versão futura do Mojave / macOS.

TLDR: ative o suporte ao modo escuro para seu aplicativo para fazer a linha branca parecer um pouco melhor, fora isso, este bug está no tribunal da Apple agora

Conversei com a equipe técnica da Apple por meio do TSI e eles concordam que o código que forneci deve funcionar (e funciona em <= 10.13). Eles levantaram isso internamente e tudo o que podemos fazer agora é esperar que eles consertem em uma versão futura do Mojave / macOS.

@MarshallOfSound incrível, isso parece ótimo! Você atualizará este tópico se houver algum movimento do lado da Apple?

Este bug pode ser resolvido definindo titleBarStyle: 'customButtonsOnHover' , mas causando outro problema: titleBar aparecerá ao passar o mouse sobre ele.

@MarshallOfSound
Alguma novidade?
Tenho certeza de que esse bug pode ser corrigido, por exemplo, forneça outro valor da propriedade titleBarStyle , como customButtonsOnHover mas sem botões flutuantes.

Existe alguma maneira de testar / fazer isso durante o desenvolvimento?

@MarshallOfSound
Alguma novidade?
Este bug durou muito tempo. Por que não fazer um patch nele?
Realmente precisamos de um comportamento correto, embora seja um bug da Apple.

Isso pode ser corrigido com o patch mais recente que desembarcou no Electron v6 beta 5

https://github.com/electron/electron/issues/15008#issuecomment -497498135

@pronebird É legal, mas não parece a resolução oficial?

Olá pessoal, recebi boas notícias da apple e as validei agora mesmo. O Catalina beta corrige esse problema no lado da Apple, uma vez que Catalina foi lançado como uma versão estável, a linha branca não aparece mais em transparent: true ou frame: false windows 👍

uma espécie de chatice; Eu estava prestes a puxar o gatilho para fazer uma camiseta do tipo "o modo escuro causa uma linha branca no topo dos aplicativos de elétrons" e ter a gola com uma linha branca sutil ao redor. booo.

... não totalmente convencido de que este tópico está morto ainda. mas estou animado para ouvir as boas palavras sobre Catalina.

18485 foi portado para o Electron 5.0.3 e corrige esse problema para mim (usando customButtonsOnHover e os sinalizadores apropriados)! Tive a sensação de que um patch como este poderia ser feito ... um grande obrigado a @codebytere , agora posso começar a testar o beta do meu aplicativo de verdade

Isso também existia para o modo leve no meu MacOS.

Confirmado corrigido após a atualização para Catalina.

Catalina 10.15, parece que adiciona novos problemas - uma borda preta estranha (ou quase) e outra borda mais clara (provavelmente era antes; a janela de Ferramentas do desenvolvedor, por exemplo, tem este quadro também) aparece após a atualização.

Borda escura
image
Lista de opções do Windows:

{
  show: false,
  darkTheme: true,
  backgroundColor: '#000000ff',
  frame: false,
  titleBarStyle: 'hiddenInset',
  vibrancy: 'dark'
}

Fronteira mais clara
image
Lista de opções do Windows:

{
  show: false,
  center: true,
  darkTheme: true,
  resizable: false,
  maximizable: false,
  fullscreenable: false,
  frame: false,
  backgroundColor: '#1f1f1f',
  titleBarStyle: 'hiddenInset'
}

NSRequiresAquaSystemAppearance está definido como verdadeiro

Como apenas remover esses cromo para sempre?

@nickensoul , você descobriu como se livrar da linha preta?

@bernatfortet não, apenas deixei como está por enquanto. Eu acredito que requer algumas mudanças de interação com APIs do sistema (e eu acho, é o núcleo do Electron, então precisaria de um fork)
Então, ainda estou esperando.

te peguei, obrigado!

A linha branca na parte superior da tela é transparente. Se você puder colocar uma linha #000000 abaixo dela, poderá escurecê-la um pouco.

É um pouco complicado renderizá-lo, mas adicionar o seguinte à minha barra de título personalizada resolveu.

border-top: 1px solid #000000
padding-top: 1px
margin-top: -1px
````

The white bar came down from `rgb(175,175,175)` to `rgb(151,151,151)`

Edit: this may also require the following inside the title bar:

```html
<div style="position: fixed; top: 0; left: 0; background: #000; height: 1px; width: 100%"></div>

Para quem está vindo agora, parece que foi corrigido em Catalina. Acabei de testar em 10.15.2

Para quem está vindo agora, parece que foi corrigido em Catalina. Acabei de testar em 10.15.2

@ adam-lynch No Atom ainda vejo a linha:
https://user-images.githubusercontent.com/43918077/67483562-bda42f00-f66e-11e9-8fb4-4590dc06822e.png

Parece que o Atom está usando uma versão mais antiga do Electron ...

em Big Sur todas as janelas têm linha branca

Em Big Sur, é uma borda preta fora de uma borda esbranquiçada, exceto em Discord que atualmente preenche os cantos também :( Esperançosamente um bug no beta inicial.

2020-06-24_01 27 52-886a2eca

Edit: Visto SÓ a discórdia tem esse comportamento de preenchimento até agora.

@robjtede Eu não

@robjtede Eu não

Não apenas os aplicativos de terceiros têm esse problema, mas também todos os aplicativos da Apple, como Finder, Música, Safari.
Aqui está a imagem:
Screen Shot 2020-06-25 at 00 13 13

Levanto a questão aqui é fazer com que mais pessoas fiquem cientes do bug do Big Sur, para que a equipe da Apple possa notá-lo e corrigi-lo.
Claro, levantei o problema no assistente de feedback e no fórum de desenvolvedores.

Editar: atualize a imagem para torná-la maior.

@robjtede Eu não

Não apenas os aplicativos de terceiros têm esse problema, mas também todos os aplicativos da Apple, como Finder, Música, Safari.
Aqui está a imagem:
Screen Shot 2020-06-25 at 00 13 13

Levanto a questão aqui é fazer com que mais pessoas fiquem cientes do bug do Big Sur, para que a equipe da Apple possa notá-lo e corrigi-lo.
Claro, levantei o problema no assistente de feedback e no fórum de desenvolvedores.

Editar: atualize a imagem para torná-la maior.

Alguma novidade? É meio chato ver essas linhas brancas em todas as janelas quando no modo escuro ...

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

rhnorskov picture rhnorskov  ·  3Comentários

ThorstenHans picture ThorstenHans  ·  3Comentários

christiangenco picture christiangenco  ·  3Comentários

diracdeltas picture diracdeltas  ·  3Comentários

DanielDignam picture DanielDignam  ·  3Comentários