Darker WIRED by teohhanhui

/* ==UserStyle==
@name         Darker WIRED
@namespace    USO Archive
@author       zigboom
@description  WIRED - dark, clean and easy on the eyes.
@version      0.1.0
@license      NONE
@preprocessor uso
==/UserStyle== */
@-moz-document domain("wired.com") {
  /*   -=< Darker WIRED by Zigboom Designs >=-   */
  body,
  html,
  .app-shell-component--homepage,
  .article-main-component--fullbleed.article-main-component--has-gallery .article-main-component__wrapper--fullbleed.article-main-component__wrapper--has-gallery,
  .article-body-component li,
  .app-shell-component--article .outer-wrapper,
  .article-main-component,
  .review-main-component,
  .listicle-main-component,
  .listicle-main-component__intro,
  .listicle-item-product-component__make,
  .page__main-content,
  .navigation-border-thin-decoration .standard-navigation,
  .display-hero-failsafe,
  .content-header__rubric-block .content-header__rubric-date-block > *,
  .content-header__rubric-block > *,
  .content-header--overlay-fill-gradient .content-header__dek,
  .content-header__dek,
  .page--article,
  .link-banner,
  .content-header--card .content-header__container-theme-standard .content-header__accreditation,
  .content-header--card .content-header__container-theme-standard .content-header__title-block,
  .content-header--card .content-header__container-theme-standard.content-header--position-below .lead-asset__caption,
  .flgFbW,
  .summary-item__dek,
  .gQqxzQ,
  .doiFFb,
  .kHaVys {
    background: #181818 !important;
    color: #aaa !important;
  }

  .content-header.article__content-header .content-header__accreditation,
  .content-header.article__content-header .content-header__accreditation > div {
    color: #aaa !important;
  }

  .wallpaper-component {
    background-color: #181818 !important;
  }

  .card-component,
  .post-listing-component__wrapper,
  .subscribe-panel-component,
  .subscribe-panel-component__cm,
  .subscribe-panel-component__social,
  .subscribe-panel-component__newsletter,
  .we-recommend-component,
  .comments-component,
  .review-main-component .affiliate-links-component,
  .video-playlist-component__sidebar-column,
  .card,
  .page__site-footer,
  .dtsrsg,
  .gPlhFH {
    background: #282828 !important;
    border: 1px solid #444 !important;
  }

  .gPlhFH:hover {
    background: #333 !important;
  }

  hr.marg-t-50,
  .site-container hr {
    background: #444 !important;
  }

  .post-listing-component__wrapper .post-listing-list-item__post,
  .link--arrow,
  .panel-component__content,
  .border-t {
    border-top: 1px solid #444 !important;
  }

  .title-bar-component,
  .video-playlist-component__header {
    border-bottom: 1px solid #444 !important;
  }

  .panel-component--newsletter {
    border-left: 0px !important;
    border-right: 0px !important;
  }

  .post-listing-component__wrapper .post-listing-list-item__post:first-child,
  .link-banner--standard-navigation {
    border-top: 0 !important;
  }

  .video-playlist-component__sidebar-elements {
    border-bottom: 1px solid transparent !important;
  }

  .card-component h2,
  .post-listing-component__wrapper .post-listing-list-item__title--featured {
    background: transparent !important;
    color: #ccc !important;
  }

  .brow-component,
  .post-listing-component__wrapper .post-listing-list-item__byline,
  .byline-component,
  .recirc-most-popular__summary-item .rubric.summary-item__rubric:not(.rubric--with-bg),
  .standard-navigation-more-dropdown .standard-navigation-more-dropdown__label,
  div .gPlhFH,
  .rubric:not(.rubric--with-bg).summary-item__rubric .rubric__name {
    color: #ccc !important;
  }

  .video-playlist-active-video-component__description,
  p,
  .caption-component__caption,
  .caption-component__credit {
    color: #aaa !important;
  }

  header,
  .header,
  #global-header,
  .logo-bar--default,
  #logo-bar,
  .header--collapsed .logo-bar,
  .logo-bar--default .logo-bar,
  .video-playlist-sidebar-item-component .ui-play,
  #nav-sections-wrap,
  .standard-navigation {
    background-color: rgba(0, 0, 0, .75) !important;
  }

  .header.header--default:not(.header--collapsed),
  #global-header,
  .recirc-most-popular__heading {
    border-bottom: 1px solid #ccc !important;
  }

  .recirc-most-popular__heading {
    border-top: 1px solid #ccc !important;
  }

  .nav--business {
    border-left: 1px solid #ccc !important;
  }

  .card-component:hover h2 {
    opacity: 1 !important;
  }

  a {
    color: #ccc !important;
  }

  a:active,
  a:hover {
    color: #eee !important;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: #ccc !important;
  }

  .video-playlist-component {
    background-color: #282828 !important;
    border: 1px solid #444 !important;
  }

  hr {
    background: rgba(255, 255, 255, 0.13) !important;
  }

  code,
  kbd,
  pre,
  samp,
  .newsletter-sign-up-component__email-input {
    background: #050505 !important;
    color: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid #111 !important;
  }

  .logo--header,
  .logo--footer .icon,
  .ui-logo-center,
  .standard-navigation__drawer-toggle svg,
  .standard-navigation__section--logo .standard-navigation__logo-link .standard-navigation__logo-image .responsive-image__image {
    opacity: 1 !important;
    filter: invert(1) !important;
  }

  .footer,
  .paywall-container-component.paywall-container-component--growler,
  .related-reviews-component,
  .paywall-container-component .half-barrier-container .close-container,
  footer,
  .eelOAw {
    background-color: #282828 !important;
  }

  .caption-component .icon {
    filter: invert(1);
  }

  .paywall-container-component.paywall-container-component--growler,
  .paywall-container-component .half-barrier-container,
  .paywall-bar {
    display: none !important;
  }

  .article-body-component a,
  .review-main-component .affiliate-links-component a,
  .footer__legal p a,
  .link-underline a,
  .link-underline-micro a {
    border-bottom: 3px solid #555;
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: all .15s;
  }

  .article-body-component a:hover,
  .review-main-component .affiliate-links-component a:hover,
  .footer__legal p a:hover,
  .link-underline a:hover,
  .link-underline-micro a:hover {
    background-color: #555;
    -webkit-box-shadow: inset 0 -4px 0 #555;
    box-shadow: inset 0 -4px 0 #555;
  }
}

@-moz-document domain("disqus.com") {

  body {
    background: #181818 !important;
    color: #aaa !important;
  }
}