WordPress.org favicon needs some Retina love.

[georgestephanis]

Current favicon looks like this: ​https://cloudup.com/cyCWGFdwP8C (compared to other sites that do use retina-friendly ones)

​John Gruber recommends ​Icon Slate for generating them with cross-browser compatability, but I've heard some good reports about just using the html5 tool on ​http://xiconeditor.com/

Alternately, we may be able to just serve it up as a 32px square png file, I'm not 100% certain on the browser compatability though.

Does anyone know where a higher-res version would be? Or should I tool around a bit to try and recreate it from scratch? Also, when dealing with tiny favicons, would it be wiser to use the simplified logo?

[jeffr0]

I'd like to see things taken one step farther. If you could find a 260X260 or 300X300 version of the image currently used for the Favicon, you could use it on ​http://realfavicongenerator.net/ and generate cross-platform favicon images. But that generator takes things a step further and creates images to use as a Windows 8 Tile or on the iOS Homescreen.

Unfortunately, at the end of the generator you need to upload all the images to the root of the site and then place code into the header.php file of the theme to reference those images. However, as illustrated by Chip Bennett, this can be overcome with a functionality plugin. ​http://wptavern.com/how-to-create-a-platform-agnostic-favicon#comment-51657

If I add WordPress.org to my iPhone homescreen, this is what it looks like.

​https://cloudup.com/cFS5jQbXqWb

It's ok but could look a lot better.

[samuelsidler]

George: Can you work up some images here?

[siobhan]

Retina favicons for WordPress.org

[siobhan]

Added four options for retina favicons for WordPress.org.

The one that I think looks best is favicon-white.ico

You can see what they look like:

From left to right:

1. original wp.org favicon
2. wp.com favicon
3. favicon.ico
4. favicon-simple.ico
5. favicon-white.ico (my favourite)
6. favicon-white-simple.ico

[ocean90]

+1 for favicon-white.ico

[Otto42]

I'd prefer a grey version similar to what we have now, instead of something so black and white.

[McGuive7]

+1 for transparency. Number 3 is my fave.

[Otto42]

#669 was marked as a duplicate.

[McGuive7]

32px .ico favicon (slightly lighter version of example 4)

[McGuive7]

Vector.ai version of favicon file for editing

[Otto42]

The slightly grey version wins. Props McGuive7.

[McGuive7]

Full favicon package generated via ​http://realfavicongenerator.net/ - see readme.txt

See #213

Add rule to inherit the global header link color from the navigation container

Gutenberg 13.6.0 has removed this inheritance causing the links to change from white to blue, and greatly effecting the accessibility of the menu links due to low color contrast.

This is intended to be a quick fix until we can make changes to Gutenberg.

LGTM!

See ​https://github.com/WordPress/wporg-mu-plugins/issues/213 and follows #214

Add rule to inherit the global footer link color from the navigation container, fixing the footer link colors on wordpress.org and make.wordpress.org

Gutenberg 13.6.0 has removed this inheritance causing the links to change from white to blue, and greatly effecting the accessibility of the menu links due to low color contrast.

This is intended to be a quick fix until we can make changes to Gutenberg.

The rule removed was:

.wp-block-navigation .wp-block-navigation-item__content {
    color: inherit;
}

The rule added by this PR is:

.wp-block-group.global-footer .wp-block-navigation-item .wp-block-navigation-item__content {
    color: inherit;
}

See screenshots for the rule in effect: