Dark GTK+ theme on Microsoft Edge Dev 91.0.831.1 for Linux

%3CLINGO-SUB%20id%3D%22lingo-sub-2232945%22%20slang%3D%22en-US%22%3EDark%20GTK%2B%20theme%20on%20Microsoft%20Edge%20Dev%2091.0.831.1%20for%20Linux%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2232945%22%20slang%3D%22en-US%22%3E%3CP%3EIf%20the%20GTK%20%2B%20theme%20is%20dark%20(like%20the%20attached%20screenshot%20below)%2C%20the%20contents%20will%20not%20be%20dark%20and%20some%20icons%20are%20still%20black%20instead%20of%20white.%26nbsp%3B%3CSPAN%20class%3D%22VIiyi%22%3E%3CSPAN%20class%3D%22JLqJ4b%20ChMk0b%22%3E%3CSPAN%3EWhat%20should%20I%20do%3F%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EOperating%20System%3A%20KDE%20neon%205.21%3CBR%20%2F%3EKernel%20Version%3A%205.4.0-70-generic%3CBR%20%2F%3EOS%20Type%3A%2064-bit%3CBR%20%2F%3EGraphics%20Platform%3A%20X11%3CBR%20%2F%3EProcessors%3A%204%20%C3%97%20Intel%C2%AE%20Core%E2%84%A2%20i5-6200U%20CPU%20%40%202.30GHz%3CBR%20%2F%3EMemory%3A%207.5%20GiB%20of%20RAM%3CBR%20%2F%3EGraphics%20Processor%3A%20Mesa%20Intel%C2%AE%20HD%20Graphics%20520%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2280282%22%20slang%3D%22en-US%22%3ERe%3A%20Dark%20GTK%2B%20theme%20on%20Microsoft%20Edge%20Dev%2091.0.831.1%20for%20Linux%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2280282%22%20slang%3D%22en-US%22%3E%3CP%3EI%20encourage%20you%20to%20file%20a%20detailed%20Feedback%20report%20so%20that%20the%20Edge-Linux%20team%20can%20understand%2C%20evaluate%20and%20correct%2C%20as%20needed.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EBut%20I%20am%20not%20sure%20that%20I%20understand%20what%20is%20wrong.%3CBR%20%2F%3E%3CBR%20%2F%3EI%20checked%20to%20see%20how%20your%20screenshot%20compared%20to%20my%20results%20under%20different%20conditions%2C%20and%20I%20found%20that%20the%20Edge%20UI%20is%20consistent%20(and%20seemingly%20identical%20to%20your%20screenshot%20in%20all%20material%20respects)%20across%20Windows%2010%2C%20Solus%20Budgie%2C%20Solus%20Plasma%2C%20Zorin%2016%20Beta%2C%20and%20Ubuntu%2020.10%2C%20all%20set%20to%20dark%20or%20system%20default%20mode%2Ftheme.%3CBR%20%2F%3E%3CBR%20%2F%3EIn%20each%20case%2C%20the%20content%20is%20displayed%20against%20a%20white%20background%2C%20bars%20and%20menus%20are%20displayed%20against%20a%20dark%20background%2C%20and%20various%20icons%20are%20displayed%20either%20as%20white%20or%20grey.%20It%20looks%20to%20me%20as%20if%20the%20Edge%20defaults%20are%20standard%20across%20platforms.%20I%20suspect%20that%20this%20is%20intended.%3CBR%20%2F%3E%3CBR%20%2F%3EI%20checked%20Firefox%2C%20too%2C%20in%20all%20the%20platforms%2C%20with%20identical%20results%2C%20just%20to%20see%20if%20Firefox%20behaved%20differently.%20It%20seems%20Firefox%20also%20defaults%20to%20a%20standard%20UI%20across%20platforms.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWithin%20the%20confines%2Flimitations%20of%20each%20platform%20(some%20offering%20more%20options%20than%20others)%20the%20Edge-Linux%20UI%20appearance%20can%20be%20changed%20by%20adopting%20different%20themes%20under%20Settings%26gt%3BAppearance%2C%20but%20I%20have%20not%20explored%20that%20option.%26nbsp%3B%20I%20use%20default%20settings.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2652624%22%20slang%3D%22zh-CN%22%3ERe%3A%20Dark%20GTK%2B%20theme%20on%20Microsoft%20Edge%20Dev%2091.0.831.1%20for%20Linux%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2652624%22%20slang%3D%22zh-CN%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F318339%22%20target%3D%22_blank%22%3E%40tomscharbach%3C%2FA%3E%26nbsp%3BI%20think%20he%20might%20want%20the%20color%20theme%20to%20follow%20the%20system%20(like%20System%20Default%20under%20Windows%2C%20but%20not%20available%20on%20Linux)%3C%2FP%3E%3C%2FLINGO-BODY%3E
Frequent Visitor

If the GTK + theme is dark (like the attached screenshot below), the contents will not be dark and some icons are still black instead of white. What should I do?

 

Operating System: KDE neon 5.21
Kernel Version: 5.4.0-70-generic
OS Type: 64-bit
Graphics Platform: X11
Processors: 4 × Intel® Core™ i5-6200U CPU @ 2.30GHz
Memory: 7.5 GiB of RAM
Graphics Processor: Mesa Intel® HD Graphics 520

4 Replies

I encourage you to file a detailed Feedback report so that the Edge-Linux team can understand, evaluate and correct, as needed.

 

But I am not sure that I understand what is wrong.

I checked to see how your screenshot compared to my results under different conditions, and I found that the Edge UI is consistent (and seemingly identical to your screenshot in all material respects) across Windows 10, Solus Budgie, Solus Plasma, Zorin 16 Beta, and Ubuntu 20.10, all set to dark or system default mode/theme.

In each case, the content is displayed against a white background, bars and menus are displayed against a dark background, and various icons are displayed either as white or grey. It looks to me as if the Edge defaults are standard across platforms. I suspect that this is intended.

I checked Firefox, too, in all the platforms, with identical results, just to see if Firefox behaved differently. It seems Firefox also defaults to a standard UI across platforms.

 

Within the confines/limitations of each platform (some offering more options than others) the Edge-Linux UI appearance can be changed by adopting different themes under Settings>Appearance, but I have not explored that option.  I use default settings.

@tomscharbach I think he might want the color theme to follow the system (like System Default under Windows, but not available on Linux)

@tomscharbach you don't need to compare other OS / distros, you can reproduce this on any single Linux distro..

 

Look again at the screenshot. The browser UI (the tabs and toolbar) are dark. However the settings page is in Light mode. This is how Edge behaves with the GTK theme enabled in the browser and dark mode enabled in the OS.

 

Try this yourself. Now select the 'Dark' theme in settings. The settings page itself switches to white text on a dark background. Have a play with other websites that support auto-dark mode (e.g. Github.com). With the dark theme is selected in Edge, these pages switch to a matching dark theme. When the theme in Edge is GTK dark, they do not.

 

Currently there is no way to have auto light/dark theme switching in Edge on Linux, while it works fine on Windows and Mac OS. One must either manually switch between light and dark themes, or put up with the halfway house that is the GTK theme.

Perhaps it is coming and will filter through eventually...

https://bugs.chromium.org/p/chromium/issues/detail?id=998903