What is meta? ×
Meta Stack Exchange is where users like you discuss bugs, features, and support issues that affect the software powering all 133 Stack Exchange communities.

Top bar showing double color for Drupal Answers for both main site and meta site.

AFAIK the color for top bar is #212121 as mentioned in the blog. Check out the below screenshot. I can see this in opera and firefox on windows 7. It looks not nice on profile picture area.

normal screen

With background set to be 100% transparent, it looks like this:

100% transparent screen

The dark blue ends abruptly, creating double-colour effect after adding black semitransparent overlay.

share|improve this question
    
It was #212121 yesterday. I like the idea of rgba(0, 0, 0, 0.8) - it should generate "almost black" tinted with the colour of a site. I just think that other parts of the themes should be fixed to really make it work. –  Mołot Dec 6 '13 at 7:55
1  
I edited in a second screenshot, interpreting OPs comment at Meta Drupal Answers as invitation to cooperate. –  Mołot Dec 6 '13 at 8:03
    
@Mołot thanks for joining and pointed out the exact appearance! –  Bala Dec 6 '13 at 8:12
    
Same issue on the Photography site. –  John Cavan Dec 6 '13 at 15:09

2 Answers 2

up vote 7 down vote accepted

I have pushed a fix for this. It will go alive after the next production build.

share|improve this answer
    
thanks for the info –  Bala Dec 6 '13 at 19:31
    
still looks same, will it take a week –  Bala Dec 8 '13 at 8:50
    
@Bala have you tried refreshing the page? –  Jin Dec 9 '13 at 6:38
    
Yes I tried clearing the browser cache and refreshed, but looks same and also another post on our drupal meta today meta.drupal.stackexchange.com/questions/2764/… –  Bala Dec 9 '13 at 6:46
    
@Bala ok sorry about that. I'll look into this, although it looks fine to me. I'll add a cache breaker in the css. –  Jin Dec 9 '13 at 6:49
    
@bala Ah I found out why: there hasn't been a production build since I pushed the fix to dev last Friday. It should be out today(Monday). I'll keep you posted. –  Jin Dec 9 '13 at 6:55
    
great thanks!!! –  Bala Dec 9 '13 at 6:56
1  
@Bala now it works for me. And thanks to transparency it now has a tint of blue. Not enough imo, but that's purely aesthetic thing ;) –  Mołot Dec 9 '13 at 11:59

This actually appears to affect all SE sites which had a custom top-bar previously.

They're using a background: rgba(0, 0, 0, 0.8) to generate the "blackish" color for the top-bar. For a site like Stack Overflow, this is not a problem because the background behind it is white. However, on a site like Drupal, the background behind that is a header background image, which has a built-in background-color for the top-bar that starts to bleed through the 80% transparent black that's being used on top of it.

For example, I can also reproduce this on English SE:

Weird color bleeding

share|improve this answer
    
Ok, but I can not see any official post, If you check the blog I linked you can see the A Bigger, Blacker Bar –  Bala Dec 6 '13 at 5:24
1  
It's an oversight. I doubt they tested this on other themes. They'd need to make it a solid color or fix the background images so they don't do that anymore. –  animuson Dec 6 '13 at 5:24
    
@Bala only conversation with ♦ even remotely about this I recall was this comment and further discussion. I mean, it looks like an amazing coincidence I ask about something yesterday in comments and it is implemented (with little bug, but anyway) today. –  Mołot Dec 6 '13 at 8:12
    

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .