1

Okay, so any user of Mac OS for Chrome using the default theme is probably familiar with this problem (I hope it's not just me). On the new tab page, the text captions for your Most Visited sites (as well as app names, if you're using them) don't render correctly. As far as I can tell, there's something wrong with the subpixel smoothing when using a transparent background.

If you hover over an app, the background fades in grey, and the text looks fine again. Mouse out and the background color transitions to rgba(255, 255, 255, 0), and the text is once again ugly.

If I open the web debugger and overwrite that rule with background-color: #fff the problem disappears. (.app a is the selector)

Of course, this wouldn't work if you had a background image or something, but I don't, and I want to know how to make this fix permanent. It's a minor annoyance, but it's been bugging me for a while now and I decided not to take it anymore.

According to the resource inspector it's using a file called newtab.css...does anyone know where that file lives (assuming it is, in fact, a file, and not some bundled resource masquerading as such)? A search of my disk turned up nothing, but that would've been too easy. Failing that, is there some other way to persistently overwrite this rule?

Chrome 10.0.648.204, Mac OS 10.6.7, for what it's worth. Not using the dev edition or anything weird. This problem has been around for a while though; it's not new to Chrome 10 or anything.

Proof that I'm not crazy: This is how it looks by default:

Bad

And this is how it looks with the workaround described above:

Good

And just for good measure, this is how it looks in the hover state with the default CSS:

Also good

That's not bad compression...that's actually how bad the text looks. This occurs on both my iMac (early 2010) and my MacBook Air (early 2011), so I don't think it's a system issue. Unless I did the same dumb thing on both computers? It seems unlikely, but I won't discount it... I thought maybe I was syncing a theme that did this, but that is not the case. This is the default theme.

Gaff
  • 18,569
  • 15
  • 57
  • 68
Ian Henry
  • 121
  • 7
  • I'm not seeing much of a difference at all with the same versions. https://img.skitch.com/20110406-b39133874rmq56d2fdk9sfp9tp.jpg vs https://img.skitch.com/20110406-rsrg25i3hwaigsx8f5937nmmc9.jpg Perhaps this is something unique to your mac? in which case you might be better off over on apple-SE. – cabbey Apr 06 '11 at 05:18
  • @cabbey - Thanks for taking a look. Happens on both my macs, so I hope they aren't both broken. I've updated with screenshots of what I'm seeing; maybe someone else can back one of us up. – Ian Henry Apr 06 '11 at 06:05
  • @cabbey Mac OS X related questions are allowed and welcome here. If this were about an iOS device, you'd be right, but Macs are just computers. We also welcome ubuntu questions, even though there's AskUbuntu. – Daniel Beck Apr 06 '11 at 06:07
  • @Daniel, I know they're allowed, that's why I didn't vote off-topic and suggest a move... just saying that if it does turn out to be something wrong with Ian's mac, there might be a better density of gurus over on apple-SE than here on SU to get him fixed up. – cabbey Apr 06 '11 at 06:12
  • @Ian, can you look in system preferences, on the appearance tab, what do you have set for "USE LCD font smoothing when available" and "turn off text smoothing for font sizes __ and smaller"? – cabbey Apr 06 '11 at 06:35
  • @cabbey - I've got sub-pixel text smoothing on for fonts above size 4, the Mac default. When I turn it off, I get normal pixel-level anti-aliased text, which looks the same when blended with the transparent or opaque white backgrounds. Thus I stand by my diagnosis that it's a problem with sub-pixel blending against a transparent background. Bug in Webkit, probably, but since the workaround is so simple it seems like there'd be an easy way to force it. – Ian Henry Apr 06 '11 at 14:51
  • @Ian The same issue appears with the new translucent menu bar (since Leopard). If it's translucent (change in *System Preferences » Desktop & Screen Saver*), there's no sub-pixel anti-aliasing. They might be related and it could be a system-wide issue. – Daniel Beck Jun 01 '11 at 06:41
  • I have the same issue in Safari with YouTube movie descriptions and comments. regular background without sub-pixel anti-aliasing, highlighted background with sub-pixel anti-aliasing. Can you confirm in Chrome? – Daniel Beck Jun 15 '11 at 20:55
  • @Daniel - I do not see that. However, there was a small window of time where YouTube videos did not play on Chrome on my Air (it has since resolved itself) and I had to use Safari to view them, and I distinctly remember seeing that and thinking it was weird because it didn't happen on Chrome (I checked). I am not seeing it anymore, though (Safari 5.0.5). But this New Tab page glitch is still very much present for me. – Ian Henry Jun 16 '11 at 03:22

1 Answers1

0

I'm afraid you'd have to rebuild Chrome from the source code to make that change. You're probably better off reporting the problem in the Chromium bug tracker so they can fix it in a future release.

If you do wish to rebuild it from the source code and fix your problem, you can do so rather easily. There are instructions in the Chromium wiki for downloading and building on Mac OS X. Once you have the source code, you can change the newtab.css file by modifying src/chrome/browser/resources/new_new_tab.css You might also have to modify the associated JavaScript code, in src/chrome/browser/resources/new_new_tab.js.

Patches
  • 16,136
  • 3
  • 55
  • 61