SteamGifts Kinda Dark Theme

Dark theme for steamgifts.com

/* ==UserStyle==
@name         SteamGifts Kinda Dark Theme
@description  Dark theme for steamgifts.com
@namespace    popiazaza
@version      1.0.0
@author       popiazaza <karuhut929@gmail.com> (https://github.com/popiazaza)
==/UserStyle== */

@-moz-document domain(steamgifts.com)
{
  .page__outer-wrap
  {
    background: #141518;
    color: #fff;
    text-shadow: none;
  }

  .sidebar__heading,
.table__column__heading,
.giveaway__heading__name,
.homepage_table_column_heading
  {
    color: #fff;
    text-shadow: none;
  }

  .giveaway__links a span,
.table__column__secondary-link,
.esgst-popup-actions
  {
    color: #169cFF;
  }

  .sidebar__navigation__item.is-selected .sidebar__navigation__item__name,
.sidebar__navigation__item.is-selected i,
.table__heading, .sidebar__navigation__item__count
  {
    color: #fff;
    text-shadow: none;
  }

  .sidebar__navigation__item__name,
.sidebar__navigation__item:not(.is-selected) i
  {
    color: #fff;
    text-shadow: none;
  }

  .sidebar__navigation__item__link
  {
    border: none;
    margin: 1px 0 1px;
  }

  .sidebar__navigation__item__link:not(:hover) .sidebar__navigation__item__underline
  {
    box-shadow: none;
  }

  .sidebar__navigation__item__link:hover .sidebar__navigation__item__underline
  {
    box-shadow: none;
    border-bottom: 1px dotted #d2d6e0;
  }

  .sidebar__navigation__item__link:hover,
.table__heading,
.sidebar__navigation__item.is-selected,
.homepage_heading
  {
    background: #2c2f34;
    border: none;
    border-radius: 5px;
  }

  .sidebar__search-input,
.sidebar__search-container,
input:not(.sidebar__search-input),
select,
textarea
  {
    background: #50545c;
    border: none;
    color: #fff;
  }

  input:focus, select:focus, textarea:focus
  {
    color: #fff;
  }

  .pinned-giveaways__inner-wrap
  {
    background: #2c2f34;
    border: none;
  }

  .giveaway__columns > :not(.giveaway__column--group):not(.giveaway__column--whitelist):not(.giveaway__column--invite-only):not(.giveaway__column--community-voted):not(.giveaway__column--region-restricted):not(.giveaway__column--contributor-level)
  {
    box-shadow: none;
    background: rgba(255,255,255,0.12);
    border: none;
    color: #fff;
  }

  .pinned-giveaways__button
  {
    border: none;
    background: #50545c;
    color: #fff;
  }

  .pinned-giveaways__button:hover
  {
    background: #212327;
    color: #fff;
  }

  .page__heading > *,
.comment__child,
.markdown thead
  {
    background: #2c2f34;
    color: #fff;
    box-shadow: none;
    border: none;
  }

  .giveaway__row-outer-wrap:not(:last-child),
.table__row-outer-wrap:not(:last-of-type),
.widget-container > div:not(:first-child),
.sidebar__heading
  {
    border: none;
  }

  .footer__outer-wrap, body, header
  {
    background: #50545c;
  }

  .page__heading__button--green,
.trade-feedback-icon--positive,
.trade-feedback-summary--positive,
.trade__search-submit,
.giveaway__column--contributor-level--positive,
.comments > .comment:not(:last-child),
.pagination,
.comment__children:not(.comment__children--no-indent)
  {
    border: none;
    box-shadow: none;
  }

  .giveaway__columns > *
  {
    padding: 0 10px;
  }

  .global__image-outer-wrap--avatar-small
  {
    height: 42px;
    width: 42px;
    border-radius: 50%;
  }

  .markdown img,
.global__image-outer-wrap
  {
    padding: 0;
  }

  .nav__avatar-outer-wrap
  {
    padding: 1px;
    height: 26px;
    width: 26px;
    border-radius: 50%;
  }

  .global__image-inner-wrap,
.nav__avatar-inner-wrap,
.featured_giveaway_image_avatar,
.giveaway_image_avatar,
.table_image_avatar
  {
    border-radius: 50%;
  }

  .esgst-popup
  {
    background-color: #232426;
    text-shadow: none;
    color: #fff;
  }

  .esgst-page-heading > *
  {
    border: none;
    color: #61646C;
    background: #eee;
  }

  .esgst-form-heading-text
  {
    color: #fff;
  }

  .esgst-red
  {
    color: #e45754 !important;
  }

  .markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5, .markdown h6
  {
    color: #dfdfdf;
  }

  .sidebar__entry-insert, .sidebar__action-button, .nav__sits, .form__submit-button, .form__sync-default, .featured__action-button, .sidebar__entry-loading, .comment__submit-button, .page__description__save, .poll__vote-button, .form__add-answer-button, .form__saving-button, .form__sync-loading
  {
    background-color: #2196F3;
    background-image: none;
    text-shadow: none;
    color: #fff;
    border: none;
  }

  .sidebar__entry-insert:not(.is-disabled):hover, .sidebar__action-button:not(.is-disabled):hover, .nav__sits:not(.is-disabled):hover, .form__submit-button:not(.is-disabled):hover, .form__sync-default:not(.is-disabled):hover, .featured__action-button:not(.is-disabled):hover, .sidebar__entry-loading:not(.is-disabled):hover,.comment__submit-button:not(.is-disabled):hover,.page__description__save:not(.is-disabled):hover,.poll__vote-button:not(.is-disabled):hover,.form__add-answer-button:not(.is-disabled):hover,.form__saving-button:not(.is-disabled):hover,.form__sync-loading:not(.is-disabled):hover
  {
    color: #fff;
    background-color: #169cFF;
    background-image: none;
  }

  .form__heading__text, .giveaway__username
  {
    color: #fff;
  }

  .form__checkbox
  {
    color: #aaa;
  }

  .form__checkbox.is-selected
  {
    color: #fff;
    font-weight: bold;
  }

  .page__heading__button--green, .trade-feedback-icon--positive, .trade-feedback-summary--positive, .trade__search-submit, .giveaway__column--contributor-level--positive
  {
    border: none !important;
    color: #fff !important;
    background-image: none !important;
    background-color: #27ae60 !important;
    text-shadow: none !important;
  }

  .notification--success, .table__column__key__redeem
  {
    border: none !important;
    color: #fff !important;
    background-image: none !important;
    background-color: #27ae60 !important;
    text-shadow: none !important;
  }

  .icon_to_clipboard
  {
    color: #15a1ff;
  }

  .sidebar__error, .sidebar__suspension
  {
    background: #d32f2f;
    color: #fff;
    border: none;
    text-shadow: none;
  }

  .notification--warning
  {
    border: none !important;
    color: #fff !important;
    background-image: none !important;
    background-color: #e67e22 !important;
    text-shadow: none !important;
  }

  .sidebar__shortcut-tooltip-absolute
  {
    box-shadow: none;
    border: none !important;
    margin-top: 1px;
    color: #fff !important;
    background-image: none !important;
    background-color: #e67e22 !important;
  }

  .page__heading__button--red, .trade-feedback-icon--negative, .trade-feedback-summary--negative, .giveaway__column--contributor-level--negative
  {
    border: none !important;
    color: #fff !important;
    background-image: none !important;
    background-color: #e74c3c !important;
    text-shadow: none !important;
  }

  .sidebar__entry-delete
  {
    border: none;
    color: #fff;
    background-image: none;
    background-color: #78909C;
    text-shadow: none;
  }

  .giveaway__column--whitelist, .featured__column--whitelist
  {
    background: #3498db;
    color: #fff;
    border: none;
  }

  .giveaway__column--group, .featured__column--group
  {
    background: #27ae60;
    color: #fff;
    border: none;
  }

  .comment__actions
  {
    color: grey;
  }

  .giveaway__column--invite-only, .giveaway__column--community-voted, .giveaway__column--region-restricted, .featured__column--invite-only, .featured__column--community-voted, .featured__column--region-restricted
  {
    border: none;
    background: #d7d8e0;
  }

  .poll__vote-graph
  {
    border: none;
  }

  .poll__answer-container--positive .poll__vote-graph
  {
    background: #2ecc71;
  }

  .poll__vote-button--voted
  {
    background-color: #66BB6A;
  }

  .poll__vote-button--voted:hover
  {
    background-color: #80BA83 !important;
  }

  .comment__username:not(.comment__username--op) a, .markdown a
  {
    color: #169cFF;
  }

  .nav__button-container--inactive i
  {
    color: #fff;
  }

  .nav__button-container:not(.nav__button-container--notification), .esgst-header-menu
  {
    box-shadow: none;
    background: #c8cdd8;
  }

  .widget-container > div:nth-of-type(2) > div:nth-of-type(3):not(.comment), .table__rows
  {
    background: #2c2f34;
    border-radius: 4px;
    padding: 0 15px;
    margin-top: 15px;
    box-shadow: none;
  }

  .comment--submit
  {
    background: #232426;
    border-radius: 4px;
    padding: 5px 15px 15px 15px;
    margin-top: 15px;
  }

  .page__heading
  {
    background: transparent !important;
    padding: 0 !important;
    margin-top: 15px;
  }

  .table__row-outer-wrap
  {
    color: #aaa;
  }

  .comments > .comment
  {
    background: #232426;
    border-radius: 4px;
    padding: 15px;
    margin-top: 15px;
  }

  .form__rows
  {
    background: #232426;
    border-radius: 4px;
    padding: 5px 15px 15px 15px;
    margin-top: 15px;
  }

  .page__description
  {
    background: #232426;
    border-radius: 4px;
    padding: 5px 15px;
    margin-top: 15px;
  }

  .chart__heading
  {
    text-shadow: none;
  }

  .chart__subheading
  {
    text-shadow: none;
  }

  .chart:nth-of-type(2n)
  {
    border: none;
    background: #29292a;
  }

  .pagination__navigation a:not(.is-selected)
  {
    color: #fff;
  }

  .pagination
  {
    padding: 5px 15px !important;
    color: #fff;
  }

  .pagination__results
  {
    font-style: normal;
  }

  .pagination__navigation a.is-selected
  {
    color: #7fafed;
  }

  a
  {
    color: #fff;
  }

  .sidebar__shortcut-inner-wrap > *
  {
    border: none;
    text-shadow: none;
    background: #c8cdd8;
    color: #21262f;
  }

  .esgst-cfh-panel
  {
    margin: 5px 0px;
  }

  .esgst-cfh-panel > *
  {
    opacity: 1;
    border: none;
    color: #61646C;
    background: #eee;
  }

  .esgst-cfh-panel i
  {
    padding: 2px;
  }

  .poll > .table__heading
  {
    padding-top: 15px;
    box-shadow: 0 1px 0 rgba(255,255,255,0.3);
    margin-bottom: -15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #fff;
  }

  .poll > .table__heading > .table__column--width-fill
  {
    text-align: center;
  }
}