Ubuntu
ubuntu-themes package

Incorrect subpixel font rendering in Unity Panel when using Radiance

Bug #1465340 reported by Michael Titke on 2015-06-15

This bug affects 3 people

Affects		Status	Importance	Assigned to	Milestone
	ubuntu-themes (Ubuntu)	Confirmed	Undecided	Unassigned
	unity (Ubuntu)	Confirmed	Undecided	Unassigned

Bug Description

This bug has been there for at least three years.

The font anti aliasing in the menu bar is completely off when the user chooses the Radiance theme. The attached screen shot shows a Firefox menu on top of an Emacs session. You see the unity menu bar at the top with the distorted anti aliasing. Under it in the pop-up menu you see a font rendered normally which looks much better.

In addition to the distorted anti aliasing the menu bar does not seem to respect the user settings in "~/.fonts.conf".

Please fix this and alter the name of Radiance to "Bright". Stop the menu bar from radiating with Radiance.

Tags:

Revision history for this message

Michael Titke (michael-tiedtke-i) wrote on 2015-06-15:

Radiating Menu Bar Font Edit (278.0 KiB, image/png)

Revision history for this message

Michael Titke (michael-tiedtke-i) wrote on 2015-06-15:

Patch (created with diff -u): set RGBA to false in gtkrc Edit (335 bytes, text/plain)

Found it. Solved it.

Just apply the patch to "/usr/share/themes/Radiance/gtk-2.0/gtkrc".

It somehow works instantly, i.e. it changes the appearance of the menu bar instantly. Don't know why ...

Caveats:

1) It's still called Radiance and not Bright.

2) One might still perceive some kind of embossed or glossy effect: maybe that's a perceptive interference with the background gradient but it doesn't show up in the pixel values.
(This might even depend on the type of display - not all liquid crystal display show a static image: some try to interpolate unrepresentable colors of RGB24 by alternating rapidly between two colors in 6 bit color channels bla bla etc.)

Revision history for this message

Ubuntu Foundations Team Bug Bot (crichton) wrote on 2015-06-15:

The attachment "Patch (created with diff -u): set RGBA to false in gtkrc" seems to be a patch. If it isn't, please remove the "patch" flag from the attachment, remove the "patch" tag, and if you are a member of the ~ubuntu-reviewers, unsubscribe the team.

[This is an automated message performed by a Launchpad user owned by ~brian-murray, for any issues please contact him.]

tags:

added: patch

Revision history for this message

Michael Titke (michael-tiedtke-i) wrote on 2015-06-16:

With and W/o glowing text shadows Edit (48.8 KiB, image/png)

Download full text (7.2 KiB)

Imagination is everything! The RGBA patch didn't seem to change anything - no matter what (with Xrdb, fonts.conf) font rendering always stays on rgb.

The radiance problem was text shadows. Please see attached screenshot of screenshots: it's color enhanced. The upper part is a menu bar item with text-shadow the lower one without.

Here is an overview of the changes:

/usr/share/themes/Radiance$ gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css.orig: gtk-3.0/gtk-widgets.css: gtk-3.0/gtk-widgets.css: gtk-3.0/gtk-widgets.css: gtk-3.0/gtk-widgets.css: gtk-3.0/gtk-widgets.css: gtk-3.0/gtk-widgets.css: gtk-3.0/gtk-wi... grep -iR text-shadow *gtk-3.0/gtk-widgets.css.orig: text-shadow: 0 1px shade (@bg_color, 1.04);
text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4);
text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.2);
text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4);
text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.2);
text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.4);
text-shadow: 0 -1px shade (@dark_bg_color, 0.6);
text-shadow: 0 -1px shade (@dark_bg_color, 0.8);
text-shadow: 0 -1px shade (@dark_bg_color, 0.7);
text-shadow: none;
text-shadow: 0 -1px shade (@selected_bg_color, 0.7);
text-shadow: 0 -1px shade (@dark_bg_color, 0.6);
text-shadow: 0 1px shade (@bg_color, 1.14);
text-shadow: 0 -1px shade (@dark_bg_color, 0.7);
text-shadow: 0 1px shade (@selected_bg_color, 0.7);
text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.5);
text-shadow: 0 1px shade (@selected_bg_color, 0.7);
text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.5);
text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4);
text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.2);
text-shadow: none;
text-shadow: 0 -1px shade (@dark_bg_color, 0.7);
text-shadow: 0 -1px shade (@dark_bg_color, 0.7);
text-shadow: 0 -1px shade (@dark_bg_color, 0.7);
text-shadow: 0 -1px shade (@dark_bg_color, 0.9);
text-shadow: 0 -1px shade (@dark_bg_color, 0.6);
text-shadow: none;
text-shadow: none;
text-shadow: none;
text-shadow: none;
text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.5);
text-shadow: none;
text-shadow: none;
text-shadow: none;
text-shadow: none;
text-shadow: none;
text-shadow: none;

Imagination is everything! The RGBA patch didn't seem to change anything - no matter what (with Xrdb, fonts.conf) font rendering always stays on rgb.

The radiance problem was text shadows. Please see attached screenshot of screenshots: it's color enhanced. The upper part is a menu bar item with text-shadow the lower one without.

Here is an overview of the changes:

/usr/share/themes/Radiance$ grep -iR text-shadow *gtk-3.0/gtk-widgets.css.orig:    text-shadow: 0 1px shade (@bg_color, 1.04);
gtk-3.0/gtk-widgets.css.orig:    text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4);
gtk-3.0/gtk-widgets.css.orig:    text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.2);
gtk-3.0/gtk-widgets.css.orig:    text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4);
gtk-3.0/gtk-widgets.css.orig:    text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.2);
gtk-3.0/gtk-widgets.css.orig:    text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.4);
gtk-3.0/gtk-widgets.css.orig:    text-shadow: 0 -1px shade (@dark_bg_color, 0.6);
gtk-3.0/gtk-widgets.css.orig:    text-shadow: 0 -1px shade (@dark_bg_color, 0.8);
gtk-3.0/gtk-widgets.css.orig:    text-shadow: 0 -1px shade (@dark_bg_color, 0.7);
gtk-3.0/gtk-widgets.css.orig:    text-shadow: none;
gtk-3.0/gtk-widgets.css.orig:    text-shadow: 0 -1px shade (@selected_bg_color, 0.7);
gtk-3.0/gtk-widgets.css.orig:    text-shadow: 0 -1px shade (@dark_bg_color, 0.6);
gtk-3.0/gtk-widgets.css.orig:    text-shadow: 0 1px shade (@bg_color, 1.14);
gtk-3.0/gtk-widgets.css.orig:    text-shadow: 0 -1px shade (@dark_bg_color, 0.7);
gtk-3.0/gtk-widgets.css.orig:    text-shadow: 0 1px shade (@selected_bg_color, 0.7);
gtk-3.0/gtk-widgets.css.orig:    text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.5);
gtk-3.0/gtk-widgets.css.orig:    text-shadow: 0 1px shade (@selected_bg_color, 0.7);
gtk-3.0/gtk-widgets.css.orig:    text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.5);
gtk-3.0/gtk-widgets.css.orig:    text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4);
gtk-3.0/gtk-widgets.css.orig:    text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.2);
gtk-3.0/gtk-widgets.css.orig:    text-shadow: none;
gtk-3.0/gtk-widgets.css.orig:    text-shadow: 0 -1px shade (@dark_bg_color, 0.7);
gtk-3.0/gtk-widgets.css.orig:    text-shadow: 0 -1px shade (@dark_bg_color, 0.7);
gtk-3.0/gtk-widgets.css.orig:    text-shadow: 0 -1px shade (@dark_bg_color, 0.7);
gtk-3.0/gtk-widgets.css.orig:    text-shadow: 0 -1px shade (@dark_bg_color, 0.9);
gtk-3.0/gtk-widgets.css.orig:    text-shadow: 0 -1px shade (@dark_bg_color, 0.6);
gtk-3.0/gtk-widgets.css.orig:    text-shadow: none;
gtk-3.0/gtk-widgets.css.orig:    text-shadow: none;
gtk-3.0/gtk-widgets.css.orig:    text-shadow: none;
gtk-3.0/gtk-widgets.css.orig:    text-shadow: none;
gtk-3.0/gtk-widgets.css.orig:    text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.5);
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets.css:    text-shadow: none;
gtk-3.0/gtk-widgets-radiance.css.orig:    text-shadow: 0 1px shade (@dark_bg_color, 1.1);
gtk-3.0/gtk-widgets-radiance.css.orig:    text-shadow: 0 1px shade (@dark_bg_color, 1.1);
gtk-3.0/gtk-widgets-radiance.css.orig:    text-shadow: 0 -1px shade (@selected_bg_color, 0.7);
gtk-3.0/gtk-widgets-radiance.css.orig:    text-shadow: 0 1px shade (@bg_color, 1.14);
gtk-3.0/gtk-widgets-radiance.css.orig:    text-shadow: 0 1px shade (@dark_bg_color, 1.1);
gtk-3.0/gtk-widgets-radiance.css.orig:    text-shadow: 0 1px shade (@dark_bg_color, 1.1);
gtk-3.0/gtk-widgets-radiance.css.orig:    text-shadow: 0 1px alpha (shade (@dark_bg_color, 1.25), 0.32);
gtk-3.0/gtk-widgets-radiance.css:    text-shadow: none;
gtk-3.0/gtk-widgets-radiance.css:    text-shadow: none;
gtk-3.0/gtk-widgets-radiance.css:    text-shadow: none;
gtk-3.0/gtk-widgets-radiance.css:    text-shadow: none;
gtk-3.0/gtk-widgets-radiance.css:    text-shadow: none;
gtk-3.0/gtk-widgets-radiance.css:    text-shadow: none;
gtk-3.0/gtk-widgets-radiance.css:    text-shadow: none;
gtk-3.0/apps/unity.css.orig:    text-shadow: 1px 0 shade (@dark_bg_color, 1.06), -1px 0 shade (@dark_bg_color, 1.06),
gtk-3.0/apps/unity.css.orig:    text-shadow: 1px 0 1px shade (@dark_bg_color, 1.08), -1px 0 1px shade (@dark_bg_color, 1.08),
gtk-3.0/apps/unity.css.orig:    text-shadow: 1px 0 shade (@dark_bg_color, 1.06), -1px 0 shade (@dark_bg_color, 1.06),
gtk-3.0/apps/nautilus.css.orig:    text-shadow: 1px 1px alpha (#000000, 0.8);
gtk-3.0/apps/nautilus.css.orig:    text-shadow: none;
gtk-3.0/apps/nautilus.css.orig:    text-shadow: 0 1px shade (@cluebar_color, 1.06);
gtk-3.0/apps/nautilus.css.orig:    text-shadow: 0 1px shade (@cluebar_color, 1.02);
gtk-3.0/apps/nautilus.css.orig:    text-shadow: 0 1px shade (shade (@bg_color, 0.95), 1.04); 
gtk-3.0/apps/nautilus.css.orig:    text-shadow: 0 1px shade (shade (@bg_color, 0.95), 1.02); 
gtk-3.0/apps/nautilus.css.orig:    text-shadow: 0 1px shade (@selected_bg_color, 0.8); 
gtk-3.0/apps/nautilus.css.orig:    text-shadow: 0 1px shade (shade (@bg_color, 0.95), 0.96); 
gtk-3.0/apps/unity-greeter.css:    text-shadow: none;
gtk-3.0/apps/unity.css:    text-shadow: none, none;
gtk-3.0/apps/unity.css:    text-shadow: none, none;
gtk-3.0/apps/unity.css:    text-shadow: none, none;
gtk-3.0/apps/gnome-panel.css.orig:    text-shadow: none;
gtk-3.0/apps/gnome-panel.css.orig:    text-shadow: 0 1px shade (@dark_bg_color, 1.08);
gtk-3.0/apps/gnome-panel.css:    text-shadow: none;
gtk-3.0/apps/gnome-panel.css:    text-shadow: none;
gtk-3.0/apps/nautilus.css:    text-shadow: none;
gtk-3.0/apps/nautilus.css:    text-shadow: none;
gtk-3.0/apps/nautilus.css:    text-shadow: none;
gtk-3.0/apps/nautilus.css:    text-shadow: none;
gtk-3.0/apps/nautilus.css:    text-shadow: none;
gtk-3.0/apps/nautilus.css:    text-shadow: none;
gtk-3.0/apps/nautilus.css:    text-shadow: none;
gtk-3.0/apps/nautilus.css:    text-shadow: none;
mt@nPong:/usr/share/themes/Radiance$

PLEASE consider using bold fonts with backgrounds instead of text shadows.

Adolfo Jayme Barrientos (fitojb) on 2015-06-16

affects:

unity (Ubuntu) → ubuntu-themes (Ubuntu)

Revision history for this message

Launchpad Janitor (janitor) wrote on 2016-04-27:

Status changed to 'Confirmed' because the bug affects multiple users.

Changed in ubuntu-themes (Ubuntu):
status:	New → Confirmed

Daniel van Vugt (vanvugt) on 2017-05-26

summary:	- Unity Radiance Menu Bar Should Stop Radiating + Incorrect subpixel font rendering in Unity Panel when using Radiance
Changed in unity (Ubuntu):
status:	New → Confirmed