mirror of
https://github.com/samuelclay/NewsBlur.git
synced 2025-08-31 21:41:33 +00:00
609111e503
- Story titles author now next to date, and same color as content. - Story titles now always bold. - Story titles are now positioned to have equal top spacing (i.e. normalized). - Unread indicator now top-aligned. - Added border radius and margin to highlighted feeds. - Feed favicons are now rounded. - Blurblogs moved below folders. - Fixed an issue with the feed detail settings for some folder types. - Renamed All Stories to All Site Stories, to match web. - Removed border from story content header.
290 lines
6.1 KiB
CSS
290 lines
6.1 KiB
CSS
/**
|
|
* Dark Theme overrides
|
|
*/
|
|
|
|
/**
|
|
* Universal Style
|
|
*/
|
|
|
|
body {
|
|
color: #aaaaaa;
|
|
background-color: #000000;
|
|
}
|
|
|
|
/* ========== */
|
|
/* = Header = */
|
|
/* ========== */
|
|
|
|
.NB-header {
|
|
color: #bbbbbb;
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#111111));
|
|
text-shadow: 0 1px 0 rgba(28, 28, 28, .1);
|
|
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.NB-story-title {
|
|
color: #313330;
|
|
}
|
|
|
|
.NB-story-title-positive {
|
|
color: #6DB764;
|
|
text-shadow: 0 1px 0 rgba(28, 28, 28, .2);
|
|
}
|
|
.NB-story-title-negative {
|
|
color: #D07C80;
|
|
text-shadow: 0 1px 0 rgba(28, 28, 28, .2);
|
|
}
|
|
|
|
.NB-story-permalink {
|
|
color: lightgray;
|
|
}
|
|
.NB-story-toggle-changes {
|
|
color: #818776;
|
|
}
|
|
.NB-story-date {
|
|
color: #818776;
|
|
}
|
|
|
|
.NB-middot {
|
|
color: #A0A0A0;
|
|
}
|
|
|
|
.NB-story-author {
|
|
color: #959B8B;
|
|
text-shadow: 0 1px 0 rgba(28, 28, 28, .1);
|
|
}
|
|
.NB-story-author-positive {
|
|
color: #58A353;
|
|
text-shadow: 0 1px 0 rgba(28, 28, 28, .1);
|
|
}
|
|
.NB-story-author-negative {
|
|
color: #B85044;
|
|
text-shadow: 0 1px 0 #202020;
|
|
}
|
|
|
|
.NB-story-tag {
|
|
background-color: rgba(30, 30, 30, .2);
|
|
color: #959B8B;
|
|
text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
|
|
border-color: rgba(186, 186, 186, .1) transparent rgba(0, 0, 0, .4);
|
|
}
|
|
.NB-story-tag-positive {
|
|
background-color: #88B383;
|
|
color: white;
|
|
text-shadow: 0 1px 0 #588353;
|
|
border-color: rgba(255, 255, 255, .2) transparent rgba(0, 0, 0, .4);
|
|
}
|
|
.NB-story-tag-negative {
|
|
background-color: #C89094;
|
|
color: white;
|
|
text-shadow: 0 1px 0 #986064;
|
|
border-color: rgba(255, 255, 255, .2) transparent rgba(0, 0, 0, .4);
|
|
}
|
|
.NB-story-tag .NB-highlight,
|
|
.NB-user-tag .NB-highlight,
|
|
.NB-story-author .NB-highlight,
|
|
.NB-show-profile .NB-highlight {
|
|
background-color: #000;
|
|
}
|
|
|
|
.NB-user-tag {
|
|
color: #959B8B;
|
|
text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
|
|
border-color: rgba(186, 186, 186, .1) transparent rgba(0, 0, 0, .4);
|
|
}
|
|
|
|
.NB-user-tag.NB-add-user-tag {
|
|
background: rgba(0, 0, 0, .25) url("add_tag.png") no-repeat 6px 3px;
|
|
background-size: 8px;
|
|
color: #8B8F86;
|
|
text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
|
|
}
|
|
|
|
.NB-story-starred-date {
|
|
color: #818776;
|
|
text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
|
|
}
|
|
|
|
a {
|
|
color: #92CBE0;
|
|
}
|
|
a:active {
|
|
color: #DC3E23;
|
|
}
|
|
|
|
.NB-story blockquote {
|
|
border-left-color: #404040;
|
|
background-color: #2f2f2f;
|
|
}
|
|
|
|
.NB-story blockquote p {
|
|
background-color: #2f2f2f;
|
|
}
|
|
|
|
ins {
|
|
background-color: #475D49;
|
|
text-decoration: none;
|
|
}
|
|
|
|
del {
|
|
background-color: #685253
|
|
/*display: none;*/
|
|
}
|
|
|
|
.NB-story ins {
|
|
background-color: #475D49;
|
|
text-decoration: none
|
|
}
|
|
|
|
.NB-story del {
|
|
background-color: #685253
|
|
}
|
|
|
|
.NB-newsletter p,
|
|
.NB-newsletter div,
|
|
.NB-newsletter span,
|
|
.NB-newsletter td {
|
|
color: #c0c0c0 !important;
|
|
background-color: #000000 !important;
|
|
}
|
|
.NB-newsletter h1,
|
|
.NB-newsletter h2,
|
|
.NB-newsletter h3,
|
|
.NB-newsletter h4,
|
|
.NB-newsletter h5,
|
|
.NB-newsletter h6 {
|
|
color: #c0c0c0 !important;
|
|
background-color: #000000 !important;
|
|
}
|
|
|
|
/* Comments */
|
|
|
|
.NB-story-comments-group:last-child {
|
|
border-bottom: 1px solid #000;
|
|
}
|
|
|
|
#story_pane .NB-story-comments-shares-teaser.NB-highlighted {
|
|
color: #aaaaaa;
|
|
background-color: #111111;
|
|
}
|
|
|
|
#story_pane .NB-story-comment-reply.NB-highlighted {
|
|
color: #aaaaaa;
|
|
background-color: #111111;
|
|
}
|
|
|
|
#story_pane .NB-story-comment.NB-highlighted {
|
|
color: #aaaaaa;
|
|
background-color: #111111;
|
|
}
|
|
|
|
.NB-story-comment:last-child {
|
|
border-bottom: 1px solid #A6A6A6;
|
|
}
|
|
|
|
/* Edit, Like, and Reply buttons */
|
|
|
|
.NB-button {
|
|
text-shadow: 0px 1px 0px rgba(255,255,255,1);
|
|
}
|
|
|
|
.NB-button a {
|
|
color: rgba(255, 255, 255, .8);
|
|
text-shadow: 0px 1px 0px rgba(0, 0, 0, .1);
|
|
}
|
|
|
|
.NB-button div {
|
|
background: -webkit-gradient(
|
|
linear, left top, left bottom,
|
|
from(#E9AF86),
|
|
color-stop(0.50, #E9AF86),
|
|
color-stop(0.50, #E5A87F),
|
|
to(#E5A87F));
|
|
border: 1px solid transparent;
|
|
border-color: rgba(255, 255, 255, .3) rgba(0, 0, 0, .2) rgba(0, 0, 0, .3) rgba(255, 255, 255, .2);
|
|
}
|
|
.NB-button.NB-share-button div {
|
|
color: rgba(187, 187, 187, 0.6);
|
|
text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
|
|
border: 1px solid rgb(255, 255, 255, 0.25);
|
|
}
|
|
.NB-button:active div,
|
|
.NB-button.NB-button-active div {
|
|
background: -webkit-gradient(
|
|
linear, left top, left bottom,
|
|
from(#6C6D69),
|
|
color-stop(0.50, #6C6D69),
|
|
color-stop(0.50, #656662),
|
|
to(#656662));
|
|
}
|
|
|
|
.NB-button.selected div {
|
|
background: #2379bf;
|
|
}
|
|
|
|
.NB-button.NB-share-button:active div,
|
|
.NB-button.NB-share-button.NB-button-active div {
|
|
color: darkgrey;
|
|
text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
|
|
}
|
|
|
|
/* Story Comments */
|
|
|
|
#story_pane .NB-story-comment {
|
|
border-bottom: 1px solid #222222;
|
|
background:#111111;
|
|
}
|
|
|
|
#story_pane .NB-story-comment .NB-story-comment-username {
|
|
color: lightblue;
|
|
text-shadow: 0 1px 0 #333333;
|
|
}
|
|
#story_pane .NB-story-comment .NB-story-comment-date {
|
|
color: #808080;
|
|
}
|
|
|
|
#story_pane .NB-story-comment .NB-story-comment-content {
|
|
color: #aaaaaa;
|
|
}
|
|
|
|
#story_pane .NB-story-comment-reply {
|
|
border-top: 1px solid #222222;
|
|
}
|
|
|
|
#story_pane .NB-story-comment-reply-content {
|
|
color: #aaaaaa;
|
|
}
|
|
|
|
#story_pane .NB-story-comment-reply-form .NB-error {
|
|
color: #6A1000;
|
|
}
|
|
#story_pane .NB-story-comment .NB-story-comment-location {
|
|
color: #606060;
|
|
}
|
|
#story_pane .NB-story-comments-public-teaser,
|
|
#story_pane .NB-story-comments-public-header,
|
|
#story_pane .NB-story-comments-friends-header {
|
|
background-color: #222222;
|
|
color: white;
|
|
text-shadow: 0 1px 0 #505050;
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#363636), to(#262626));
|
|
color: #dddddd;
|
|
text-shadow: 0 1px 0 black;
|
|
border-color: rgba(0, 0, 0, .1) transparent #202020;
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
|
|
}
|
|
#story_pane .NB-story-comments-shares-teaser {
|
|
background-color: #333333;
|
|
color: #dddddd;
|
|
text-shadow: 0 1px 0 #202020;
|
|
border-bottom: 1px solid #444444;
|
|
-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .1);
|
|
}
|
|
|
|
.NB-text-view-premium-only {
|
|
background-color: #202020;
|
|
}
|
|
|
|
.NB-text-view-premium-only .NB-feed-story-premium-only-divider {
|
|
filter: invert(100%);
|
|
}
|