Electron: El modo oscuro de Mojave provoca una línea blanca en la parte superior de las aplicaciones de Electron

Creado en 6 jun. 2018  ·  110Comentarios  ·  Fuente: electron/electron

  • Versión electrónica: ???
  • Sistema operativo (plataforma y versión): macOS 10.14 Mojave
  • Última versión conocida de Electron en funcionamiento: ???

Comportamiento esperado
Sin lineas blancas

Comportamiento real
Hay una delgada línea blanca en el borde superior de Discord.

Reproducir
Descarga Discord y corre.

Capturas de pantalla
image

Información Adicional
Puede estar relacionado con el tema oscuro.


Soy consciente de que macOS Mojave no es exactamente accesible para todos todavía, pero estoy informando esto por si acaso.

bug platformacOS

Comentario más útil

Por favor,

si hay algún truco, actualización o algo así, hágamelo saber. Los desarrolladores de Apple realmente cruzaron la línea al crear esta cosa fea 🤯

line

Todos 110 comentarios

👋 ¡Gracias por abrir su primer número aquí! Si informa un error 🐞, asegúrese de incluir los pasos para reproducirlo. Tenemos muchos problemas con este repositorio, así que tenga paciencia y nos pondremos en contacto con usted lo antes posible.

Para facilitarnos la investigación de su problema, siga las pautas de contribución .

Confirmar que esto sucede en todas las aplicaciones de Electron que tengo en modo oscuro de Mojave.

Offtopic: tal vez el método systemPreferences.isDarkMode() obtenga algo más de amor ahora. Me alegra ver que la API existente lo admite.

Ayer probé Mojave, también vi la línea. Además, el cuadro de diálogo de apertura de archivo estándar todavía apareció en blanco

Esto sucede tanto en el modo oscuro como en el modo claro. Creo que tiene algo que ver con las aplicaciones que ocultan la barra de título.

Tengo el problema en Atom, Hyper y Slack.

También le informé del problema a Apple. (Otros informes pueden ayudar, tienden a priorizar los problemas que informan varias personas, por lo que si se encuentra con esto, envíeles un informe de error en la aplicación Feedback Assistant)

+1 Incluso Chrome en Mojave lo tiene, así que creo que se trata de aplicaciones de cromo / electrones.

Creo que esta línea es agregada por el sistema operativo, también se agrega a otras aplicaciones, sin embargo, cuando la aplicación no usa la barra de título nativa, no hay "gradiente" y se destaca más porque el contraste es mayor.
Esta línea también existe en la interfaz de usuario clara, pero es menos molesta porque el contraste es menor.
Informé de esto como un "comportamiento inesperado" a Apple, pero no estoy seguro de que hagan algo al respecto (a menos que muchas otras personas se quejen).

Integrado Acerca de esta Mac:
image
No es blanco puro como en Electron.

@LoganDark Parece que tienes razón, acabo de verificar con 4 aplicaciones diferentes, 3 de ellas son nativas y cada una tiene un color diferente en esa línea.
Lo verifiqué con "configuración", "safari", cromo (que tiene el mismo color) y "asistente de retroalimentación".

Editar: después de mirarlo más de cerca, en las aplicaciones nativas, parece que la línea se vuelve más clara cuanto más cerca está de la parte superior.

¿Algún avance en esto? @ivanreese

@ gilad215 ¿ Parece que esto es algo de Chrome? No lo sé, solo soy un usuario de aplicaciones de Electron, no un desarrollador de ninguno de estos proyectos.

Nada ha cambiado después de la actualización 69 de Chrome. Esto sigue siendo un problema.

Espero que se resuelva de alguna manera, realmente me está molestando 😆
image

Incluso una ventana transparente muestra el borde blanco 😞

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

En este caso, una ventana transparente a pantalla completa.

Realmente frustrante. Tienen que hacer una opción para desactivarlo.
El martes 25 de septiembre de 2018 a las 2:04, Rodrigo Díaz [email protected] escribió:

Incluso una ventana transparente muestra el borde blanco 😞

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

En este caso, una ventana transparente a pantalla completa.

-
Estás recibiendo esto porque te mencionaron.
Responda a este correo electrónico directamente, véalo en GitHub
https://github.com/electron/electron/issues/13164#issuecomment-424153643 ,
o silenciar el hilo
https://github.com/notifications/unsubscribe-auth/AXyHVF7TC99trs7UGKHDJLrzwCg7kdCSks5ueWUOgaJpZM4Ub1At
.

Experimentando esto también.

Sí, este problema ocurre tanto en el modo oscuro como en el claro

Por favor,

si hay algún truco, actualización o algo así, hágamelo saber. Los desarrolladores de Apple realmente cruzaron la línea al crear esta cosa fea 🤯

line

¿El lanzamiento oficial de Mojave solucionó el problema?

Todavía lo veo con VSCode (https://github.com/Microsoft/vscode/issues/54838)

¿El lanzamiento oficial de Mojave solucionó el problema?

nop

Utilice: defaults write -app [nombre de la aplicación] NSRequiresAquaSystemAppearance -bool No
¡Funciona!

Cancelar: predeterminado eliminar -app [nombre de la aplicación] NSRequiresAquaSystemAppearance

Esta es una solución temporal no oficial.
Y no lo use en aplicaciones de colores claros.

La solución de @SinarPandora ciertamente reduce la línea blanca a una gris más delgada (que no recuerdo haber estado allí antes). Confirmado con Sublime \ Text y Google \ Chrome.

Editar: Sí, @ Neofish22 tiene razón, no parece solucionar el problema por completo :( Ahora hay una nueva línea de atenuación alrededor de toda la ventana.

Si aún desea probarlo, [application name] se escribe solo como el nombre de la aplicación, con barras invertidas antes de los espacios:

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

Sigue alcanzando para cambiar el tamaño de mi ventana un píxel. Hace que parezca que puedo ver otro contenido de ventana en segundo plano.

Me pregunto cómo les ha ido a otras aplicaciones ya oscuras por defecto con el paso al soporte del modo oscuro a nivel del sistema. Difícil. No quiero que macOS toque mi aplicación Atom electron en absoluto. Me encanta tal como es.

Tengo un borde en marco + transparente

frame

@bkeating
Tus aplicaciones electrónicas deberían estar bien. Mac no hace nada especial al renderizar aplicaciones en Mojave en comparación con antes. Las aplicaciones tienen la capacidad de verificar si el modo oscuro está habilitado, pero Mac OS procesa las aplicaciones como antes (excepto por el problema del borde discutido aquí y algunos cambios irrelevantes en la representación del texto).

Parece que el problema de la línea blanca es del lado del sistema operativo. No solo aplicaciones de Electron.
Aunque sería útil tener una opción para ocultar la línea blanca en la barra de título en el lado de Electron. Alternativamente, podría estar oculto por defecto al hacer una barra de título oculta o sin marco.

Editar: Sí, @ Neofish22 tiene razón, no parece solucionar el problema por completo :( Ahora hay una nueva línea de atenuación alrededor de toda la ventana.

Si aún desea probarlo, [application name] se escribe solo como el nombre de la aplicación, con barras invertidas antes de los espacios:

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

Después de todo, esta es una solución temporal no oficial.
Y no lo use en aplicaciones de colores claros.

No estoy usando el modo oscuro y sigo teniendo el problema en las aplicaciones de Electron (Wavebox y Atom). Ninguno de los dos está usando la barra de título del sistema.

Lamento actualizarme. Esa línea blanca es tan irritante.

El mismo problema aquí:

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

😥

También tengo este problema, no importa si OSX está en modo oscuro o claro, aunque: también se ve bastante mal en mi aplicación, no tan mal como en las aplicaciones de la barra de menú como @evilrabbit

screenshot 2018-09-27 at 08 58 12

NSRequiresAquaSystemAppearance no parece funcionar en absoluto. La línea del cabello en la parte superior es visible tanto en el modo oscuro como en el claro. hasShadow = false tampoco soluciona esto 😢

También lo tengo en mi Chrome. (Estoy usando un tema oscuro, pero el borde blanco parece idéntico a lo que veo en VS Code, Hyper, Now, There, Notion)
cleanshot 2018-09-27 at 18 36 50 2x

Noción, Hyper:
image

No creo que esto sea un problema de Electron / MacOS, creo que podría ser un problema de Chromium.
La única aplicación que no es de Electron que tiene este problema es Chrome, y eso es lo que me lleva a esa conclusión.
Para aclarar las cosas, MacOS Mojave agrega una línea de luz a la ventana, pero es más clara que la que vemos en las aplicaciones actuales de electron / chrome, y cambia según la posición de la ventana. Entonces, cuanto más cerca está de la parte superior, más ligero se vuelve, pero se ve mejor que el actual.

@morajabi @samuelgozi No creo que sea un problema secundario de Chromium o Electron. Puede ver el mismo problema de línea blanca en aplicaciones nativas como TextEdit, Terminal, etc.

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

La línea blanca no es el problema, es por diseño en Mojave. El problema es que la ventana transparente se representa en el lugar incorrecto (a diferencia de la sombra).

@vanejung Es bastante diferente a los nativos, compáralos uno al lado del otro, es más liviano en Chrome y eso lo hace más molesto. ( @pronebird también se refiere a otro problema serio, estoy de acuerdo)

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

Lo probé varias veces con selectores de color y diferentes posiciones, la línea está ahí por diseño, pero en las aplicaciones de cromo (aplicaciones de electrones y cromo) la línea es mucho más clara, en otras aplicaciones la línea es más oscura y cambia según la posición del ventana, por lo que cuanto más alta sea la ventana, más clara será la línea, pero nunca es tan clara como en las aplicaciones de cromo.

Por eso creo que es un problema de cromo. Si Chrome tuviera una línea más oscura o ninguna, como las aplicaciones nativas, sería un gran indicio de que es un problema de electrones, pero por ahora, estoy bastante seguro de que es un problema de cromo.

@morajabi @samuelgozi Notó que las aplicaciones que no son de Electron como Sketch y Affinity Photo tienen el mismo problema de línea blanca prominente junto con Chrome. Nuevamente, esto parece ser un problema del lado del sistema operativo, no solo de Chromium. Por cierto, curiosamente, algunas otras aplicaciones como Finder, TextEdit y Spark tienen un tratamiento de marco de ventana diferente. ¿Quizás hay opciones de marco o modos para que los desarrolladores elijan? Eso no estoy muy seguro.

Comparación: Sketch y Chrome
screen shot 2018-09-30 at 9 45 08 am

¿Alguien ha experimentado una mejora en el rendimiento o algún cambio significativo que le haga querer quedarse?

De hecho, estoy considerando degradar a HS debido a este borde blanco insoportable.

Le informé este error a Apple, le sugiero que haga lo mismo para llamar su atención (porque estos bordes son simplemente horrendos), https://www.apple.com/feedback/macos.html

@MAPESO ¿Estás seguro de que Sketch y Affinity están en Electrón o Cromo? Dado el tamaño de la aplicación, es un poco increíble, pero por favor comparta si tiene pruebas.

hola no me suscribo

Enviado desde Mailspring (https://link.getmailspring.com/link/[email protected]/0?redirect=https%3A%2F%2Fgetmailspring.com%2F&recipient= cmVwbHkrMDIwNmY0OTQzOWQyYTI4MDI3NzRiM2UwZWQ0MTg2NTc4MWM1OGM5MjY0ZDY1NTZmOTJjZjAwMDAwMDAxMTdjZWYxMGQ5MDAxMTdjZWYxMGQ5MpTEnjl3djZWYxMGQ5MpTExNjl3dj3dj5MGQ5MpJM5ExNj2
El oct. 5 de 2018, a las 11:29 a.m., Mohammad Rajabifard [email protected] escribió:
>

@MAPESO (https://link.getmailspring.com/link/[email protected]/1?redirect=https%3A%2F%2Fgithub.com%2FMAPESO&recipient=cmVwbHkrMDIwNmY0OTQzOWQyYTI4MDI3NzRiM2UwZWQ0MTg2NTc4MWM1OGM5MjY0ZDY1NTZmOTJjZjAwMDAwMDAxMTdjZWYxMGQ5MmExNjljZTEzYTY3M2NmQHJlcGx5LmdpdGh1Yi5jb20 % 3D) ¿Está seguro de que Sketch y Affinity están en Electron o Chromium? Dado el tamaño de la aplicación, es un poco increíble, pero por favor comparta si tiene pruebas.
-
Recibes esto porque estás suscrito a este hilo.
Responda a este correo electrónico directamente, véalo en GitHub (https://link.getmailspring.com/link/[email protected]/2?redirect=https%3A%2F % 2Fgithub.com% 2Felectron% 2Felectron% 2Fissues% 2F13164% 23issuecomment-427302221 y receptor = cmVwbHkrMDIwNmY0OTQzOWQyYTI4MDI3NzRiM2UwZWQ0MTg2NTc4MWM1OGM5MjY0ZDY1NTZmOTJjZjAwMDAwMDAxMTdjZWYxMGQ5MmExNjljZTEzYTY3M2NmQHJlcGx5LmdpdGh1Yi5jb20% 3D), o silenciar la rosca (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 es una aplicación nativa

Para resumir el hilo, definitivamente es un "error" y no está destinado a estar en el modo oscuro de Mojave .

Dónde está el error, no estamos seguros:

  • podría ser solo Chromium (probablemente no)
  • Una cosa nativa de macOS, que Chromium se equivocó (haciendo que todas las aplicaciones de Electron lo tuvieran) junto con otras aplicaciones nativas como Sketch o Affinity.
    Si identifican el problema, nos desharemos de esta terrible frontera.

hola no me suscribo

@Scotttresor Siempre que no sea para T-Series, entonces tienes mi permiso.

@morajabi @hemlok Acabo de verificar la información. Me equivoqué, lamento la confusión. Sketch es una aplicación nativa ❤️

@morajabi Podríamos decir que es un problema Chromium y macOS Mojave

Esto es muy feo. Lo reconocí el primer día al usar VS Code, Hyper.

También informé de esto a Apple, la línea está bien en aplicaciones macOS como Finder, pero es realmente molesto en aplicaciones de terceros como Chrome, VSCode, etc.

También ocurre en otras aplicaciones como WhatsApp o Spotify, que no son aplicaciones de Electron.

@itsandreramon Estoy bastante seguro de que la aplicación de escritorio de WhatsApp es una aplicación de Electron.

Oh está bien, no sabía eso. Afecta a una gran cantidad de aplicaciones entonces .. fastidio.

Puede encontrar una lista de aplicaciones creadas con Electron aquí

Esto no va a ninguna parte.
Necesitamos a alguien que esté involucrado con el proyecto Chromium para ayudarnos a descubrir si esto es un problema con la forma en que Chromium maneja las ventanas (tal vez no esté usando la API actualizada correctamente) o con el sistema operativo.

Como ya presenté informes de errores a Apple (alrededor de 2 meses antes del lanzamiento) y no pasó nada, es posible que también tengamos que enviarlos a Chromium.

Aquí hay un enlace para presentar informes de errores en Chromium: https://crbug.com/wizard
Y aquí están las "Directrices de notificación de errores para las compilaciones de Mac y Linux": https://www.chromium.org/for-testers/bug-reporting-guidlines-for-the-mac-linux-builds

Creo firmemente que esto es un problema con Chromium porque puede ver claramente que hay una diferencia entre las aplicaciones nativas y las de Electron, y eso me lleva a creer que tal vez las nativas usan la API de ventana de manera diferente.

Informe el error si tiene tiempo.

También sucede en NordVPN, que no es una aplicación de Chromium.

Esto puede ser solo una decepción general de lo oscuro que es el modo. Personalmente esperaba algo 'más plano'; sin el borde brillante. Algo más en la línea del átomo y es One Dark (y muchos otros). Probablemente por eso todos lo notamos.

Otro lugar donde esto realmente muele mis engranajes: el buscador de rayas en modo de lista. Demasiado contraste.

Entonces me doy cuenta de que Apple probablemente eligió sus colores y detalles de modo oscuro en función del equilibrio aprobado por la accesibilidad. Así que ahora me siento como un idiota por quejarme. Básicamente, quería One Dark para todas las cosas.

Esto es bueno, aunque ese modo oscuro es patético. Aún obtenemos el bit (claro / oscuro) para conectar y significa que las aplicaciones aún pueden querer tomarlo y poseerlo por sí mismas.

El modo oscuro es arte oscuro.

@bkeating Estoy de acuerdo en que se siente que necesita más trabajo, sin embargo, no creo que hayan tenido demasiado en cuenta los problemas de accesibilidad, lo que me lleva a pensar que sí es que hay configuraciones para esto en las preferencias, configuraciones específicamente para contraste.

@NordVPN Tienes razón, NordVPN no parece ser una aplicación de electrones, pero eso no significa que no haya problemas con el cromo, probablemente no aprovechen el modo oscuro (al igual que el cromo).

Creé una aplicación vacía con Xcode y probé algunas configuraciones. Como puede ver, siempre está encendido y no tiene nada que ver con nativo o no nativo.

  • La desactivación de las sombras elimina los bordes (excepto el superior).

    • La aplicación de un color de fondo cambia el color del borde. El negro es casi invisible en comparación con el predeterminado de Electron (ver más abajo)

No vi ninguna otra configuración mientras miraba la API de Apple AppKit.

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) {}

}

Diferentes escenarios:
screenshot

Aplicación Black bg vs Electron:
screenshot 1

¡Gracias por resolver eso @oomathias!

Supongo que eso significa que el soporte del modo oscuro en electron para cualquier aplicación transparente, como @evilrabbit o @gavJackson publicados, será un problema

@hemlok Una ventana transparente se ve así 😞

@oomathias He enviado un PR que elimina la línea blanca para ventanas sin marco. https://github.com/electron/electron/pull/15012

@pronebird ¡Agradable! Me alegra que haya encontrado y solucionado el problema de las ventanas transparentes. No tengo experiencia con la aplicación nativa de Apple, solo quería confirmar que de hecho es por diseño.

Se corrigió en VS Code Insiders, aún no en la versión estable.
Arriba, estable con problema de borde blanco. Bottom Insiders, que es la línea normal del sistema operativo, es mucho mejor.
image

@morajabi Ese podría ser mi PR en modo oscuro para que vscode se entregue a los iniciados, @bpasero ¿ eso ha salido a los iniciados ahora?

@MarshallOfSound sí, ahora lo hizo

@MarshallOfSound Supongo que el PR en cuestión es este: https://github.com/Microsoft/vscode/pull/59742

Quizás basado en este trabajo original: https://github.com/electron/electron/pull/14755

Me pregunto cómo les ha ido a otras aplicaciones ya oscuras por defecto con el paso al soporte del modo oscuro a nivel del sistema.

Nada bien. Veo líneas en todas las aplicaciones de modo oscuro que no son de Apple.

Estaba tan emocionado por el modo oscuro en todo el sistema que fui en contra de mi mejor juicio y actualicé. Este modo oscuro dedicado en realidad hizo que mi experiencia en el modo oscuro fuera peor que antes cuando solo estaba cambiando la piel de las aplicaciones electrónicas.

Hay una solución para este problema, consulte:

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

@lehni, esto ya se mencionó más arriba en este hilo y no soluciona el problema por completo: https://github.com/electron/electron/issues/13164#issuecomment -424309847

Espero que esto se solucione lo antes posible, es tan molesto ...

Esta solución es solo para usuarios normales que buscan comodidad y no una solución para el problema informado .
Le dará a Mojave una apariencia más similar a High Sierra, donde solo la barra de menú y el muelle están oscuros.

  1. Cambie al modo Luz desde Preferencias -> General
  2. Ingrese este comando en la terminal
    defaults write -g NSRequiresAquaSystemAppearance -bool Yes
  3. Cierre la sesión y luego vuelva a iniciarla.
  4. Vaya a Preferencias -> General y cambie al Modo oscuro.

PD: si quieres deshacer lo que has hecho, repite los pasos con:
defaults delete -g NSRequiresAquaSystemAppearance

@ brave3d Esto ya se ha recomendado y no funciona. Lo probé con varias aplicaciones, incluidas Discord y Spotify, y las líneas siguen ahí.

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

Es un efecto global agregado en los modos claro y oscuro.

@degecko Ya he dicho que no es una solución , esencialmente cambia la interfaz de usuario al modo claro y mantiene el Dock y la barra de menú en modo oscuro, por lo que será más como High Sierra hasta que haya una mejor solución disponible.

Tengo un borde en marco + transparente

frame

El mismo propósito :))
image

¿¿Alguna noticia sobre esto?? 🤔

Creo que esto debería cerrarse, ya que ahora es posible implementar todo lo relacionado con Mojave Dark Mode. Se necesitan los siguientes pasos:

  • agregue lo siguiente a su Info.plist
<key>NSRequiresAquaSystemAppearance</key>
<false/>
  • use los métodos y eventos electron.systemPreferences relacionados con el modo oscuro de Mojave como setAppLevelAppearance isDarkMode y eventos como systemPreferences.subscribeNotification('AppleInterfaceThemeChangedNotification'...

No funciona para mi. Con estos pasos, se aplica el modo oscuro pero la sombra de la barra superior sigue ahí. Tengo una aplicación de bandeja con la típica flecha apuntando hacia ella, por lo que mi menú debe estar oculto. ¿Puede darnos más información para lograrlo? ¡Gracias!

¿Alguna otra solución?

También tengo este problema.

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

¿Alguna solución además de ejecutar el comando "default ...- bool no"?

Este error se puede resolver configurando titleBarStyle: 'customButtonsOnHover' , pero causando otro problema: titleBar aparecerá al pasar el cursor sobre él.

Este error se puede resolver configurando titleBarStyle: 'customButtonsOnHover' , pero causando otro problema: titleBar aparecerá al pasar el cursor sobre él.

¡Gracias por eso @vifird! Pero tenga en cuenta que también elimina las esquinas redondeadas. 😞

Este error se puede resolver configurando titleBarStyle: 'customButtonsOnHover' , pero causando otro problema: titleBar aparecerá al pasar el cursor sobre él.

¡Gracias por eso @vifird! Pero tenga en cuenta que también elimina las esquinas redondeadas. 😞

Sí, entonces podríamos agregar esquinas redondeadas por hoja de estilo.

Consulte el documento electrónico

Si está utilizando electron-packager > = 12.2.0 o electron-forge > = 6 , puede configurar la opción darwinDarkModeSupport al empaquetar y esta clave se configurará automáticamente.

Si está utilizando electron-builder > = 20.37.0 , puede configurar la opción darkModeSupport .

Hola amigos, actualización rápida sobre esto, voy a dividir este error en dos categorías y explicar el camino a seguir para cada una.

"Mi aplicación tiene una línea blanca en la parte superior y no se ve bien con mi barra de título personalizada de macOS"

Como mencionó anteriormente @ Pong420 , debe consultar nuestra guía de Modo oscuro en el sitio web de Electron. En particular, las banderas darwinDarkModeSupport para empaquetador / forja, ya que harán que la "línea blanca" sea menos obvia y más en línea con el esquema de color de su sistema operativo cuando el modo darm esté habilitado.

"Mi aplicación es transparente y ahora tiene una línea blanca en la parte superior y se ve mal"

Desafortunadamente, Apple lo clasifica actualmente como un "error conocido" con Mojave. He tenido conversaciones con el equipo técnico de Apple a través de TSI y están de acuerdo en que el código que proporcioné debería funcionar (y funciona en <= 10.13). Han planteado esto internamente y todo lo que podemos hacer ahora es esperar que lo solucionen en una versión futura de Mojave / macOS.

TLDR: habilite la compatibilidad con el modo oscuro para su aplicación para que la línea blanca se vea un poco mejor, aparte de eso, este error está en la cancha de Apple ahora 👍

He tenido conversaciones con el equipo técnico de Apple a través de TSI y están de acuerdo en que el código que proporcioné debería funcionar (y funciona en <= 10.13). Han planteado esto internamente y todo lo que podemos hacer ahora es esperar que lo solucionen en una versión futura de Mojave / macOS.

@MarshallOfSound increíble, ¡esto suena genial! ¿Actualizará este hilo si hay algún movimiento por parte de Apple?

Este error se puede resolver configurando titleBarStyle: 'customButtonsOnHover' , pero causando otro problema: titleBar aparecerá al pasar el cursor sobre él.

@MarshallOfSound
¿Hay noticias?
Estoy bastante seguro de que este error se puede solucionar, por ejemplo, proporcione otro valor de titleBarStyle propiedad, como customButtonsOnHover pero sin botones flotantes.

¿Hay alguna forma de probar / hacer esto mientras está en desarrollo?

@MarshallOfSound
¿Hay noticias?
Este error ha durado tanto tiempo. ¿Por qué no hacerle un parche?
Realmente necesitamos un comportamiento correcto, aunque es un error de Apple.

Esto se puede solucionar con el último parche que aterrizó en Electron v6 beta 5

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

@pronebird Es genial, pero ¿no parece la resolución oficial?

Hola amigos, recibí buenas noticias de Apple y las validé hace un momento. La beta de Catalina soluciona este problema por parte de Apple, una vez que Catalina se ha lanzado como una versión estable, la línea blanca ya no aparece en transparent: true o frame: false windows 👍

una especie de fastidio; Estaba a punto de apretar el gatillo para hacer una camiseta "el modo oscuro provoca una línea blanca en la parte superior de las aplicaciones electrónicas", y que el cuello del cuello tenga una sutil línea blanca alrededor. booo.

... no estoy del todo convencido de que este hilo esté muerto todavía. pero estoy emocionado de escuchar la buena palabra sobre Catalina.

18485 se ha actualizado a Electron 5.0.3 y me soluciona este problema (¡usando customButtonsOnHover y las banderas apropiadas)! Tenía la sensación de que se podría hacer un parche como este ... muchas gracias a @codebytere , ahora puedo comenzar a probar mi aplicación de verdad

Esto también existía para el modo ligero en mi MacOS.

Confirmado fijo después de actualizar a Catalina.

Catalina 10.15, parece que agrega nuevos problemas: un borde negro extraño (o casi) y otro borde más claro (probablemente era antes; la ventana de Herramientas del desarrollador, por ejemplo, también tiene este marco) aparece después de la actualización.

Borde oscuro
image
Lista de opciones de la ventana:

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

Borde más claro
image
Lista de opciones de la ventana:

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

NSRequiresAquaSystemAppearance se establece en verdadero

¿Cómo eliminar estos cromos para siempre?

@nickensoul , ¿averiguaste cómo deshacerte de la línea negra?

@bernatfortet nop , solo dejo como está por ahora. Creo que requiere algunos cambios en las interacciones con las API del sistema (y creo que es el núcleo de Electron, por lo que necesitaría una bifurcación)
Entonces, sigo esperando.

te tengo, gracias!

La línea blanca en la parte superior de la pantalla es transparente. Si puede poner una línea #000000 debajo, puede atenuarla un poco.

Es un poco complicado lograr que se renderice, pero agregar lo siguiente a mi barra de título personalizada funcionó.

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 aquellos que vienen a esto ahora, parece estar arreglado en Catalina. Lo acabo de probar en 10.15.2

Para aquellos que vienen a esto ahora, parece estar arreglado en Catalina. Lo acabo de probar en 10.15.2

@ adam-lynch En Atom todavía veo la línea:
https://user-images.githubusercontent.com/43918077/67483562-bda42f00-f66e-11e9-8fb4-4590dc06822e.png

Parece que Atom está usando una versión anterior de Electron ...

en Big Sur todas las ventanas tienen línea blanca

En Big Sur, es un borde negro fuera de un borde blanquecino, excepto en Discord que actualmente también llena las esquinas :( Con suerte, un error en la versión beta temprana.

2020-06-24_01 27 52-886a2eca

Editar: Visto SOLAMENTE discordia, este comportamiento de relleno hasta ahora.

@robjtede Todavía no he

@robjtede Todavía no he

No solo las aplicaciones de terceros tienen este problema, sino también todas las aplicaciones de Apple, como Finder, Music, Safari.
Aquí está la captura de pantalla:
Screen Shot 2020-06-25 at 00 13 13

El problema que planteo aquí es hacer que más personas conozcan el error de este Big Sur, para que el equipo de Apple pueda notarlo y solucionarlo.
Por supuesto, he planteado el problema sobre el asistente de comentarios y el foro de desarrolladores.

Editar: actualice la captura de pantalla para agrandarla.

@robjtede Todavía no he

No solo las aplicaciones de terceros tienen este problema, sino también todas las aplicaciones de Apple, como Finder, Music, Safari.
Aquí está la captura de pantalla:
Screen Shot 2020-06-25 at 00 13 13

El problema que planteo aquí es hacer que más personas conozcan el error de este Big Sur, para que el equipo de Apple pueda notarlo y solucionarlo.
Por supuesto, he planteado el problema sobre el asistente de comentarios y el foro de desarrolladores.

Editar: actualice la captura de pantalla para agrandarla.

¿Hay noticias? Es un poco molesto ver estas líneas blancas en cada ventana cuando está en modo oscuro ...

¿Fue útil esta página
0 / 5 - 0 calificaciones