Skip to content

Inoreader dark to bit light by stylus_noob

Screenshot of Inoreader dark to bit light

Details

Authorstylus_noob

LicenseNo License

CategoryInoreader

Created

Updated

Size21 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

I'm noob. Abuse of !important, complicated in both order and content, but if you'd like…

Notes

Light up the darkmode and some readability changes.

☑List view
☑Expanded view
☑Column view
☑Card view
☑Magazine view

The gradient probably works with Firefox only.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Inoreader dark to bit light
@namespace      https://userstyles.world/style/5245/inoreader-dark-to-bit-light
@version        1.0.0
@description    Lighten up the darkmode, dimming lights and some readability changes
@author         stylus_noob
==/UserStyle== */

@-moz-document domain("www.inoreader.com"), domain("inoreader.com")
{

body {
  font:1rem/normal Roboto, sans-serif;
}

body {
  max-height: 100% !important;
}

#reader_pane.reader_pane_sinner {
    padding-right: 0px;
}

.parent_div_inner_focused {
  box-shadow: none;
}

#tree .feed_favicon {
  min-width: 16px;
}

.feed_favicon {
  min-width: 16px;
  max-width: 16px;
}
.feed_favicon, .discovery_feed_favicon {
  opacity: 1;
}
.feed_favicon.img.drag_img.feed_favicon_transparent{
  opacity: 0.4;
}

/* Prevent accidental clicks */
.inno_dialog_content.inno_dialog_content_scrollable center img,
img.sl_img {
  display:none !important;
}

/* title */
div.article_header>div.arrow_div>*:not(.header_date) {
  display: none !important;
}

/* disable */
#popularity_div,
div.ui-state-highlight#upgrade_div,
div.info_state#consent_oldest_first_info,
div.info_state#consent_https_info,
#sb_rp_upgrade,
/* △∇ */
.inno_toolbar_button_next_prev {
  display: none !important;
}

#sb_rp_gear {
  right: 5px !important;
}

.bottom_notification,
#loader_div {
  top: 1%;
  left: 40% !important;
}


/* InoReader Full Feed */

#irff_message {
  position: fixed;
  top: 1.2%;
  right: 40%;
}

.view_style_2 #irff_message,
.view_style_1 #irff_message,
.view_style_0 #irff_message {
  position: fixed;
  top: 1%;
  right: 44%;
}


/* left */

.parent_div_inner {
  height: 18px !important;
}

/* gap */

#subscriptions_nav {
  padding-top: 15px;
  padding-bottom: 0px;
}

/* color */

div#add_content_simulated_button.add_content_simulated_button {
  background-color: inherit !important;
}

.theme_dark .parent_div_inner_selected {
  color: #eee;
}
.theme_sepia .parent_div_inner_selected {
  color: #eee;
}
.theme_aqua .parent_div_inner_selected {
  color: #eee;
}


/* right */

div#reader_pane,
div#article_dialog.inno_dialog_content.inno_dialog_content_scrollable,
.view_style_2 div#three_way_contents {
  overflow-x: hidden;
}


/* top */

.theme_dark #sb_reading_part{
  background-color: #262626 !important;
}
.theme_sepia #sb_reading_part{
  background-color: #f6f3ef !important;
}
.theme_aqua #sb_reading_part{
  background-color: #fefefe !important;
}
.theme_light #sb_reading_part{
  background-color: #f7f7f7 !important;
}

div#sb_rp_tools {
  background-color: inherit !important;
}

#sb_reading_part {
  box-shadow: none !important;
}

.theme_aqua #all_read_message {
  color: #333;
}
.theme_light #all_read_message {
  color: #333;
}


/* feed_group_heading */

.articles_feed_group_heading {
    background-color: #fefefe !important;
    padding: 2px 0 0 0 !important;
    height: 20px !important;
}

.theme_light .articles_feed_group_heading {
    background-color: #f7f7f7 !important;
}
.theme_sepia .articles_feed_group_heading {
    background-color: #fefefe /* #f6f3ef */ !important;
}
.theme_aqua .articles_feed_group_heading {
    background-color: #fefefe !important;
}

.articles_feed_group_heading_title_date {
    padding: 0 0 0 0 !important;
    color: #333 !important;
    font-weight: normal !important;
    font-size: 1em !important;
}

.reader_pane_view_style_0 .ar.article_unreaded.article_subscribed.article_current.article_current_collapsed{
        margin-left: 0px !important;
}


.feed_favicon{opacity: 0.9 ;}
.articles_feed_group_heading .feed_favicon{opacity: 0.8 !important;}
.article_unreaded .feed_favicon{opacity: 0.8 !important;}
.reader_pane_view_style_4 .feed_favicon{opacity: 0.4 ;}
.reader_pane_view_style_2 .feed_favicon{opacity: 0.4 ;}
.reader_pane_view_style_0 .feed_favicon{opacity: 0.4 ;}
.feed_name_menu .feed_favicon{opacity: 0.8 ;}


/* ☆★ */
.article_header .star_img{
  margin-top: 0px ;
}

#wraper.display_density_3 #reader_pane .articles_feed_group_heading_favicon,
#wraper.display_density_3 #reader_pane .articles_feed_group_heading_title{
  padding-left: 13px !important;
  padding-right: 0px !important;
}

.articles_feed_group_heading_title a {
  color: #333 !important;
  font-weight: normal !important;
  font-size: 1em !important;
   height: 18px !important;
}

.articles_feed_group_footer {
  display: none !important;
}


/* 4 Card */

.reader_pane_view_style_3 .articles_feed_group_heading {
    background-color: #f7f7f7 ;
}

.reader_pane_view_style_3 div.articles_feed_group_heading_title {
  text-align: left !important;
  padding: 0px 0 0 0 !important;
  float: none !important;
  margin: 0px 0 0 0 !important;
}


/* 5 magazine */

.view_style_4 .articles_feed_group_heading {
  background-color: #f7f7f7 ;
}

.reader_pane_view_style_4 .articles_feed_group_heading_title a.ajaxed.flex{
  height: 20px !important;
}

.reader_pane_view_style_4 .articles_feed_group_heading_title {
  margin: 0px 0 0 0 !important;

}


/* header */

.article_header_text {
  font-size: 1em !important;
}

.reader_pane_view_style_0 .article_short_contents {
  opacity: 0.65;
    margin-left: 10px !important;
}

div.article_header_text>div {
  font-weight: normal !important;
}

.ar .arrow_div .header_date {
  right: 10px !important;
}


.article_header * {
  font-weight: normal !important;
  color: #664 !important;
}

.article_unreaded>.article_header * {
  color: #111 !important;
}

.article_unreaded .header_date {
  color: #333 !important;
}

.reader_pane_view_style_0  .header_date {
  opacity: 0.5 !important;
}


/* article_expanded(open) */

.article_expanded>div.article_full_contents {
  color: #333 !important;
  background-color: #eee !important;
}


/* article_unreaded(open) */

.article_unreaded div.article_full_contents {
  color: #333 !important;
  background-color: #fff !important;
}


/* independence */

#article_dialog {
  background-color: #eee;
}
.article_full_contents {
  background-color: #eee;
}

.article_archived .article_full_contents {
  background-color: #eee !important;
}

.article_card.radius.article_expanded.article_card_nostripe.article_current.article {
  background-color: #eee !important;
}

.article_archived {
  background-color: #eee ;
}

.inno_dialog_content .article_full_contents {
  background-color: #eee ;
}

.article_archived .article_full_contents {
  background-color: #eee !important;
}

.article_unreaded.article_archived.ar_showed.article_current.article_expanded .article_full_contents,
.article_unreaded.article_archived.ar_showed.article_current.article_expanded .article_footer {
  background-color: #eee !important;
}


/* old  */

#older_articles_hint {
  margin-bottom: 0px;
}


/* expand */

.reader_pane_view_style_1 .article_subscribed {
  background-color: #eee !important;
}

.reader_pane_view_style_1 .article_unreaded {
  background-color: #fff !important;
}

.reader_pane_view_style_1 #reader_pane {
  scrollbar-width: none;
}


/* split */

.reader_pane_view_style_2 .article_expanded {
  box-shadow: /* inset 0 0 0 1px #4e71ad, */ inset 5px 0 0 0px #4e71ad !important;
}
.reader_pane_view_style_2 .article_current.article_expanded{
  box-shadow: inset 0 0 0 1px #4e71ad,  inset 5px 0 0 0px #4e71ad !important;
  background-color: #fefefe !important;
}

.reader_pane_view_style_2 div.article_current_collapsed {
  box-shadow: inset 0 0 0 1px #4e71ad !important;
}

.article_header_pane_right .article_header_title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.view_style_2 .articles_feed_group_heading {
  background-color: #ddd !important;
}

.view_style_2 div#sitecontent .article_footer,
.view_style_2 div#sitecontent .article_full_contents,
.view_style_2 div#sitecontent div.article_footer_placeholder_top.footerized,
.view_style_2 div#sitecontent #three_way_contents {
  background-color: #fff !important;
}

.reader_pane_message {
  text-shadow: none;
}

div.article_current_3way .transparent_icon,
div.article_current_3way .article_current .feed_favicon {
  opacity: 0.7 !important;
}
div.article_current_3way .article_unreaded .feed_favicon {
  opacity: 1 !important;
}

#three_way_contents {
  scrollbar-width: thin;
}


/* Card */

.view_style_3 div.article_full_contents {
  background-color: #eee !important;
}

.view_style_3 div.article_footer_placeholder_top.footerized {
  background-color: #eee !important;
}

div.article_tile.article_subscribed {
  opacity: 0.6 !important;
}

div.article_tile.article_unreaded {
  opacity: 1 !important;
}



.popularity_icon_gray {
  display: none !important;
}

.article_tile {
  width: 70% !important;
  padding: 0;
  margin: 15px 0.5% 15px 0.5%;
}

.article_unreaded .article_tile_footer_feed_title a {
  color: #333 !important;
}
.article_tile_footer_feed_title a {
  padding-left: 2px !important;
  font-weight:bold;
    opacity: 0.9 !important;
}

.article_unreaded .article_current_collapsed .article_title_link {
    opacity: 1 !important;
}

.article_current_collapsed .article_tile_picture,
.article_current .article_tile_title .article_title_link,
.article_current_collapsed .article_tile_footer_feed_title a{
    opacity: 1 !important;
}


.article_tile.article_unreaded .article_title_link {
  opacity: 0.9;
  color: #333;
}


.article_tile .article_tile_header_date{
    opacity: 0.9 !important;
}
.article_tile.article_unreaded .article_tile_header_date {
  opacity: 0.9 !important;
}

.theme_dark .article_tile_content{
    opacity: 0.7 !important;
}
.theme_dark .article_unre...

Reviews

No reviews yet.