Electron: Темный режим Mojave вызывает белую линию в верхней части приложений Electron

Созданный на 6 июн. 2018  ·  110Комментарии  ·  Источник: electron/electron

  • Электронная версия: ???
  • Операционная система (платформа и версия): macOS 10.14 Mojave
  • Последняя известная рабочая версия Electron: ???

Ожидаемое поведение
Без белых линий

Фактическое поведение
На верхней границе Discord есть тонкая белая линия.

Воспроизводить
Скачайте Discord и запустите.

Скриншоты
image

Дополнительная информация
Может быть связано с темной темой.


Я знаю, что macOS Mojave еще не доступен для всех, но я сообщаю об этом на всякий случай.

bug platformacOS

Самый полезный комментарий

Пожалуйста,

если есть взлом, обновление или что-то в этом роде, дайте мне знать. Разработчики Apple действительно перешли черту при создании этой некрасивой штуки 🤯

line

Все 110 Комментарий

👋 Спасибо, что открыли здесь свой первый выпуск! Если вы сообщаете об ошибке 🐞, не забудьте указать шаги по ее воспроизведению. У нас много проблем с этим репо, поэтому проявите терпение, и мы свяжемся с вами, как только сможем.

Чтобы облегчить нам исследование вашей проблемы, следуйте инструкциям для участников .

Подтверждение, что это происходит во всех приложениях Electron, которые у меня есть в темном режиме Mojave.

Оффтоп: возможно, метод systemPreferences.isDarkMode() сейчас получит больше любви. Рад видеть, что существующий API поддерживает это.

протестировал вчера Mojave, также видел линию. Также стандартный диалог открытия файла по-прежнему отображается белым цветом.

Это происходит как в темном, так и в светлом режиме. Я считаю, что это как-то связано с приложениями, которые скрывают строку заголовка.

У меня проблема с Atom, Hyper и Slack.

Я также сообщил о проблеме в Apple. (Могут помочь другие отчеты - они, как правило, уделяют приоритетное внимание проблемам, о которых сообщают несколько человек, поэтому, если вы столкнулись с этим, отправьте им отчет об ошибке в приложении Feedback Assistant)

+1 Даже хром в Мохаве есть, так что я думаю, что это касается приложений хрома / электронов.

Я считаю, что эта строка добавляется ОС, она добавляется и в другие приложения, однако, когда приложение не использует собственную строку заголовка, тогда нет «градиента», и он выделяется больше, потому что контраст выше.
Эта линия также присутствует в световом интерфейсе, но она менее тревожна, потому что контраст ниже.
Я сообщил об этом в Apple как о «неожиданном поведении», но не уверен, что они что-то с этим сделают (если только другие люди не пожалуются).

Встроенная информация об этом Mac:
image
Это не чисто белый цвет, как в Electron.

@LoganDark Похоже, вы правы, я только что проверил 4 разных приложения, 3 из них являются родными, и каждое из них имеет свой цвет в этой строке.
Я проверил с помощью «настройки», «сафари», «хром» (у которого такой же цвет) и «помощник по обратной связи».

Изменить: после более внимательного изучения в нативных приложениях кажется, что линия становится светлее, чем ближе она к вершине.

Есть новости по этому поводу? @ivanreese

@ gilad215 Кажется, это Chrome? Я не знаю, я просто пользователь приложений Electron, а не разработчик ни в одном из этих проектов.

После обновления Chrome 69 ничего не изменилось. Это все еще проблема.

Надеюсь, это как-то разрешится, меня это действительно беспокоит 😆
image

Даже в прозрачном окне отображается белая рамка 😞

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

В данном случае полноэкранное прозрачное окно.

Действительно неприятно. Они должны сделать возможность отключить его.
Во вторник, 25 сентября 2018 г., в 2:04 Родриго Диас [email protected] написал:

Даже в прозрачном окне отображается белая рамка 😞

[Изображение: 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

В данном случае полноэкранное прозрачное окно.

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/electron/electron/issues/13164#issuecomment-424153643 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/AXyHVF7TC99trs7UGKHDJLrzwCg7kdCSks5ueWUOgaJpZM4Ub1At
.

Испытывать это тоже.

Да, эта проблема возникает как в темном, так и в светлом режиме

Пожалуйста,

если есть взлом, обновление или что-то в этом роде, дайте мне знать. Разработчики Apple действительно перешли черту при создании этой некрасивой штуки 🤯

line

Исправил ли проблему официальный выпуск Mojave?

Я все еще вижу это с VSCode (https://github.com/Microsoft/vscode/issues/54838)

Исправил ли проблему официальный выпуск Mojave?

нет

Пожалуйста, используйте: defaults write -app [имя приложения] NSRequiresAquaSystemAppearance -bool Нет
Оно работает!

Отмена: по умолчанию удалить -app [имя приложения] NSRequiresAquaSystemAppearance

Это неофициальное временное решение.
И не используйте его в светлых цветных приложениях.

Решение от @SinarPandora, безусловно, уменьшает белую линию до более тонкой серой (я не помню, чтобы она была там раньше). Подтверждено с помощью Sublime \ Text и Google \ Chrome.

Изменить: Да, @ Neofish22 прав, решает проблему полностью :( Теперь вокруг всего окна появилась новая линия затемнения.

Если вы все еще хотите попробовать, [application name] записывается как просто имя приложения с обратной косой чертой перед пробелами:

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

Продолжайте тянуться, чтобы увеличить размер моего окна на пиксель. Создается впечатление, что я вижу другое содержимое окна в фоновом режиме.

Интересно, как другие приложения, которые уже были темными по умолчанию, справились с переходом на поддержку темного режима на уровне системы. Сложно. Я вообще не хочу, чтобы macOS касалась моего электронного приложения Atom. Я люблю его таким, какой он есть.

У меня рамка в рамке + прозрачная

frame

@bkeating
Ваши электронные приложения должны быть в порядке. Mac не делает ничего особенного при рендеринге приложений в Мохаве по сравнению с предыдущими версиями. У приложений есть возможность проверять, включен ли темный режим, но Mac OS отображает приложения так же, как и раньше (за исключением обсуждаемой здесь проблемы с границами и некоторых несущественных изменений рендеринга текста).

Похоже, что проблема с белой линией - со стороны ОС. Не только приложения Electron.
Хотя было бы удобно иметь возможность скрыть белую линию в строке заголовка со стороны Electron. В качестве альтернативы, он может быть скрыт по умолчанию при безрамочной или скрытой строке заголовка.

Изменить: Да, @ Neofish22 прав, решает проблему полностью :( Теперь вокруг всего окна появилась новая линия затемнения.

Если вы все еще хотите попробовать, [application name] записывается как просто имя приложения с обратной косой чертой перед пробелами:

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

В конце концов, это неофициальное временное решение.
И не используйте его в светлых цветных приложениях.

Я не использую темный режим, и у меня все еще возникают проблемы с приложениями Electron (Wavebox и Atom). Ни один из них не использует системную строку заголовка.

Я сожалею о модернизации. Эта белая линия так раздражает.

Такая же проблема здесь:

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

😥

У меня тоже есть эта проблема, не имеет значения, находится ли OSX в темном или светлом режиме, но: в моем приложении тоже выглядит довольно плохо - не так плохо, как в приложениях панели меню, таких как @evilrabbit

screenshot 2018-09-27 at 08 58 12

NSRequiresAquaSystemAppearance , похоже, вообще не работает. Линия роста волос наверху видна как в темном, так и в светлом режимах. hasShadow = false тоже не исправляет 😢

Он у меня тоже есть в Chrome. (Я использую темную тему, но белая рамка выглядит идентично тому, что я вижу в VS Code, Hyper, Now, There, Notion)
cleanshot 2018-09-27 at 18 36 50 2x

Понятие, гипер:
image

Я не думаю, что это проблема Electron / MacOS, я думаю, что это проблема Chromium.
Единственное приложение, не относящееся к Electron, имеет эту проблему - Chrome, и это то, что приводит меня к такому выводу.
Чтобы прояснить ситуацию, MacOS Mojave добавляет световую линию к окну, но она светлее, чем та, которую мы видим в текущих электронных / хром-приложениях, и она меняется в зависимости от положения окна. Таким образом, чем ближе он к вершине, тем светлее он становится, но выглядит лучше, чем нынешний.

@morajabi @samuelgozi Я не думаю, что это проблема Chromium или Electron. Вы можете увидеть ту же проблему с белой линией, которая возникает и в собственных приложениях, таких как TextEdit, Terminal и т. Д.

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

Проблема не в белой линии, а в дизайне Мохаве. Проблема в том, что прозрачное окно отображается не в том месте (в отличие от тени).

@vanejung Он сильно отличается от нативных, сравните их бок о бок, в Chrome он легче и от этого больше раздражает. ( @pronebird также имеет в виду другую серьезную проблему, я согласен)

В сравнении бок о бок:
cleanshot 2018-09-29 at 11 57 11

Я тестировал его несколько раз с помощью палитры цветов и разных положений, линия есть по дизайну, но в приложениях с хромом (электронные приложения и хром) линия намного светлее, в других приложениях линия темнее и изменяется в зависимости от положения window, поэтому чем выше окно, тем светлее линия, но никогда не бывает такой светлой, как в приложениях с хромом.

Вот почему я думаю, что это проблема хрома. Если бы у хрома была более темная линия или она отсутствовала, как в собственных приложениях, это было бы большим намеком на то, что это проблема с электроном, но пока я почти уверен, что это проблема с хромом.

@morajabi @samuelgozi Заметил, что приложения, не относящиеся к Electron, такие как Sketch и Affinity Photo, имеют такую ​​же заметную проблему с белой линией, как и Chrome. Опять же, это проблема со стороны ОС, а не только с Chromium. Кстати, как ни странно, некоторые другие приложения, такие как Finder, TextEdit и Spark, имеют другую обработку оконных рамок. Может быть, есть варианты рамок или режимы на выбор разработчикам? Я не совсем уверен.

Сравнение - Sketch и Chrome
screen shot 2018-09-30 at 9 45 08 am

Есть ли у кого-нибудь улучшение производительности или какие-либо существенные изменения, которые заставляют его остаться?

Я на самом деле подумываю о том, чтобы унизиться до HS из-за этой невыносимой белой границы

Я сообщил об этой ошибке в Apple, предлагаю вам сделать то же самое, чтобы привлечь их внимание (потому что эти границы просто ужасны), https://www.apple.com/feedback/macos.html

@MAPESO Вы уверены, что Sketch и Affinity находятся в Electron или Chromium? Учитывая размер приложения, это немного невероятно, но, пожалуйста, поделитесь, если у вас есть доказательства?

привет, я не буду подписываться

Отправлено с Mailspring (https://link.getmailspring.com/link/[email protected]/0?redirect=https%3A%2F%2Fgetmailspring.com%2F&recipient= cmVwbHkrMDIwNmY0OTQzOWQyYTI4MDI3NzRiM2UwZWQ0MTg2NTc4MWM1OGM5MjY0ZDY1NTZmOTJjZjAwMDAwMDAxMTdjTJZWYxMGQ5jLmTeXNz3Dj5MMMENzp
Окт. 5 2018 в 11:29 Мохаммад Раджабифард [email protected] написал:
>

@MAPESO (https://link.getmailspring.com/link/[email protected]/1?redirect=https%3A%2F%2Fgithub.com%2FMAPESO&recipient=cmVwbHkrMDIwNmY0OTQzOWQyYTI4MDI3NzRiM2UwZWQ0MTg2NTc4MWM1OGM5MjY0ZDY1NTZmOTJjZjAwMDAwMDAxMTdjZWYxMGQ5MmExNjljZTEzYTY3M2NmQHJlcGx5LmdpdGh1Yi5jb20 % 3D) Вы уверены, что Sketch и Affinity находятся в Electron или Chromium? Учитывая размер приложения, это немного невероятно, но, пожалуйста, поделитесь, если у вас есть доказательства?
-
Вы получаете это, потому что подписаны на эту ветку.
Ответьте на это письмо напрямую, просмотрите его на GitHub (https://link.getmailspring.com/link/[email protected]/2?redirect=https%3A%2F % 2Fgithub.com% 2Felectron% 2Felectron% 2Fissues% 2F13164% 23issuecomment-427302221 & получатель = cmVwbHkrMDIwNmY0OTQzOWQyYTI4MDI3NzRiM2UwZWQ0MTg2NTc4MWM1OGM5MjY0ZDY1NTZmOTJjZjAwMDAwMDAxMTdjZWYxMGQ5MmExNjljZTEzYTY3M2NmQHJlcGx5LmdpdGh1Yi5jb20% 3D), или отключить нить (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 - это собственное приложение

Подводя итог дискуссии, это определенно "ошибка" и не предназначена для использования в темном режиме Мохаве .

Где ошибка, мы не уверены:

  • это может быть только Chromium (возможно, нет)
  • Нативная вещь для macOS, что Chromium ошибся (в результате чего она есть во всех приложениях Electron) вместе с парой других нативных приложений, таких как Sketch или Affinity.
    Если они выявят проблему, мы избавимся от этой ужасной границы.

привет, я не буду подписываться

@Scotttresor Если это не для T-Series, то мое разрешение у вас есть.

@morajabi @hemlok Я только что проверил информацию. Я ошибся, прошу прощения за недоразумение. Sketch - это собственное приложение ❤️

@morajabi Можно сказать, что это проблема Chromium и macOS Mojave

Это очень некрасиво. Узнал это в первый же день при использовании VS Code, Hyper.

Об этом также сообщили в Apple, эта строка подходит для приложений MacOS, таких как Finder, но это действительно раздражает сторонних приложений, таких как Chrome, VSCode и т. Д.

Случается и в других приложениях, таких как WhatsApp или Spotify, которые не являются приложениями Electron.

@itsandreramon Spotify использует Chromium , по этой причине они сталкиваются с той же проблемой, что и электронные приложения.

https://www.quora.com/How-is-JavaScript-used-within-the-Spotify-desktop-application-Is-it-packaged-up-and-run-locally-only-retrieving-the-assets- по мере необходимости-What-JavaScript-VM-is-used

@itsandreramon Я почти уверен, что настольное приложение WhatsApp - это приложение Electron.

Ну ладно, не знал этого. Влияет тогда на многие приложения .. облом.

Вы можете найти список приложений, созданных с помощью Electron, здесь

Это никуда не денется.
Нам нужен кто-то, кто участвует в проекте Chromium, чтобы помочь нам выяснить, проблема ли в том, как Chromium обрабатывает окна (возможно, он неправильно использует обновленный API) или в ОС.

Поскольку я уже отправил отчеты об ошибках в Apple (примерно за 2 месяца до выпуска) и ничего не произошло, нам может потребоваться отправить их и в Chromium.

Вот ссылка для отправки отчетов об ошибках в Chromium: https://crbug.com/wizard
А вот «Рекомендации по сообщению об ошибках для сборок Mac и Linux»: https://www.chromium.org/for-testers/bug-reporting-guidlines-for-the-mac-linux-builds

Я твердо верю, что это проблема Chromium, потому что вы можете ясно видеть разницу между собственными приложениями и приложениями Electron, и это заставляет меня думать, что, возможно, собственные приложения используют оконный API по-разному.

Пожалуйста, сообщите об ошибке, если у вас будет время.

Также происходит в NordVPN, который не является приложением Chromium.

Это может быть просто общим разочарованием того, насколько темный режим. Я лично ожидал чего-то более «лестного»; без блестящей окантовки. Что-то более похожее на атом, и это One Dark (и многие другие). Наверное, почему мы все заметили.

Еще одно место, которое действительно меня беспокоит: полосатый искатель в режиме списка. Слишком много контраста.

Тогда я понимаю, что Apple, вероятно, выбрала цвета и детали темного режима на основе утвержденного баланса доступности. Так что теперь я чувствую себя придурком за жалобы. Я просто хотел One Dark для всего.

Это хорошо, что тёмный режим хромает. У нас все еще есть немного (светлый / темный), к которому можно подключиться, и это означает, что приложения все еще могут захотеть взять его и владеть им самим.

Темный режим - это темное искусство.

@bkeating Я согласен, что кажется, что над ним нужно

@NordVPN Вы правы, NordVPN не похоже на электронное приложение, но это не значит, что проблема с хромом отсутствует, они, вероятно, не используют темный режим (такой же, как хром).

Я создал пустое приложение с Xcode и попробовал некоторые настройки. Как видите, он всегда включен и не имеет ничего общего с родным или неродным.

  • Отключение теней удаляет границы (кроме верхней).

    • Применение цвета фона меняет цвет границы. Черный почти невидим по сравнению с цветом по умолчанию Electron (см. Ниже)

При просмотре API Apple AppKit я не видел других настроек.

Код:

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

}

Различные настройки:
screenshot

Приложение Black bg vs Electron:
screenshot 1

Спасибо, что устроили этот @oomathias!

Я предполагаю, что это означает, что поддержка темного режима в электроне для любых прозрачных приложений, таких как @evilrabbit или @gavJackson , будет проблемой 😟

@hemlok Прозрачное окно выглядит так 😞

@oomathias Я отправил PR, который убирает белую линию для окон без рамы. https://github.com/electron/electron/pull/15012

@pronebird Отлично ! Рад, что вы обнаружили и исправили проблему с прозрачными окнами. У меня нет опыта работы с собственным приложением Apple, я просто хотел подтвердить, что это действительно задумано.

Это исправлено в VS Code Insiders, но еще не в стабильной версии.
Верхняя, стабильная, с белой каймой. Bottom Insiders, это обычная линейка ОС, так лучше.
image

@morajabi Это может быть мой PR в темном режиме для vscode, выпущенный для инсайдеров, @bpasero теперь

@MarshallOfSound да, теперь это произошло

@MarshallOfSound Я полагаю, что PR, о котором идет речь, это тот: https://github.com/Microsoft/vscode/pull/59742

Возможно, на основе этой оригинальной работы: https://github.com/electron/electron/pull/14755

Интересно, как другие приложения, которые уже были темными по умолчанию, справились с переходом на поддержку темного режима на уровне системы.

Совсем не хорошо. Я вижу линии во всех приложениях темного режима, отличных от Apple.

Я был так взволнован общесистемным темным режимом, что пошел против своего здравого смысла и обновился. Этот специальный темный режим на самом деле сделал мой опыт работы в темном режиме хуже, чем раньше, когда я просто перекраивал электронные приложения.

Есть способ решения этой проблемы, см.

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

@lehni, это уже упоминалось выше в этой ветке, и полностью не устраняет проблему: https://github.com/electron/electron/issues/13164#issuecomment -424309847

Надеюсь, это исправят как можно скорее, это так раздражает ...

Это исправление предназначено только для обычных пользователей, которым требуется удобство, а не исправление обнаруженной проблемы .
Это придаст Мохаве более похожий вид на High Sierra, где только панель меню и док-станция затемнены.

  1. Переключитесь в режим Light из Preferences -> General
  2. Введите эту команду в терминал
    defaults write -g NSRequiresAquaSystemAppearance -bool Yes
  3. Выйдите из системы, затем войдите снова.
  4. Перейдите в « Настройки» -> « Общие» и перейдите в темный режим.

PS, если вы хотите отменить то, что вы сделали, повторите шаги:
defaults delete -g NSRequiresAquaSystemAppearance

@ brave3d Это уже рекомендовано, но не работает. Я тестировал его с несколькими приложениями, включая Discord и Spotify, и строки все еще там.

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

Это глобальный эффект, добавленный как в светлом, так и в темном режимах.

@degecko Я уже сказал, что это не исправление , оно по сути переключает пользовательский интерфейс в светлый режим и сохраняет панель Dock и Menubar в темном режиме, поэтому он будет больше похож на High Sierra, пока не будет доступно лучшее решение.

У меня рамка в рамке + прозрачная

frame

Та же цель :))
image

Есть новости об этом ?? 🤔

Я считаю, что это следует закрыть, поскольку теперь можно реализовать все, что связано с темным режимом Mojave. Необходимы следующие шаги:

  • добавьте следующее в свой Info.plist
<key>NSRequiresAquaSystemAppearance</key>
<false/>
  • используйте методы electron.systemPreferences и события, связанные с темным режимом Мохаве, например setAppLevelAppearance isDarkMode и события вроде systemPreferences.subscribeNotification('AppleInterfaceThemeChangedNotification'...

У меня не работает. На этом этапе применяется темный режим, но тень на верхней панели все еще присутствует. У меня есть приложение в трее с типичной стрелкой, указывающей на него, поэтому мое меню должно быть скрыто. Не могли бы вы предоставить нам дополнительную информацию для этого? Благодаря!

Любое другое решение?

У меня тоже есть эта проблема.

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

Какое-нибудь решение, кроме запуска команды "default ...- bool no"?

Эту ошибку можно устранить, установив titleBarStyle: 'customButtonsOnHover' , но вызывая другую проблему: при наведении курсора на нее будет отображаться titleBar .

Эту ошибку можно устранить, установив titleBarStyle: 'customButtonsOnHover' , но вызывая другую проблему: при наведении курсора на нее будет отображаться titleBar .

Спасибо за это @vifird! Но учтите, что он также удаляет закругленные углы. 😞

Эту ошибку можно устранить, установив titleBarStyle: 'customButtonsOnHover' , но вызывая другую проблему: при наведении курсора на нее будет отображаться titleBar .

Спасибо за это @vifird! Но учтите, что он также удаляет закругленные углы. 😞

Да, тогда мы могли бы добавить закругленные углы с помощью таблицы стилей.

См. Электронный документ

Если вы используете electron-packager > = 12.2.0 или electron-forge > = 6, вы можете установить опцию darwinDarkModeSupport при упаковке, и этот ключ будет установлен для вас.

Если вы используете electron-builder > = 20.37.0, вы можете установить опцию darkModeSupport .

Привет, народ, быстро обновите эту информацию, я разделю эту ошибку на две категории и объясню, как продвигаться по каждой из них.

«У моего приложения вверху белая линия, и она не смотрится с моей настраиваемой строкой заголовка macOS»

Как упоминалось выше @ Pong420, вам следует ознакомиться с нашим руководством по режиму на веб-сайте Electron. В частности, флаги darwinDarkModeSupport для packager / forge сделают «белую линию» менее очевидной и более соответствующей цветовой схеме вашей ОС, когда включен режим darm.

«Мое приложение прозрачное, и теперь у него белая линия сверху, и оно выглядит неправильно»

К сожалению, в настоящее время Apple классифицирует это как «известную ошибку» Mojave. Я обсуждал с технической командой Apple через TSI, и они согласны с тем, что предоставленный мной код должен работать (и действительно работает на <= 10.13). Они подняли этот вопрос внутри компании, и все, что мы можем сделать сейчас, - это надеяться, что они исправят это в будущем выпуске Mojave / macOS.

TL; DR: включите поддержку темного режима для своего приложения, чтобы белая линия выглядела немного лучше, кроме этого, эта ошибка сейчас находится на рассмотрении Apple 👍

Я обсуждал с технической командой Apple через TSI, и они согласны с тем, что предоставленный мной код должен работать (и действительно работает на <= 10.13). Они подняли этот вопрос внутри компании, и все, что мы можем сделать сейчас, - это надеяться, что они исправят это в будущем выпуске Mojave / macOS.

@MarshallOfSound потрясающе, это звучит отлично! Будете ли вы обновлять эту ветку, если будет движение со стороны Apple?

Эту ошибку можно устранить, установив titleBarStyle: 'customButtonsOnHover' , но вызывая другую проблему: при наведении курсора на нее будет отображаться titleBar .

@MarshallOfSound
Любые новости?
Я почти уверен, что эту ошибку можно исправить, например, указать другое значение свойства titleBarStyle , например customButtonsOnHover но без кнопок наведения.

Есть ли способ протестировать / сделать это во время разработки?

@MarshallOfSound
Любые новости?
Эта ошибка длилась так долго. Почему бы не сделать на него патч?
Нам действительно очень нужно правильное поведение, хотя это ошибка Apple.

Это можно исправить с помощью последнего патча, который появился в Electron v6 beta 5.

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

@pronebird Это круто, но не похоже на официальное разрешение?

Привет, ребята, я получил хорошие новости от Apple и только что подтвердил их. Бета-версия Catalina устраняет эту проблему со стороны Apple, после того, как Catalina развернулась в качестве стабильной версии, белая линия больше не отображается в окнах transparent: true или frame: false 👍

этакий облом; Я собирался нажать на курок, чтобы сделать какую-то футболку «темный режим вызывает белую линию вверху электронных приложений», а вокруг воротника шеи есть тонкая белая линия. буо.

... не совсем уверен, что эта ветка мертва. но я рад услышать доброе слово о Каталине.

18485 был перенесен на Electron 5.0.3, и он решает эту проблему для меня (с использованием customButtonsOnHover и соответствующих флагов)! У меня было ощущение, что такой патч можно сделать ... большое спасибо @codebytere , теперь я могу начать бета-тестирование своего приложения по-настоящему

Это также существовало для облегченного режима на моей MacOS.

Подтверждено исправлено после обновления до Каталины.

Catalina 10.15, похоже, добавляет новые проблемы - после обновления появляется странная черная (или почти) граница и еще одна более светлая граница (вероятно, это было раньше; в окне инструментов разработчика, например, тоже есть эта рамка).

Темная граница
image
Список опций окна:

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

Более светлая граница
image
Список опций окна:

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

NSRequiresAquaSystemAppearance имеет значение true

Как просто удалить этот хром навсегда?

@nickensoul ты

@bernatfortet нет, просто оставил как есть. Я считаю, что это требует некоторых изменений взаимодействия с системными API (и я думаю, что это ядро ​​Electron, поэтому потребуется форк)
Итак, все еще жду.

Попался, спасибо!

Белая линия в верхней части экрана прозрачная. Если вы можете поместить под ним строку #000000 , вы можете немного приглушить ее.

Это немного сложно заставить его отобразить, но добавление следующего текста в мою настраиваемую строку заголовка помогло.

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>

Для тех, кто приходит к этому сейчас, кажется, что это исправлено в Каталине. Только что тестировал на 10.15.2

Для тех, кто приходит к этому сейчас, кажется, что это исправлено в Каталине. Только что тестировал на 10.15.2

@ adam-lynch В Atom я все еще вижу строчку:
https://user-images.githubusercontent.com/43918077/67483562-bda42f00-f66e-11e9-8fb4-4590dc06822e.png

Похоже, что Atom использует старую версию Electron ...

на Биг-Суре все окна имеют белую линию

На Big Sur это черная рамка за пределами не совсем белой границы, за исключением Discord, она в настоящее время заполняет углы :( Надеюсь, это ошибка в ранней бета-версии.

2020-06-24_01 27 52-886a2eca

Изменить: пока видел ТОЛЬКО разногласия с этим поведением.

@robjtede Я еще не запустил бета-версию для разработчиков, но если это происходит со всеми приложениями Electron, убедитесь, что вы подняли ее в помощнике обратной связи 😄

@robjtede Я еще не запустил бета-версию для разработчиков, но если это происходит со всеми приложениями Electron, убедитесь, что вы подняли ее в помощнике обратной связи 😄

Эта проблема есть не только в сторонних приложениях, но и во всех приложениях Apple, таких как Finder, Music, Safari.
Вот скриншот:
Screen Shot 2020-06-25 at 00 13 13

Я поднимаю здесь вопрос, чтобы как можно больше людей узнали об этой ошибке Big Sur, чтобы команда Apple могла ее заметить и исправить.
Конечно, я поднимал вопрос о помощнике по обратной связи и на форуме разработчиков.

Изменить: обновите снимок экрана, чтобы увеличить его.

@robjtede Я еще не запустил бета-версию для разработчиков, но если это происходит со всеми приложениями Electron, убедитесь, что вы подняли ее в помощнике обратной связи 😄

Эта проблема есть не только в сторонних приложениях, но и во всех приложениях Apple, таких как Finder, Music, Safari.
Вот скриншот:
Screen Shot 2020-06-25 at 00 13 13

Я поднимаю здесь вопрос, чтобы как можно больше людей узнали об этой ошибке Big Sur, чтобы команда Apple могла ее заметить и исправить.
Конечно, я поднимал вопрос о помощнике по обратной связи и на форуме разработчиков.

Изменить: обновите снимок экрана, чтобы увеличить его.

Любые новости? Приятно видеть эти белые линии в каждом окне в темном режиме ...

Была ли эта страница полезной?
0 / 5 - 0 рейтинги

Смежные вопросы

tenry92 picture tenry92  ·  3Комментарии

EladBezalel picture EladBezalel  ·  3Комментарии

dangan-ronpa picture dangan-ronpa  ·  3Комментарии

tengyifei picture tengyifei  ·  3Комментарии

sindresorhus picture sindresorhus  ·  3Комментарии