Electron: Mode gelap Mojave menyebabkan garis putih di bagian atas aplikasi Electron

Dibuat pada 6 Jun 2018  ·  110Komentar  ·  Sumber: electron/electron

  • Versi Elektron: ???
  • Sistem Operasi (Platform dan Versi): macOS 10.14 Mojave
  • Versi Elektron kerja terakhir yang diketahui: ???

Perilaku yang Diharapkan
Tidak ada garis putih

Perilaku sebenarnya
Ada garis putih tipis di batas atas Discord

Untuk Mereproduksi
Unduh Discord dan jalankan.

Screenshot
image

informasi tambahan
Mungkin terkait dengan tema gelap.


Saya sadar macOS Mojave belum sepenuhnya dapat diakses oleh semua orang, tetapi saya melaporkan ini untuk berjaga-jaga.

bug platformacOS

Komentar yang paling membantu

Silahkan,

jika ada peretasan, pembaruan, atau semacamnya, beri tahu saya. Pengembang Apple benar-benar melewati batas saat membuat hal jelek ini 🤯

line

Semua 110 komentar

👋 Terima kasih telah membuka edisi pertama Anda di sini! Jika Anda melaporkan 🐞 bug, pastikan Anda menyertakan langkah-langkah untuk mereproduksinya. Kami mendapatkan banyak masalah pada repo ini, jadi harap bersabar dan kami akan menghubungi Anda kembali secepatnya.

Untuk membantu kami lebih mudah dalam menyelidiki masalah Anda, harap ikuti pedoman berkontribusi .

Mengonfirmasi ini terjadi di semua aplikasi Elektron yang saya miliki dalam mode gelap Mojave.

Offtopic: mungkin metode systemPreferences.isDarkMode() akan mendapatkan lebih banyak cinta sekarang. Senang melihat API yang ada mendukung ini.

menjajal Mojave kemarin, juga terlihat garisnya. Juga dialog buka file standar muncul masih putih

Ini terjadi dalam mode gelap dan mode terang. Saya yakin ini ada hubungannya dengan aplikasi yang menyembunyikan bilah judul.

Saya memiliki masalah di Atom, Hyper, dan Slack.

Saya juga telah melaporkan masalah tersebut ke Apple. (Laporan lain mungkin membantu - mereka cenderung memprioritaskan masalah yang dilaporkan banyak orang - jadi jika Anda mengalami hal ini, kirimkan laporan bug di aplikasi Feedback Assistant)

+1 Bahkan krom di Mojave memilikinya, jadi saya pikir ini ada di sekitar aplikasi kromium / elektron.

Saya percaya bahwa baris ini ditambahkan oleh OS, itu ditambahkan ke aplikasi lain juga, namun ketika aplikasi tidak menggunakan bilah judul asli maka tidak ada "gradien" dan itu lebih menonjol karena kontrasnya lebih tinggi.
Garis ini juga ada di UI ringan, tetapi tidak terlalu mengganggu karena kontrasnya lebih rendah.
Saya melaporkan ini sebagai "perilaku tak terduga" kepada Apple, tetapi saya tidak yakin mereka akan melakukan apa pun (kecuali jika banyak orang lain mengeluh).

Built-in Tentang Mac ini:
image
Ini tidak putih bersih seperti di Electron.

@LoganDark Sepertinya Anda benar, saya baru saja memeriksa dengan 4 aplikasi berbeda, 3 di antaranya asli, dan masing-masing memiliki warna berbeda pada baris itu.
Saya memeriksa dengan "pengaturan", "safari", chrome (yang memiliki warna yang sama) dan "asisten umpan balik".

Sunting: setelah melihatnya lebih dekat, di aplikasi asli, sepertinya garis semakin terang semakin dekat ke atas.

Ada pembaruan tentang ini? @ivan.indonesia

@ gilad215 Tampaknya ini adalah hal Chrome? Saya tidak tahu, saya hanya pengguna aplikasi Electron, bukan pengembang salah satu proyek ini.

Tidak ada yang berubah setelah pembaruan Chrome 69. Ini masih menjadi masalah.

Semoga ini bisa diselesaikan entah bagaimana, itu benar-benar mengganggu saya 😆
image

Bahkan jendela transparan pun menampilkan bingkai putih 😞

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

Dalam hal ini jendela transparan layar penuh.

Benar-benar membuat frustrasi. Mereka harus membuat opsi untuk menonaktifkannya.
Pada Sel, 25 Sep 2018 pukul 2:04 Rodrigo Díaz [email protected] menulis:

Bahkan jendela transparan pun menampilkan bingkai putih 😞

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

Dalam hal ini jendela transparan layar penuh.

-
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub
https://github.com/electron/electron/issues/13164#issuecomment-424153643 ,
atau nonaktifkan utasnya
https://github.com/notifications/unsubscribe-auth/AXyHVF7TC99trs7UGKHDJLrzwCg7kdCSks5ueWUOgaJpZM4Ub1At
.

Mengalami ini juga.

Ya, masalah ini terjadi pada mode gelap dan terang

Silahkan,

jika ada peretasan, pembaruan, atau semacamnya, beri tahu saya. Pengembang Apple benar-benar melewati batas saat membuat hal jelek ini 🤯

line

Apakah rilis resmi Mojave memperbaiki masalah ini?

Saya masih melihatnya dengan VSCode (https://github.com/Microsoft/vscode/issues/54838)

Apakah rilis resmi Mojave memperbaiki masalah ini?

nggak

Silakan gunakan: defaults tulis -app [nama aplikasi] NSRequiresAquaSystemAppearance -bool Tidak
Berhasil!

Batal: default hapus -app [nama aplikasi] NSRequiresAquaSystemAppearance

Ini adalah solusi sementara tidak resmi.
Dan jangan gunakan pada aplikasi warna terang.

Solusi dari @SinarPandora tentu saja mengurangi garis putih menjadi abu-abu yang lebih tipis (yang saya tidak ingat pernah ada di sana sebelumnya). Dikonfirmasi dengan Sublime \ Text dan Google \ Chrome.

Sunting: Ya, @ Neofish22 benar, tampaknya tidak menyelesaikan masalah sepenuhnya :( Sekarang ada garis peredup baru di sekitar seluruh jendela.

Jika Anda masih ingin mencobanya, [application name] ditulis hanya sebagai nama aplikasi, dengan garis miring terbalik sebelum spasi:

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

Terus meraih untuk mengubah ukuran jendela saya ke atas satu piksel. Membuatnya terasa seperti saya bisa melihat konten jendela lain di latar belakang.

Saya bertanya-tanya bagaimana nasib aplikasi lain yang sudah gelap secara default dengan perpindahan ke dukungan mode gelap tingkat sistem. Rumit. Saya sama sekali tidak ingin macOS menyentuh aplikasi elektron Atom saya. Saya menyukainya apa adanya.

Saya memiliki bingkai dalam bingkai + transparan

frame

@bayu_joo
Aplikasi elektron Anda seharusnya baik-baik saja. Mac tidak melakukan sesuatu yang istimewa saat merender aplikasi di Mojave dibandingkan sebelumnya. Aplikasi memiliki kemampuan untuk memeriksa apakah mode gelap diaktifkan, tetapi Mac OS merender aplikasi seperti sebelumnya (kecuali untuk masalah perbatasan yang dibahas di sini dan beberapa perubahan rendering teks yang tidak relevan).

Tampaknya masalah garis putih berasal dari sisi OS. Bukan hanya aplikasi Electron.
Meskipun akan berguna untuk memiliki opsi untuk menyembunyikan garis putih pada bilah judul di sisi Elektron. Atau, itu bisa disembunyikan sebagai default saat melakukan bilah judul tanpa bingkai atau tersembunyi.

Sunting: Ya, @ Neofish22 benar, tampaknya tidak menyelesaikan masalah sepenuhnya :( Sekarang ada garis peredup baru di sekitar seluruh jendela.

Jika Anda masih ingin mencobanya, [application name] ditulis hanya sebagai nama aplikasi, dengan garis miring terbalik sebelum spasi:

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

Bagaimanapun, ini adalah solusi sementara tidak resmi.
Dan jangan gunakan pada aplikasi warna terang.😂

Saya tidak menggunakan mode gelap dan saya masih mendapatkan masalah di aplikasi Electron (Wavebox dan Atom). Tidak ada yang menggunakan bilah judul sistem.

Saya menyesal memutakhirkan. Garis putih itu sangat menjengkelkan.

Masalah yang sama di sini:

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

😥

Saya memiliki masalah ini juga, tidak masalah apakah OSX dalam mode gelap atau terang tho: Terlihat sangat buruk di aplikasi saya juga - tidak seburuk pada aplikasi bilah menu seperti @evilrabbit

screenshot 2018-09-27 at 08 58 12

NSRequiresAquaSystemAppearance sepertinya tidak bekerja sama sekali. Garis rambut di bagian atas terlihat dalam mode gelap dan terang. hasShadow = false juga tidak memperbaiki ini 😢

Saya memilikinya di Chrome saya juga. (Saya menggunakan tema gelap, tetapi batas putih terlihat identik dengan yang saya lihat di VS Code, Hyper, Now, There, Notion)
cleanshot 2018-09-27 at 18 36 50 2x

Notion, Hyper:
image

Saya tidak berpikir bahwa ini adalah masalah Elektron / MacOS, saya pikir itu mungkin masalah Chromium.
Satu-satunya aplikasi non-Elektron yang memiliki masalah ini adalah Chrome, dan itulah yang membawa saya ke kesimpulan itu.
Untuk memperjelas, MacOS Mojave memang menambahkan garis terang ke jendela, tetapi lebih terang dari yang kita lihat di aplikasi elektron / chrome saat ini, dan itu berubah tergantung pada posisi jendela. Jadi, semakin dekat ke atas, semakin ringan warnanya, tetapi memang terlihat lebih baik daripada yang sekarang.

@morajabi @samuelgozi Saya tidak berpikir bahwa ini adalah masalah sisi Chromium atau Elektron. Anda dapat melihat masalah garis putih yang sama terjadi pada aplikasi asli juga seperti TextEdit, Terminal, dll.

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

Garis putih bukanlah masalahnya, ini adalah desain di Mojave. Masalahnya adalah jendela transparan itu dirender di tempat yang salah (tidak seperti bayangan).

@vanejung Ini sangat berbeda dari yang asli, bandingkan mereka berdampingan, lebih ringan di Chrome dan itu membuatnya lebih menjengkelkan. ( @pronebird merujuk ke masalah serius lainnya juga, saya setuju)

Dibandingkan secara berdampingan:
cleanshot 2018-09-29 at 11 57 11

Saya mengujinya beberapa kali dengan pemilih warna dan posisi yang berbeda, garisnya ada dengan desain, tetapi di aplikasi kromium (aplikasi elektron dan chrome) garisnya jauh lebih terang, di aplikasi lain garisnya lebih gelap dan berubah berdasarkan posisi jendela, jadi semakin tinggi jendelanya semakin terang garisnya, tapi tidak pernah seringan di aplikasi chromium.

Itulah mengapa saya pikir ini adalah masalah kromium. Jika chrome memiliki garis yang lebih gelap atau tidak ada garis seperti aplikasi asli, itu akan menjadi petunjuk besar bahwa ini adalah masalah elektron, tetapi untuk saat ini, saya cukup yakin itu adalah masalah kromium.

@morajabi @samuelgozi Perhatikan bahwa aplikasi non-Elektron seperti Sketch dan Affinity Photo memiliki masalah garis putih menonjol yang identik dengan Chrome. Sekali lagi, ini tampaknya menjadi masalah sisi OS, bukan hanya Chromium. Ngomong-ngomong, anehnya, beberapa aplikasi lain seperti Finder, TextEdit, dan Spark memiliki perlakuan bingkai jendela yang berbeda. Mungkin ada opsi bingkai atau mode untuk dipilih pengembang? Bahwa saya tidak terlalu yakin.

Perbandingan - Sketsa & Chrome
screen shot 2018-09-30 at 9 45 08 am

Apakah ada yang mengalami peningkatan kinerja atau perubahan signifikan yang membuatnya ingin bertahan?

Saya benar-benar mempertimbangkan untuk menurunkan HS karena perbatasan putih yang tak tertahankan ini

Saya telah melaporkan bug ini ke Apple, saya sarankan Anda melakukan hal yang sama untuk mendapatkan perhatian mereka (karena perbatasan ini sangat menghebohkan), https://www.apple.com/feedback/macos.html

@MAPESO Apakah Anda yakin Sketsa dan Afinitas ada di Electron atau Chromium? Mengingat ukuran aplikasinya, ini agak sulit dipercaya, tetapi tolong bagikan jika Anda memiliki bukti?

halo saya tidak akan berlangganan

Dikirim dari Mailspring (https://link.getmailspring.com/link/[email protected]/0?redirect=https%3A%2F%2Fgetmailspring.com%2F&recipient= cmVwbHkrMDIwNmY0OTQzOWQyYTI4MDI3NzRiM2UwZWQ0MTg2NTc4MWM1OGM5MjY0ZDY1NTZmOTJjZjAwMDAwMDAxMTdjZWYxMGQ5MmExNjljZTEzYTY3M2NmQHJlcGx5LmdpdGh1Yi5jb20% 3D), yang terbaik aplikasi email gratis untuk bekerja
Pada okt. 5 2018, pukul 11:29 pagi, Mohammad Rajabifard [email protected] menulis:
>

@MAPESO (https://link.getmailspring.com/link/[email protected]/1?redirect=https%3A%2F%2Fgithub.com%2FMAPESO&recipient=cmVwbHkrMDIwNmY0OTQzOWQyYTI4MDI3NzRiM2UwZWQ0MTg2NTc4MWM1OGM5MjY0ZDY1NTZmOTJjZjAwMDAwMDAxMTdjZWYxMGQ5MmExNjljZTEzYTY3M2NmQHJlcGx5LmdpdGh1Yi5jb20 % 3D) Kamu yakin Sketsa dan Afinitas ada di Electron atau Chromium? Mengingat ukuran aplikasinya, ini agak sulit dipercaya, tetapi tolong bagikan jika Anda memiliki bukti?
-
Anda menerima ini karena Anda berlangganan utas ini.
Balas email ini secara langsung, lihat di GitHub (https://link.getmailspring.com/link/[email protected]/2?redirect=https%3A%2F % 2Fgithub.com% 2Felectron% 2Felectron% 2Fissues% 2F13164% 23issuecomment-427.302.221 & penerima = cmVwbHkrMDIwNmY0OTQzOWQyYTI4MDI3NzRiM2UwZWQ0MTg2NTc4MWM1OGM5MjY0ZDY1NTZmOTJjZjAwMDAwMDAxMTdjZWYxMGQ5MmExNjljZTEzYTY3M2NmQHJlcGx5LmdpdGh1Yi5jb20% 3D), atau mematikan benang (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 adalah aplikasi asli

Untuk meringkas utas, ini jelas merupakan "bug" dan tidak dimaksudkan untuk berada dalam mode gelap Mojave .

Di mana bugnya, kami tidak yakin:

  • mungkin hanya Chromium (mungkin tidak)
  • Hal asli macOS, bahwa Chromium salah (menyebabkan semua aplikasi Electron memilikinya) bersama dengan beberapa aplikasi asli lainnya seperti Sketch atau Affinity.
    Jika mereka mengidentifikasi masalahnya, kami akan menyingkirkan perbatasan yang mengerikan ini.

halo saya tidak akan berlangganan

@Scotttresor Selama bukan untuk T-Series maka Anda memiliki izin saya.

@morajabi @hemlok baru saja saya cek informasinya. Saya salah, saya minta maaf atas kebingungannya. Sketsa adalah aplikasi asli ❤️

@morajabi Kami dapat mengatakan bahwa ini adalah masalah Chromium dan macOS Mojave

Ini sangat jelek. Diakui pada hari pertama saat menggunakan VS Code, Hyper.

Melaporkan hal ini ke Apple juga, jalur ini baik-baik saja di aplikasi macOS seperti Finder, tetapi sangat mengganggu di aplikasi pihak ketiga seperti Chrome, VSCode, dll.

Juga terjadi di aplikasi lain seperti WhatsApp atau Spotify, yang bukan Aplikasi Elektron.

@itsandreramon Saya cukup yakin aplikasi desktop WhatsApp adalah aplikasi Electron.

Oh oke, tidak tahu itu. Mempengaruhi banyak aplikasi, lalu .. payah.

Anda dapat menemukan daftar aplikasi yang dibuat dengan Electron di sini

Ini tidak akan kemana-mana.
Kami membutuhkan seseorang yang terlibat dengan proyek Chromium untuk membantu kami mengetahui apakah ini masalah dengan cara Chromium menangani jendela (mungkin tidak menggunakan API yang diperbarui dengan benar) atau dengan OS.

Karena saya sudah mengajukan laporan bug ke apple (sekitar 2 bulan sebelum rilis) dan tidak ada yang terjadi, kami mungkin perlu mengajukannya ke Chromium juga.

Berikut ini tautan untuk mengajukan laporan bug di Chromium: https://crbug.com/wizard
Dan berikut adalah "Panduan Pelaporan Bug untuk Mac & Linux build": https://www.chromium.org/for-testers/bug-reporting-guidlines-for-the-mac-linux-builds

Saya sangat yakin bahwa ini adalah masalah dengan Chromium karena Anda dapat melihat dengan jelas bahwa ada perbedaan antara aplikasi asli dan aplikasi Elektron, dan itu membuat saya percaya bahwa mungkin yang asli menggunakan API jendela secara berbeda.

Silakan laporkan bug jika Anda punya waktu.

Juga terjadi di NordVPN, yang bukan merupakan aplikasi Chromium.

Ini mungkin hanya kekecewaan keseluruhan tentang bagaimana mode gelap itu. Saya pribadi mengharapkan sesuatu yang 'lebih datar'; tanpa tepi yang mengilap. Sesuatu yang lebih mirip garis atom dan itu adalah One Dark (dan banyak lainnya). Kemungkinan mengapa kita semua memperhatikan.

Tempat lain ini benar-benar menggiling gigi saya: pencari bergaris dalam mode daftar. Terlalu kontras.

Kemudian saya menyadari, Apple mungkin memilih warna dan detail mode gelap mereka berdasarkan keseimbangan yang disetujui aksesibilitas. Jadi sekarang aku merasa seperti brengsek karena mengeluh. Saya pada dasarnya hanya menginginkan One Dark untuk semua hal.

Ini bagus, mode gelap itu timpang. Kami masih mendapatkan sedikit (terang / gelap) untuk dihubungkan dan berarti aplikasi masih mungkin ingin mengambil dan memilikinya sendiri.

Mode gelap adalah seni gelap.

@bkeating Saya setuju rasanya perlu lebih banyak pekerjaan, namun, saya tidak percaya bahwa mereka terlalu mempertimbangkan masalah aksesibilitas, yang membuat saya berpikir begitu adalah bahwa ada pengaturan untuk ini di preferensi, pengaturan khusus untuk kontras.

@NordVPN Anda benar, NordVPN tampaknya bukan aplikasi elektron, tetapi itu tidak berarti bahwa tidak ada masalah kromium, mereka mungkin tidak memanfaatkan mode gelap (sama seperti kromium).

Saya membuat Aplikasi kosong dengan Xcode dan mencoba beberapa pengaturan. Seperti yang Anda lihat, itu selalu aktif dan tidak ada hubungannya dengan native atau bukan native.

  • Menonaktifkan bayangan menghilangkan batas (kecuali yang teratas).

    • Menerapkan warna latar belakang memang mengubah warna bingkai. Hitam hampir tidak terlihat dibandingkan dengan Electron default (lihat di bawah)

Saya tidak melihat pengaturan lain saat melihat Apple AppKit API.

Kode:

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

}

Pengaturan berbeda:
screenshot

Aplikasi Black bg vs Electron:
screenshot 1

Terima kasih telah menyelesaikan @oomathias itu!

Saya kira itu berarti dukungan mode gelap dalam elektron untuk aplikasi transparan apa pun, seperti @evilrabbit atau @gavJackson diposting, akan menjadi masalah 😟

@hemlok Jendela transparan terlihat seperti ini 😞

@oomathias Saya telah mengirim PR yang menghilangkan garis putih untuk jendela tanpa bingkai. https://github.com/electron/electron/pull/15012

@pronebird Bagus! Saya senang Anda menemukan dan memperbaiki masalah untuk jendela transparan. Saya tidak berpengalaman dengan aplikasi asli Apple, saya hanya ingin memastikan bahwa aplikasi ini memang dirancang.

Itu diperbaiki di VS Code Insiders, belum dalam rilis stabil.
Atas, stabil dengan masalah batas putih. Bottom Insiders yang merupakan garis OS normal, jauh lebih baik.
image

@morajabi Itu mungkin PR mode gelap saya untuk vscode dirilis ke orang dalam, @bpasero sudahkah itu keluar ke orang dalam sekarang?

@MarshallOfSound ya sekarang

@MarshallOfSound Saya kira PR yang dimaksud adalah yang ini: https://github.com/Microsoft/vscode/pull/59742

Mungkin berdasarkan karya asli ini: https://github.com/electron/electron/pull/14755

Saya bertanya-tanya bagaimana nasib aplikasi lain yang sudah gelap secara default dengan perpindahan ke dukungan mode gelap tingkat sistem.

Tidak sehat sama sekali. Saya melihat garis-garis di setiap aplikasi mode gelap non-apel.

Saya sangat bersemangat untuk mode gelap seluruh sistem sehingga saya bertentangan dengan penilaian saya yang lebih baik dan meningkatkannya. Mode gelap khusus ini benar-benar membuat pengalaman mode gelap saya lebih buruk daripada sebelumnya ketika saya baru saja menguliti ulang aplikasi elektron.

Ada solusi untuk masalah ini, lihat:

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

@lehni ini sudah disebutkan lebih lanjut di utas ini, dan tidak menyelesaikan masalah sepenuhnya: https://github.com/electron/electron/issues/13164#issuecomment -424309847

Semoga ini segera diperbaiki, ini sangat menyebalkan ...

Perbaikan ini hanya untuk pengguna biasa yang mencari kenyamanan dan bukan perbaikan untuk masalah yang dilaporkan .
Ini akan memberi Mojave tampilan yang lebih mirip dengan Sierra Tinggi di mana hanya menubar dan dok yang gelap.

  1. Beralih ke mode Cahaya dari Preferensi -> Umum
  2. Masukkan perintah ini ke terminal
    defaults write -g NSRequiresAquaSystemAppearance -bool Yes
  3. Keluar lalu masuk kembali.
  4. Pergi ke Preferensi -> Umum dan Beralih ke Mode Gelap.

PS jika Anda ingin membatalkan apa yang telah Anda lakukan ulangi langkah-langkah dengan:
defaults delete -g NSRequiresAquaSystemAppearance

@ brave3d Ini telah direkomendasikan dan tidak berhasil. Saya mengujinya dengan beberapa aplikasi, termasuk Discord dan Spotify, dan garisnya masih ada.

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

Ini adalah efek global yang ditambahkan pada mode terang dan gelap.

@degecko Saya sudah mengatakan bahwa ini bukan perbaikan , Ini pada dasarnya mengalihkan UI ke mode Cahaya, dan menjaga Dock dan Menubar dalam mode Gelap sehingga akan lebih seperti Sierra Tinggi sampai solusi yang lebih baik tersedia.

Saya memiliki bingkai dalam bingkai + transparan

frame

Tujuan yang sama :))
image

Ada berita tentang ini ?? 🤔

Saya percaya ini harus ditutup karena sekarang mungkin untuk menerapkan semua yang terkait dengan Mode Gelap Mojave. Langkah-langkah berikut diperlukan:

  • tambahkan berikut ini ke Info.plist
<key>NSRequiresAquaSystemAppearance</key>
<false/>
  • gunakan metode electron.systemPreferences dan acara yang terkait dengan Mode Gelap Mojave seperti setAppLevelAppearance isDarkMode dan acara seperti systemPreferences.subscribeNotification('AppleInterfaceThemeChangedNotification'...

Tidak bekerja untuk saya. Dengan langkah-langkah ini, mode gelap diterapkan tetapi bayangan bilah atas masih ada. Saya memiliki aplikasi baki dengan panah khas yang menunjuk ke sana, jadi menu saya harus disembunyikan. Dapatkah Anda memberi kami lebih banyak informasi untuk mencapai ini? Terima kasih!

Ada solusi lain?

Saya mendapatkan masalah ini juga.

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

Ada solusi selain menjalankan perintah "default ...- bool no"?

Bug ini dapat diatasi dengan menyetel titleBarStyle: 'customButtonsOnHover' , tetapi menyebabkan masalah lain: titleBar akan muncul saat Anda mengarahkan kursor ke bug ini.

Bug ini dapat diatasi dengan menyetel titleBarStyle: 'customButtonsOnHover' , tetapi menyebabkan masalah lain: titleBar akan muncul saat Anda mengarahkan kursor ke bug ini.

Terima kasih untuk itu @vifird! Tapi harap perhatikan bahwa ini juga menghilangkan sudut yang membulat. 😞

Bug ini dapat diatasi dengan menyetel titleBarStyle: 'customButtonsOnHover' , tetapi menyebabkan masalah lain: titleBar akan muncul saat Anda mengarahkan kursor ke bug ini.

Terima kasih untuk itu @vifird! Tapi harap perhatikan bahwa ini juga menghilangkan sudut yang membulat. 😞

Ya, lalu kita bisa menambahkan sudut membulat dengan stylesheet.

Lihat dokumen elektron

Jika Anda menggunakan electron-packager > = 12.2.0 atau electron-forge > = 6 Anda dapat menyetel opsi darwinDarkModeSupport saat pengemasan dan kunci ini akan disetel untuk Anda.

Jika Anda menggunakan electron-builder > = 20.37.0 Anda dapat menyetel opsi darkModeSupport .

Heya Folks, perbarui cepat tentang ini, saya akan membagi bug ini menjadi dua kategori dan menjelaskan jalan ke depan untuk masing-masing.

"Aplikasi saya memiliki garis putih di bagian atas dan tidak terlihat benar dengan bilah judul macOS kustom saya"

Seperti yang disebutkan di atas oleh @ Pong420, Anda harus memeriksa panduan Mode Gelap kami di situs web Electron. Khususnya flag darwinDarkModeSupport untuk packager / forge karena hal itu akan membuat "garis putih" kurang jelas dan lebih sesuai dengan skema warna OS Anda saat mode darm diaktifkan.

"Aplikasi saya transparan dan sekarang memiliki garis putih di bagian atas dan terlihat salah"

Sayangnya ini saat ini diklasifikasikan oleh apel sebagai "bug yang dikenal" dengan Mojave. Saya telah berdiskusi dengan tim teknis Apple melalui TSI dan mereka setuju bahwa kode yang saya berikan harus berfungsi (dan berfungsi <= 10.13). Mereka telah mengangkat ini secara internal dan yang dapat kami lakukan sekarang hanyalah berharap bahwa mereka memperbaikinya di rilis Mojave / macOS di masa mendatang.

TLDR: Aktifkan dukungan mode gelap untuk aplikasi Anda agar garis putih terlihat sedikit lebih baik, selain itu, bug ini ada di pengadilan Apple sekarang 👍

Saya telah berdiskusi dengan tim teknis Apple melalui TSI dan mereka setuju bahwa kode yang saya berikan harus berfungsi (dan berfungsi <= 10.13). Mereka telah mengangkat ini secara internal dan yang dapat kami lakukan sekarang hanyalah berharap bahwa mereka memperbaikinya di rilis Mojave / macOS di masa mendatang.

@MarshallOfSound luar biasa, kedengarannya bagus! Akankah Anda memperbarui utas ini jika ada gerakan dari sisi Apple?

Bug ini dapat diatasi dengan menyetel titleBarStyle: 'customButtonsOnHover' , tetapi menyebabkan masalah lain: titleBar akan muncul saat Anda mengarahkan kursor ke bug ini.

@HalalTimur
Ada berita?
Saya cukup yakin bug ini dapat diperbaiki, misalnya memberikan nilai lain titleBarStyle property, seperti customButtonsOnHover tetapi tidak ada tombol melayang.

Apakah ada cara untuk menguji / melakukan ini saat dalam pengembangan?

@HalalTimur
Ada berita?
Bug ini sudah berlangsung lama. Mengapa tidak membuat tambalan di atasnya?
Kami sangat membutuhkan perilaku yang benar, meskipun itu bug Apple.

Ini dapat diperbaiki dengan tambalan terbaru yang mendarat di Electron v6 beta 5

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

@pronebird Ini keren, tapi sepertinya resolusi resminya tidak?

Hai teman-teman, saya mendapat kabar baik dari apple dan baru saja memvalidasinya. Beta Catalina memperbaiki masalah ini di sisi Apple, setelah Catalina diluncurkan sebagai rilis stabil, garis putih tidak lagi muncul di transparent: true atau frame: false windows 👍

semacam gelandangan; Saya akan menarik pelatuk untuk membuat beberapa kaus "mode gelap menyebabkan garis putih di bagian atas aplikasi elektron", dan kerah leher memiliki garis putih halus di sekitarnya. booo.

... belum sepenuhnya yakin utas ini sudah mati. tetapi saya senang mendengar kabar baik tentang Catalina.

18485 telah di-backport ke Electron 5.0.3, dan itu memperbaiki masalah ini untuk saya (menggunakan customButtonsOnHover dan flag yang sesuai)! Saya merasa bahwa tambalan seperti ini dapat dilakukan ... terima kasih banyak kepada @codebytere , sekarang saya dapat mulai menguji beta aplikasi saya secara nyata

Ini juga ada untuk mode cahaya di MacOS saya.

Dikonfirmasi diperbaiki setelah meningkatkan ke Catalina.

Catalina 10.15, sepertinya menambahkan masalah baru - batas hitam aneh (atau hampir) dan batas lebih terang lainnya (kemungkinan sebelumnya; jendela Alat Pengembang, misalnya, memiliki bingkai ini juga) muncul setelah memperbarui.

Perbatasan gelap
image
Daftar opsi jendela:

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

Perbatasan lebih tipis
image
Daftar opsi jendela:

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

NSRequiresAquaSystemAppearance disetel ke true

Bagaimana cara menghapus chrome ini selamanya?

@ nickensoul apakah Anda tahu cara menghilangkan garis hitam?

@bernatfortet tidak, biarkan apa adanya untuk saat ini. Saya percaya itu membutuhkan beberapa perubahan interaksi dengan API sistem (dan saya pikir, ini adalah inti Elektron, jadi perlu garpu)
Jadi, masih menunggu.

Gotcha, terima kasih!

Garis putih di atas layar transparan. Jika Anda dapat meletakkan baris #000000 bawahnya, Anda dapat meredupkannya sedikit.

Agak sulit untuk membuatnya dirender, tetapi menambahkan yang berikut ini ke bilah judul khusus saya berhasil.

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>

Bagi mereka yang datang sekarang, tampaknya diperbaiki di Catalina. Saya baru saja mengujinya pada 10.15.2

Bagi mereka yang datang sekarang, tampaknya diperbaiki di Catalina. Saya baru saja mengujinya pada 10.15.2

@ adam-lynch Di Atom saya masih melihat baris:
https://user-images.githubusercontent.com/43918077/67483562-bda42f00-f66e-11e9-8fb4-4590dc06822e.png

Tampaknya Atom menggunakan Electron versi lama ...

di Big Sur semua jendela memiliki garis putih

Di Big Sur, Itu adalah perbatasan hitam di luar perbatasan putih, kecuali di Discord yang saat ini mengisi di sudut juga :( Semoga bug di beta awal.

2020-06-24_01 27 52-886a2eca

Sunting: Terlihat HANYA perselisihan yang mengisi perilaku ini sejauh ini.

@robjtede Saya belum memutar beta pengembang, tetapi jika itu terjadi dengan semua aplikasi Electron, pastikan Anda menaikkannya di asisten umpan balik 😄

@robjtede Saya belum memutar beta pengembang, tetapi jika itu terjadi dengan semua aplikasi Electron, pastikan Anda menaikkannya di asisten umpan balik 😄

Tidak hanya aplikasi pihak ketiga yang mengalami masalah ini, tetapi juga semua aplikasi Apple seperti Finder, Musik, Safari.
Berikut tangkapan layarnya:
Screen Shot 2020-06-25 at 00 13 13

Masalah yang saya angkat di sini adalah membuat lebih banyak orang sadar akan bug Big Sur ini, sehingga tim Apple dapat memperhatikan dan memperbaikinya.
Tentu saja, saya telah mengangkat masalah ini pada asisten umpan balik dan forum pengembang.

Edit: Perbarui tangkapan layar untuk membuatnya lebih besar.

@robjtede Saya belum memutar beta pengembang, tetapi jika itu terjadi dengan semua aplikasi Electron, pastikan Anda menaikkannya di asisten umpan balik 😄

Tidak hanya aplikasi pihak ketiga yang mengalami masalah ini, tetapi juga semua aplikasi Apple seperti Finder, Musik, Safari.
Berikut tangkapan layarnya:
Screen Shot 2020-06-25 at 00 13 13

Masalah yang saya angkat di sini adalah membuat lebih banyak orang sadar akan bug Big Sur ini, sehingga tim Apple dapat memperhatikan dan memperbaikinya.
Tentu saja, saya telah mengangkat masalah ini pada asisten umpan balik dan forum pengembang.

Edit: Perbarui tangkapan layar untuk membuatnya lebih besar.

Ada berita? Agak menjengkelkan melihat garis putih ini di setiap jendela saat dalam mode gelap ...

Apakah halaman ini membantu?
0 / 5 - 0 peringkat