NewsBlur/clients/ios/static/storyDetailViewDark.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%);
}