Items in the Menu Bar are invisible on Ubuntu 18.10 when atom window is focused.

[bagratte]

Prerequisites

• Put an X between the brackets on this line if you have done all of the following:
  • Reproduced the problem in Safe Mode: https://flight-manual.atom.io/hacking-atom/sections/debugging/#using-safe-mode
  • Followed all applicable steps in the debugging guide: https://flight-manual.atom.io/hacking-atom/sections/debugging/
  • Checked the FAQs on the message board for common solutions: https://discuss.atom.io/c/faq
  • Checked that your issue isn't already filed: https://github.com/issues?utf8=✓&q=is%3Aissue+user%3Aatom
  • Checked that there is not already an Atom package that provides the described functionality: https://atom.io/packages

Description

Items in the Menu Bar are invisible on Ubuntu 18.10 when atom window is focused.

Steps to Reproduce

1. Launch Atom.

Expected behavior: Menu Bar items (File, Edit, etc) visible.

Actual behavior: Menu Bar items invisible.

Reproduces how often: Always.

Versions

Atom : 1.33.0
Electron: 2.0.11
Chrome : 61.0.3163.100
Node : 8.9.3

apm 2.1.2
npm 6.2.0
node 8.9.3 x64
atom 1.33.0
python 2.7.15+
git 2.19.1

Distributor ID: Ubuntu
Description: Ubuntu 18.10
Release: 18.10
Codename: cosmic

Linux buddy 4.18.0-11-generic #12-Ubuntu SMP Tue Oct 23 19:22:37 UTC 2018 x86_64 x86_64 x86_64 GNU/Linux

Ubuntu is apt-upgraded as of today.

Additional Information

[bliepp]

For me, too. Updated today. (Ubuntu 18.10, too)

[Seb182]

For me, too. Updated today. (Ubuntu 18.10, too, snap)

[njee]

I had the same problem! After tweaking ubuntu to default theme for applications (Adwaita) the menu text reappeared! Hope this helps?

[holayeah]

Same issue, after new atom installation.

[rsese]

Thanks for the report! Just noting that I can't reproduce on Ubuntu 18.04 with 1.33.0.

Did anyone seeing this issue have previous versions of Atom installed and can confirm if this behavior is new to 1.33.0 on Ubuntu 18.10?

For me, too. Updated today. (Ubuntu 18.10, too, snap)

The Snap installation is unofficial and not supported by us. @bagratte - you used the official package repository to install Atom yes?

[rsese]

Looks like this is an Electron issue:

electron/electron#15194 and electron/electron#15194 (comment)

[jeremie2]

I have tried the other themes available in the Gnome Tweak Tool and they work perfectly, the menu bar is visible.
So this problems seems to be related to the default theme "Yaru". Also the dark variant "Yaru-dark" works as expected.

[williamcanin]

Same problem here. I hope they solve this, I like the clear theme in Ubuntu 18.10, and only the dark theme does not stay that way. If someone knows how to get around without changing the theme, thank you.

[tekvsakdan]

Ubuntu 18.10. Menu bar is invisible if Adapta theme is enabled. It works fine with the default theme Yaru.

[zypro]

Ubuntu 18.10. Menu bar is invisible if Adapta theme is enabled. It works fine with the default theme Yaru.

Seems to be an issue "caused" by Ubuntu themes?

[rzelnik]

I don't know if the issue is on the Ubuntu side, or on the Atom side. There is a basic web design principle which says that if your rewrite a text colour, you should also rewrite a background colour. And vice versa, of course.

[Trilochan20]

Same thing happened for me. Upgrade today to 18.10 from 18.04. Uninstalled the snap version and downloaded and installed the official .deb package. Still didn't work.
After changing the theme from Yaru to Yaru-Dark. The menu bar is back.

[jeremie2]

As reported by @rsese this is an Electron issue with gtk+ themes #18535. So all the applications like Atom, Visual Studio, Skype, etc.. are affected.
This happens when the background colours of menu and menu-bar are different (like in Ubuntu's Yaru theme).

There should be a fix #15878 but probably it will take some time before it will be included in a new release.
Right today there was an update of Visual Studio with a specific patch for Linux systems. The custom menu-bar (not related to the system theme) has been set as default instead of the native menu-bar. I presume they have done this as workaround till there will be an Electron fix for this issue.

[cmdcolin]

Just to fix the link @jeremie2 pointed to I believe it is electron/electron#15878

[ataraxus]

any idea when this lands in atom? Or where to track it? just updated to atom 1.34 but it's still broken

[rsese]

Based on electron/electron#15878, I believe the fix is in Electron 3 so you can subscribe to #18603 @ataraxus.

[joshcangit]

It's an issue with the way the application interacts with the system theme. Some dark themes on Linux will cause Electron based applications to color the menu bar black on dark grey or worse, black on black.

Should check out Typora's Issue #1923. There was also this problem until it was fixed.

[bunkenburg]

Still in Atom 1.34.0

[joshcangit]

About page shows Atom 1.34.0 is still using Electron 2.0.16.

It'll be really disappointing if Atom does not update it's dependencies for following updates.

[Aerijo]

@joshcangit The upgrade to Electron v3 is in progress here (as @rsese already pointed out)

[joshcangit]

Great! Looking forward to it.

[ffais]

i have same problem in atom 1.34.0 on ubuntu 18.10.

[Cobinja]

This should be fixed whenever Atom hits Electron 3.0.14, 3.1.1 or 4.0.1 (or higher)

[sfnvm]

13381#issuecomment-415680837
I think this would be temporary fix for now.
Btw I'm using Ubuntu 18.04 with Communitytheme installed through snap and had same issue

[daviwil]

This bug has been fixed in the latest releases of Electron 3 and 4 but apparently the fix wasn't backported to Electron 2. The issue will be resolved with our Electron 3 upgrade in next month's Atom 1.36.0-beta0 release (#18603). Here's a screenshot:

[dwivedisshyam]

Just change the theme of Ubuntu from Yaru to any other. It will help.

[RVidalki]

**In Ubuntu, try this to make Atom Menu visible **

1- Install gnome-tweak-tool
by typing: sudo apt install gnome-tweak-tool.
2- Install or download additional themes.
3- Start gnome-tweak-tool.
4- Select a different theme than Yaru
Appearance > Themes > Choose theme Applications or Shell from the drop down menu.

[kilazer]

Just change the theme of Ubuntu from Yaru to any other. It will help.

It seems a bit strange to change the topic because of the bug. Why developers are not trying to fix the problem, this has been known for a long time.

[mhterres]

It is a workaround, but it would be nice to have a proper fix. Regards, Marcelo H. Terres <mhterres@gmail.com> https://www.mundoopensource.com.br https://twitter.com/mhterres https://linkedin.com/in/marceloterres

…

On Thu, 2 May 2019 at 00:45, RVidalki ***@***.***> wrote: **In Ubuntu, try this to make Atom Menu visible ** 1- Install *gnome-tweak-tool* by typing: sudo apt install gnome-tweak-tool. 2- Install or download additional themes. 3- Start *gnome-tweak-tool.* 4- Select a different theme than *Yaru* Appearance > Themes > Choose theme Applications or Shell from the drop down menu. — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#18535 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABH6TWCBLD6NNFTLY2JRJ2DPTITRJANCNFSM4GHYVQOQ> .

[datenstau]

So when does atom migrate to a new version of electron? This bug is already fixed there in recent versions.

[colinl]

As I understand it the upgrade to Electron 3 causes some problems, the upgrade is being addressed in the issue linked earlier
#18916

[rat]

For me, too. Updated today. (Ubuntu 18.10, too)

When I opened this I still dreamed of leaving the sublime text, today I see that it is not possible

[rsese]

As mentioned earlier in this thread, this should be fixed in the Electron 3 upgrade. There's no specific timeline for when that will happen, but you can subscribe to #18916 if you want to follow the progress.

[rusikf]

Hi guys, Does it still possible to fix this without changing theme to Yark dark ? ( for example may be I can use dev build )

[davehowson]

Is there any fix to this yet?
Also, how do I update the Electron version? Mine says its 2.0.18 but the screenshot by David says 3.0.14

This bug has been fixed in the latest releases of Electron 3 and 4 but apparently the fix wasn't backported to Electron 2. The issue will be resolved with our Electron 3 upgrade in next month's Atom 1.36.0-beta0 release (#18603). Here's a screenshot:

[codingbybl]

In Core Settings, just uncheck "Autohide Menubar".

[colinl]

@codingbybl that is not the cause of this problem. It is not that the menu is being hidden, the menu is there but the text is invisible. Clicking in the area where the menu bar should be seen does work correctly.

[ludovicdeluna]

I use Ubuntu 19.04 and have the same issue. I think this is a bug with the default theme of Ubuntu and not directly related to Atom.

The default theme is Yaru and other apps have the same issue than Atom with this theme. I've noticed also a bad choice of font color and bg color for the focused item in the contextual menu outside Atom (really not easy to read). I hope Canonical (or other) will fix this theme soon.

You can fix yourself this issue by doing one of this action

• Revert back your theme to Ambiance (the default theme for the previous Ubuntu version).
• Use Yaru-dark if you want the dark mode.

The new version of Ubuntu don't let you the possibility to easily change your theme. You have to install Gnome Tweak Tool before (what a shame).

sudo apt-get install gnome-tweak-tool

Launch the app and go to appearance: select the theme you wish to use for "Applications" (Ambiance or Yaru-dark). When done, your Atom menu bring back to you.

Contextual menus (outside Atom) are also more readable for the focused item.

[timburgess]

@ludovicdeluna instructtions are on the right path. Once you've installed gnome-tweak-tool it's available as gnome-tweaks

I did a fresh install of 19.04 and unfortunately Ambiance is not available as a theme. A search of packages.ubuntu.com on ambiance or theme shows no relevant packages. yaru-dark makes the Atom menu reappear but unfortunately it makes chromium tabs unreadable IMHO.

[ludovicdeluna]

@timburgess : Ok, perhaps you can get it with :

sudo apt-get install light-themes

A apt-cache show light-themes return this for me:

Package: light-themes
Architecture: all
Version: 19.04-0ubuntu1
Multi-Arch: foreign
Priority: optional
Section: universe/gnome
Source: ubuntu-themes
Origin: Ubuntu
Maintainer: Ubuntu Artwork Team <ubuntu-art@lists.ubuntu.com>
Bugs: https://bugs.launchpad.net/ubuntu/+filebug
Installed-Size: 17247
Depends: gtk2-engines-murrine (>= 0.90.3+git20100810), humanity-icon-theme, ubuntu-mono
Filename: pool/universe/u/ubuntu-themes/light-themes_19.04-0ubuntu1_all.deb
Size: 458280
MD5sum: 7ed04a70c6d10efd2c29561d88b26a3f
SHA1: 31bcdf1744b101b74e349293d5c4aa1d18c2c770
SHA256: 627d26bbe1d3060edcff2e8e5b941c978b20754d90d14e293b897e6f7899885f
Homepage: https://launchpad.net/ubuntu-themes
Description-en: Light Themes (Ambiance and Radiance)
 Includes matching Ambiance and Radiance themes
 .
 * Ambiance is a light-on-dark theme
 * Radiance is a dark-on-light theme
 .
 Introduced as the default themes in Ubuntu 10.04 LTS.
Description-md5: 66093fe5a19671849351e8d6fad66909
Task: ubuntukylin-desktop

I hope this will help.

[iuuuuan]

I am using Yaru theme on ubuntu 19.04. Workaround for this issue is to modify line Exec in file /usr/share/applications/atom.desktop and add env GTK_THEME=Yaru-dark before /usr/bin/atom %F, for example Exec=env GTK_THEME=Yaru-dark /usr/bin/atom %F

My file /usr/share/applications/atom.desktop looks like this

[Desktop Entry]
Name=Atom
Comment=A hackable text editor for the 21st Century.
GenericName=Text Editor
Exec=env GTK_THEME=Yaru-dark /usr/bin/atom %F
Icon=atom
Type=Application
StartupNotify=true
Categories=GNOME;GTK;Utility;TextEditor;Development;
MimeType=text/plain;
StartupWMClass=atom

Other GTK_THEME can be used as well. Found this on https://discuss.atom.io/t/hardly-visible-menu-on-linux/61816/8

[psycholein]

or use an alias for command line: alias atom='GTK_THEME=Yaru-dark atom'

[TriMoon]

or use an alias for command line: alias atom='GTK_THEME=Yaru-dark atom'

This is IMHO the better work-around because changes to files installed from packages will be overwritten with new versions when they arrive...

[rsese]

Electron 3 is in 1.39 (currently in beta) and the menu bar is ok on Ubuntu 18.10. I'm assuming the same for 19.04, can anyone running 19.04 confirm with 1.39?

[mfonville]

I can confirm that with 19.04 it is works (with Yaru theme)

[mhterres]

Me too. 1.39 beta works fine on Ubuntu 19.04 Marcelo H. Terres <mhterres@gmail.com> https://www.mundoopensource.com.br https://twitter.com/mhterres https://linkedin.com/in/marceloterres

…

On Wed, 12 Jun 2019 at 14:53, Maarten Fonville ***@***.***> wrote: I can confirm that with 19.04 it is works (with Yaru theme) — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#18535?email_source=notifications&email_token=ABH6TWA6UDTADYCGKT6IHLDP2D5XJA5CNFSM4GHYVQO2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODXQPU7A#issuecomment-501283452>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABH6TWADUITGCR7LFVTUWODP2D5XJANCNFSM4GHYVQOQ> .

[wesinator]

Still seeing a similar issue in atom 1.38.2 (snap) with Arc-Darker theme

• Ubuntu 18.04.2
• GNOME 3.28.2
• Arc-Darker theme (20180114-1ubuntu1), set via tweak tool

The menu bar text is always barely visible:

possibly electron/electron#15823 ?

[Aerijo]

@wesinator

1. Please read the above comments. The fix is currently in beta, and will likely land in stable on next release.

2. The Snap install is neither official nor supported. So any issues you encounter with it will not be considered until you reproduce them on an official build. If you want a package manager to handle updates, look at the installing section of the flight manual.

[AllanC56]

Finally fixed on stable channel with Atom 1.39, yay

[lock]

This issue has been automatically locked since there has not been any recent activity after it was closed. If you can still reproduce this issue in Safe Mode then please open a new issue and fill out the entire issue template to ensure that we have enough information to address your issue. Thanks!