Skip to content

Dark Mode for RedFlagDeals.com Forums (RFD) by pogo-stick1

Screenshot of Dark Mode for RedFlagDeals.com Forums (RFD)

Details

Authorpogo-stick1

LicenseMIT

Categoryredflagdeals.com

Created

Updated

Size46 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Unofficial Dark Mode Theme for the Canadian Forum at RedFlagDeals.com

Notes

I'm not the original author. I have modified the original version to make links easier to read when using colour-correction software like f.lux.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==

@name Dark Mode for RedFlagDeals Forums
@namespace https://forums.redflagdeals.com/
@description Make RFD Forums easier to see
@preprocessor stylus
@version 1.0.1
@license      MIT

==/UserStyle== */

@-moz-document domain("forums.redflagdeals.com") {

    /**
       * REDFLAGDEALS.COM RESPONSIVE FORUMS - dark mode stylesheet (23.1.0 / July 2017)
       */
      /*
      =====
      SITE HEADER
      =====
      */
      #site_header,
      #header_leaderboard,
      #site_headerbar {
        background-color: #222;
        border-color: #4d4d4d;
      }

      #site_headerbar_top {
        border-color: #4d4d4d;
      }

      .site_logo_text,
      .site_logo_tagline {
        -webkit-filter: brightness(1.25);
                filter: brightness(1.25);
      }

      #site_userbox {
        border-color: #222;
        color: #aaa;
      }

      #site_userbox.is_loading:after {
        background-color: #222;
      }

      #site_userbox.is_not_logged_in .site_userbox_profile_avatar i {
        color: #4d4d4d;
      }

      #site_userbox a {
        color: #eee;
      }

      #site_userbox input {
        background-color: #222;
        border-color: #4d4d4d;
        color: #aaa;
      }

      #site_userbox input::-webkit-input-placeholder {
        color: #4d4d4d;
        opacity: 1;
      }

      #site_userbox input::-moz-placeholder {
        color: #4d4d4d;
        opacity: 1;
      }

      #site_userbox input:-ms-input-placeholder {
        color: #4d4d4d;
        opacity: 1;
      }

      #site_userbox input::placeholder {
        color: #4d4d4d;
        opacity: 1;
      }

      .site_userbox_dropdown {
        background-color: #333;
      }

      #site_userbox_break {
        border-color: #4d4d4d;
      }

      #site_login_yid input[type="text"]:first-child,
      #site_login_yid input[type="password"]:first-child {
        background-color: #222;
        border-color: #4d4d4d;
        color: #aaa;
      }

      #site_login_yid input[type="text"]:first-child::-webkit-input-placeholder,
      #site_login_yid input[type="password"]:first-child::-webkit-input-placeholder {
        color: #4d4d4d;
        opacity: 1;
      }

      #site_login_yid input[type="text"]:first-child::-moz-placeholder,
      #site_login_yid input[type="password"]:first-child::-moz-placeholder {
        color: #4d4d4d;
        opacity: 1;
      }

      #site_login_yid input[type="text"]:first-child:-ms-input-placeholder,
      #site_login_yid input[type="password"]:first-child:-ms-input-placeholder {
        color: #4d4d4d;
        opacity: 1;
      }

      #site_login_yid input[type="text"]:first-child::placeholder,
      #site_login_yid input[type="password"]:first-child::placeholder {
        color: #4d4d4d;
        opacity: 1;
      }

      #site_userbox_toggle_large {
        border-color: #222;
      }

      #site_userbox_toggle_large:hover {
        color: #eee;
      }

      #site_userbox_toggle_large i {
        color: #aaa;
      }

      .site_userbox_profile_avatar.site_avatar {
        background-color: #222;
        border-color: #222;
      }

      .site_userbox_login_mainlinks a {
        color: #ff9900;
      }

      .site_userbox_profile_links {
        border-color: #222;
      }

      .site_userbox_profile_links a {
        background-color: #333;
      }

      .site_userbox_dropdown_count {
        background-color: #900;
      }

      .is_active_as_menu .site_userplate {
        border-color: #222;
      }

      .site_userplate a {
        color: #aaa;
      }

      .site_userbox_profile_counts .has_unread a {
        color: #aaa;
      }

      #site_geolocation_toggle {
        color: #aaa;
      }

      #site_geolocation_toggle:hover {
        color: #eee;
      }

      /*
      =====
      SITE MAINNAV
      =====
      */
      #site_menubar_background {
        background-color: #333;
      }

      .is_scrolled #site_menubar_background {
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
      }

      #site_menubar_background a,
      #site_menubar_background i {
        color: #aaa;
      }

      #site_menubar_background .mainnav_subcat_grid a {
        color: #eee;
      }

      #site_menubar_background .mainnav_subcat_grid a:hover {
        color: #ff9900;
      }

      #site_mainnav_toggle {
        color: #aaa;
      }

      #site_mainnav {
        background-color: #222;
        border-color: #4d4d4d;
      }

      #site_mainnav .mainnav_core_link {
        color: #aaa;
      }

      #site_mainnav .is_active .mainnav_core_link {
        color: #eee;
      }

      #site_mainnav a:hover {
        color: #eee;
      }

      #site_search_small {
        border-color: #4d4d4d;
      }

      .mainnav_section.is_active .mainnav_cat_group.is_active > .submenu_row {
        background-color: #900;
      }

      .mainnav_section.is_active .submenu_row {
        border-color: #222;
        color: #aaa;
      }

      .mainnav_section.is_active .mainnav_subcat_menu {
        background-color: #333;
        border-color: #222;
        color: #aaa;
      }

      .mainnav_section.current_section .mainnav_core_link {
        color: #900;
      }

      .mainnav_section.current_section .mainnav_core_link:hover {
        color: #900;
      }

      #site_mainnav:hover .current_section .mainnav_core_link {
        color: #900;
      }

      .mainnav_cat_group {
        border-color: #4d4d4d;
      }

      .mainnav_core_link.has_dropdown:after {
        border-top-color: #aaa;
      }

      .submenu_section {
        background-color: #333;
        border-top-color: #4d4d4d;
      }

      .mainnav_subcat_head,
      .mainnav_subcat_grid li {
        border-color: #222;
      }

      .mainnav_subcat_head,
      .mainnav_subcat_blurb_head {
        color: #eee;
      }

      .mainnav_subcat_list a {
        color: #aaa;
      }

      #submenu_forums .mainnav_subcat_malls,
      #submenu_forums .mainnav_subcat_menu,
      #submenu_stores .mainnav_subcat_malls,
      #submenu_stores .mainnav_subcat_menu {
        background-color: #333;
        border-color: #222;
      }

      #submenu_forums .mainnav_subcat_head,
      #submenu_stores .mainnav_subcat_head {
        border-color: #222;
      }

      #submenu_forums .mainnav_subcat_list li,
      #submenu_forums .mainnav_subcat_list li.mainnav_small_display_override,
      #submenu_stores .mainnav_subcat_list li,
      #submenu_stores .mainnav_subcat_list li.mainnav_small_display_override {
        background-color: transparent;
        border-color: #222;
      }

      #submenu_news li {
        background-color: #333;
        border-color: #222;
      }

      #site_search {
        background-color: #333;
      }

      #site_search input {
        background-color: #222;
        border-color: #4d4d4d;
        color: #aaa;
      }

      #site_search input::-webkit-input-placeholder {
        color: #4d4d4d;
        opacity: 1;
      }

      #site_search input::-moz-placeholder {
        color: #4d4d4d;
        opacity: 1;
      }

      #site_search input:-ms-input-placeholder {
        color: #4d4d4d;
        opacity: 1;
      }

      #site_search input::placeholder {
        color: #4d4d4d;
        opacity: 1;
      }

      .site_search_button {
        background-color: #900;
      }

      .forums_nav {
        background-color: #4d4d4d;
      }

      .forums_nav .nav_dropdown {
        background-color: transparent;
      }

      #forums_nav_search_trigger {
        background-color: #900;
      }

      .nav_dropdown {
        background-color: #333;
        border-color: #333;
        color: #aaa;
      }

      #forums_nav_search_keywords {
        background-color: #222;
        border-color: #4d4d4d;
        color: #aaa;
      }

      #forums_nav_search_keywords::-webkit-input-placeholder {
        color: #4d4d4d;
        opacity: 1;
      }

      #forums_nav_search_keywords::-moz-placeholder {
        color: #4d4d4d;
        opacity: 1;
      }

      #forums_nav_search_keywords:-ms-input-placeholder {
        color: #4d4d4d;
        opacity: 1;
      }

      #forums_nav_search_keywords::placeholder {
        color: #4d4d4d;
        opacity: 1;
      }

      .searchbox_options {
        color: #aaa;
      }

      /*
      =====
      GLOBAL CONTENT AREA
      =====
      */
      #partition_forums {
        background-color: #222;
        color: #aaa;
      }

      #site_breadcrumbs a,
      #site_breadcrumbs p {
        color: #aaa;
      }

      #site_breadcrumbs a:before,
      #site_breadcrumbs p:before {
        color: #4d4d4d;
      }

      .primary_content {
        color: #aaa;
      }

      .primary_content a {
        color: #eee;
      }

      input[type="text"],
      input[type="email"],
      input[type="url"],
      input[type="number"],
      input[type="password"],
      input[type="search"],
      select,
      textarea {
        background-color: #222;
        border-color: #4d4d4d;
        color: #aaa;
      }

      input[type="text"]::-webkit-input-placeholder,
      input[type="email"]::-webkit-input-placeholder,
      input[type="url"]::-webkit-input-placeholder,
      input[type="number"]::-webkit-input-placeholder,
      input[type="password"]::-webkit-input-placeholder,
      input[type="search"]::-webkit-input-placeholder,
      select::-webkit-input-placeholder,
      textarea::-webkit-input-placeholder {
        color: #4d4d4d;
        opacity: 1;
      }

      input[type="text"]::-moz-placeholder,
      input[...

Reviews

No reviews yet.