public-mirrors/NewsBlur
1
0
Fork 0
mirror of https://github.com/samuelclay/NewsBlur.git synced 2025-08-31 21:41:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

New color luminosity algorithm. Used to detect whether a light or dark text color should be used in the River of News feed title floater bar.

Browse source
This commit is contained in:
Samuel Clay 2011-05-05 17:55:57 -04:00
parent 0ef7ad3796
commit ab8a0a3e6e
2 changed files with 32 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
media/js/jquery.newsblur.js
View file

@ -130,6 +130,33 @@ NEWSBLUR.log = function(msg) {
$.extend({ $.extend({
// Color format: {r: 1, g: .5, b: 0}
textColor: function(background_color) {
var contrast = function (color1, color2) {
var lum1 = luminosity(color1);
var lum2 = luminosity(color2);
if(lum1 > lum2)
return (lum1 + 0.05) / (lum2 + 0.05);
return (lum2 + 0.05) / (lum1 + 0.05);
};
var luminosity = function (color) {
var r = color.r, g = color.g, b = color.b;
var red = (r <= 0.03928) ? r/12.92 : Math.pow(((r + 0.055)/1.055), 2.4);
var green = (g <= 0.03928) ? g/12.92 : Math.pow(((g + 0.055)/1.055), 2.4);
var blue = (b <= 0.03928) ? b/12.92 : Math.pow(((b + 0.055)/1.055), 2.4);
return 0.2126 * red + 0.7152 * green + 0.0722 * blue;
};
if (contrast(background_color, {r: 1, g: 1, b: 1}) >
contrast(background_color, {r: .5, g: .5, b: .5})) {
return 'white';
} else {
return 'black';
}
},
favicon: function(feed_favicon, empty_on_missing) { favicon: function(feed_favicon, empty_on_missing) {
if (feed_favicon && feed_favicon.indexOf('data:image/png;base64,') != -1) return feed_favicon; if (feed_favicon && feed_favicon.indexOf('data:image/png;base64,') != -1) return feed_favicon;

12
media/js/newsblur/reader.js
View file

@ -2552,13 +2552,11 @@
var color = feed.favicon_color; var color = feed.favicon_color;
if (!color) return false; if (!color) return false;
var r = parseInt(color.substr(0, 2), 16); var r = parseInt(color.substr(0, 2), 16) / 255.0;
var g = parseInt(color.substr(2, 2), 16); var g = parseInt(color.substr(2, 2), 16) / 255.0;
var b = parseInt(color.substr(4, 2), 16); var b = parseInt(color.substr(4, 2), 16) / 255.0;
var avg = (r + g + b) / 3; console.log(['is_feed_floater_gradient_light', r, g, b, $.textColor({r: r, g: g, b: b})]);
return $.textColor({r: r, g: g, b: b}) != 'white';
// 200/256 = #C6C6C6
return avg > 200;
}, },
generate_gradient: function(feed, type) { generate_gradient: function(feed, type) {