Feed header shadows now match the favicon color, but 10% darker. This makes the feed title floater look much better.

This commit is contained in:
Samuel Clay 2012-05-17 14:42:34 -07:00
parent 69bf581cd2
commit abe6ff2bf6
3 changed files with 8 additions and 6 deletions

View file

@ -1717,11 +1717,11 @@ background: transparent;
padding: 2px 0;
color: white;
font-size: 13px;
text-shadow: 0 1px 0 #000;
/* text-shadow: 0 1px 0 #000;*/
}
#story_pane .NB-inverse .NB-feed-story-feed {
color: black;
text-shadow: 0 1px 0 #E0E0E0;
/* text-shadow: 0 1px 0 #E0E0E0;*/
}
#story_pane .NB-feed-story-feed .feed_favicon {
@ -1738,12 +1738,12 @@ background: transparent;
}
#story_pane .NB-feed-story-feed .NB-feed-story-header-title:hover {
color: #DFE2F3;
text-shadow: 0 1px 0 #000;
/* text-shadow: 0 1px 0 #000;*/
}
#story_pane .NB-inverse .NB-feed-story-feed .NB-feed-story-header-title:hover {
color: #274C63;
text-shadow: 0 1px 0 #E0E0E0;
/* text-shadow: 0 1px 0 #E0E0E0;*/
}
#story_pane .NB-feed-stories .NB-feed-story img {

View file

@ -4261,6 +4261,7 @@
if (this.cache.last_feed_view_story_feed_id == story.story_feed_id) {
river_same_feed = 'NB-feed-story-river-same-feed';
}
console.log(["feed story", NEWSBLUR.utils.generate_gradient(feed, 'border')]);
var $story = $.make('li', { className: 'NB-feed-story ' + read + starred + shared + river_stories + ' NB-story-' + score_color }, [
$.make('div', { className: 'NB-feed-story-header' }, [
$.make('div', { className: 'NB-feed-story-header-feed' }, [
@ -4274,6 +4275,7 @@
.css('background-image', NEWSBLUR.utils.generate_gradient(feed, 'moz'))
.css('borderBottom', NEWSBLUR.utils.generate_gradient(feed, 'border'))
.css('borderTop', NEWSBLUR.utils.generate_gradient(feed, 'border'))
.css('textShadow', '0 1px 0 ' + NEWSBLUR.utils.generate_gradient(feed, 'border-color'))
.toggleClass('NB-inverse', NEWSBLUR.utils.is_feed_floater_gradient_light(feed)),
$.make('div', { className: 'NB-feed-story-header-info' }, [
(story.story_authors &&

View file

@ -25,9 +25,9 @@ NEWSBLUR.utils = {
var g = parseInt(color.substr(2, 2), 16);
var b = parseInt(color.substr(4, 2), 16);
if (type == 'border') {
if (type == 'border' || type == 'border-color') {
return [
'1px solid rgb(',
(type == 'border' ? '1px solid ' : '') + 'rgb(',
[
parseInt(r*(6/8), 10),
parseInt(g*(6/8), 10),