Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
bagratte opened this issue Dec 3, 2018 · 67 comments

Comments

Projects
None yet
@bagratte
Copy link

commented Dec 3, 2018

Prerequisites

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

screenshot from 2018-12-03 13-09-52
screenshot from 2018-12-03 13-11-23

@bliepp

This comment has been minimized.

Copy link

commented Dec 3, 2018

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

@Seb182

This comment has been minimized.

Copy link

commented Dec 3, 2018

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

@njee

This comment has been minimized.

Copy link

commented Dec 3, 2018

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

@upatricck

This comment has been minimized.

Copy link

commented Dec 3, 2018

Same issue, after new atom installation.

@rsese

This comment has been minimized.

Copy link
Member

commented Dec 3, 2018

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

This comment has been minimized.

Copy link
Member

commented Dec 3, 2018

Looks like this is an Electron issue:

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

@jeremie2

This comment has been minimized.

Copy link

commented Dec 4, 2018

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

This comment has been minimized.

Copy link

commented Dec 5, 2018

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

This comment has been minimized.

Copy link

commented Dec 7, 2018

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

@zypro

This comment has been minimized.

Copy link

commented Dec 13, 2018

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

This comment has been minimized.

Copy link

commented Dec 13, 2018

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

This comment has been minimized.

Copy link

commented Dec 13, 2018

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.
atom_menu
theme

@jeremie2

This comment has been minimized.

Copy link

commented Dec 13, 2018

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

This comment has been minimized.

Copy link

commented Dec 14, 2018

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

@ataraxus

This comment has been minimized.

Copy link

commented Jan 9, 2019

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

@rsese

This comment has been minimized.

Copy link
Member

commented Jan 10, 2019

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

@joshcangit

This comment has been minimized.

Copy link

commented Jan 11, 2019

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.
screenshot atom
Should check out Typora's Issue #1923. There was also this problem until it was fixed.

@bunkenburg

This comment has been minimized.

Copy link

commented Jan 13, 2019

Still in Atom 1.34.0

@joshcangit

This comment has been minimized.

Copy link

commented Jan 14, 2019

About page shows Atom 1.34.0 is still using Electron 2.0.16.
atom about
It'll be really disappointing if Atom does not update it's dependencies for following updates.

@Aerijo

This comment has been minimized.

Copy link
Member

commented Jan 14, 2019

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

@joshcangit

This comment has been minimized.

Copy link

commented Jan 14, 2019

Great! Looking forward to it.

@ffais

This comment has been minimized.

Copy link

commented Jan 22, 2019

i have same problem in atom 1.34.0 on ubuntu 18.10.

@Cobinja

This comment has been minimized.

Copy link

commented Jan 23, 2019

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

@trungpt25

This comment has been minimized.

Copy link

commented Jan 23, 2019

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
screenshot from 2019-01-23 17-48-56 cutted
screenshot from 2019-01-23 17-46-27 cutted
screenshot from 2019-01-23 17-53-51

@daviwil

This comment has been minimized.

Copy link
Contributor

commented Jan 30, 2019

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:

ubuntu_menu_foreground

@Pascalrender

This comment has been minimized.

Copy link

commented Apr 20, 2019

49939806-d64aa100-ff03-11e8-9ed8-aeb92dc8f448

works in Ubuntu 19.04

@mlamlu

This comment has been minimized.

Copy link

commented Apr 23, 2019

Same problem with ubuntu 19.04 (update from 18.10 with the problem too) If my themes are Yaru (not dark with dark no problem)
last version installed with snapd

@nerburish

This comment has been minimized.

Copy link

commented Apr 26, 2019

Same problem with ubuntu 18.10 and ubuntu 19.04

@johnwatterlond

This comment has been minimized.

Copy link

commented Apr 30, 2019

same problem ubuntu 19.04. atom version 1.36.1. also if it helps anyone, i noticed that the menu bar becomes visible if the atom window is behind another window. when atom window is brought to the front the menu bar becomes invisible again.

@dwivedisshyam

This comment has been minimized.

Copy link

commented May 1, 2019

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

@RVidalki

This comment has been minimized.

Copy link

commented May 1, 2019

**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

This comment has been minimized.

Copy link

commented May 2, 2019

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

This comment has been minimized.

Copy link

commented May 2, 2019

@datenstau

This comment has been minimized.

Copy link

commented May 2, 2019

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

@colinl

This comment has been minimized.

Copy link

commented May 2, 2019

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

@rat

This comment has been minimized.

Copy link

commented May 3, 2019

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

This comment has been minimized.

Copy link
Member

commented May 3, 2019

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.

fereber added a commit to fereber/AppBuilder that referenced this issue May 4, 2019

Changing the theme from Yaru to Adwaita
You need to modify the base theme (Yaru) otherwise Atom menu bar labels 
are invisible :(
The problem is not solved yet.
atom/atom#18535
@rusikf

This comment has been minimized.

Copy link

commented May 7, 2019

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

This comment has been minimized.

Copy link

commented May 19, 2019

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:

ubuntu_menu_foreground

@codingbybl

This comment has been minimized.

Copy link

commented May 23, 2019

In Core Settings, just uncheck "Autohide Menubar".

GH-submit-atom-menubar-1905

@colinl

This comment has been minimized.

Copy link

commented May 23, 2019

@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

This comment has been minimized.

Copy link

commented May 24, 2019

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

This comment has been minimized.

Copy link

commented May 25, 2019

@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

This comment has been minimized.

Copy link

commented May 28, 2019

@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

This comment has been minimized.

Copy link

commented Jun 1, 2019

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

This comment has been minimized.

Copy link

commented Jun 7, 2019

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

@TriMoon

This comment has been minimized.

Copy link

commented Jun 10, 2019

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...

@luixal

This comment was marked as disruptive content.

Copy link

commented Jun 11, 2019

This bug persists 7 months later... WTF?!

@rsese

This comment has been minimized.

Copy link
Member

commented Jun 12, 2019

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

This comment has been minimized.

Copy link
Contributor

commented Jun 12, 2019

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

@mhterres

This comment has been minimized.

Copy link

commented Jun 13, 2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.