Skip to content

Instantly share code, notes, and snippets.

@NZDev0

NZDev0/gog-darkmode-port.user.js

Last active January 10, 2023 08:27
Show Gist options
  • Save NZDev0/b9add667b48345514ac7b112168f9ba0 to your computer and use it in GitHub Desktop.
Save NZDev0/b9add667b48345514ac7b112168f9ba0 to your computer and use it in GitHub Desktop.
Download ZIP
GoG.com - Dark Theme port to userStyle
Raw
gog-darkmode-port.user.js
/* ==UserStyle==
@name GoG.com - Dark Theme port to userStyle
@namespace https://gist.github.com/NZDev0/
@author Dev0 NZ
@description Adds dark mode to GoG.com
@include https://www.gog.com/*
@exclude https://www.gog.com/forum* *
@version 1.0.1
==/UserStyle== */
/*
* This is a port of "GOG.com - Dark Theme" for stylus by Pabli
* Original can be found here
* @namespace https://github.com/pabli24/GOG-Dark
* @version 0.2.6
* @description Dark Theme for GOG.com
* @author Pabli (https://github.com/pabli24)
* @license CC-BY-SA-4.0
* @homepageURL https://github.com/pabli24/GOG-Dark
* @supportURL https://github.com/pabli24/GOG-Dark/issues
*/
/* official dark theme body.dark-theme */
body {
--c-background: #212121 !important;
--c-accent: #c99aff !important;
--c-accent-supportive: #b370ff !important;
--c-accent-contrast: black !important;
--c-ui-primary: #303030 !important;
--c-ui-primary--hover-lighten: #3d3d3d !important;
--c-ui-primary--active-lighten: #565656 !important;
--c-ui-tertiary: #404040 !important;
--c-text-primary: #f2f2f2 !important;
--c-text-secondary: #ededed !important;
--c-text-tertiary: #d9d9d9 !important;
--c-contrast: white !important;
--c-contrast-85: rgba(255, 255, 255, .85) !important;
--c-contrast-20: rgba(255, 255, 255, .2) !important;
--c-contrast-15: rgba(255, 255, 255, .15) !important;
--c-contrast-10: rgba(255, 255, 255, .1) !important;
--c-ui-hover: rgba(201, 154, 255, .7) !important;
--c-button-primary-disabled-content: rgba(255, 255, 255, .85) !important;
--gradient-button-accent-body: linear-gradient(180deg, #d6b2ff, #c99aff) !important;
--gradient-button-accent-border: linear-gradient(180deg, #e1c7ff, #c58bff) !important;
--gradient-button-accent-disabled: linear-gradient(180deg, rgba(214, 178, 255, .3), rgba(201, 154, 255, .3)) !important;
--c-button-accent-content: black !important;
--c-button-accent-pressed-body: #c99aff !important;
--c-button-accent-pressed-border: #c58bff !important;
--c-button-accent-disabled-content: rgba(255, 255, 255, .85) !important;
--gradient-button-secondary-body: linear-gradient(180deg, #6b6b6b, #585858) !important;
--gradient-button-secondary-border: linear-gradient(180deg, #848484, #585858) !important;
--gradient-button-secondary-disabled: linear-gradient(180deg, rgba(242, 242, 242, .3), rgba(237, 237, 237, .3)) !important;
--c-button-secondary-content: white !important;
--c-button-secondary-pressed-body: #585858 !important;
--c-button-secondary-pressed-border: #404040 !important;
--c-button-secondary-disabled-content: rgba(255, 255, 255, .85) !important;
}
:root {
color-scheme: dark;
--bg: #1d1d1d; /* #ccc */
--bg2: #222; /* #e1e1e1 */
--bg3: #1e1e1e; /* #d2d2d2 */
--bg-hover: #2d2d2d; /* #e5e5e5 #ececec*/
--text1: #ccc; /* #212121 */
--text2: #eee; /* #262626 #1a1a1a*/
--text3: #bbb; /* #595959 gray*/
--text4: #aaa; /* #4c4c4c #404040*/
--textw: #fff; /* #000000 */
--textb: #000; /* #ffffff */
--textp: #fba6ff; /* #78387b #86328a*/
--border: rgba(0,0,0,.08);
--border2: #242424;
--border3: #333;
}
/* text headers titles */
.big-spots__header, .module-header, .module-header__btn.is-active,
.gogmix__title, .product-row__title, .product-tile__title, .header__title>strong,
.news-item {
color: var(--text2);
}
/* top page background */
.big-spots__blurs:before {
background: linear-gradient(to right,var(--bg),rgba(0, 0, 0, 0));
}
.big-spots__blurs:after {
background: linear-gradient(to left,var(--bg),rgba(0, 0, 0, 0));
}
.big-spots__blurs > div:after {
background: linear-gradient(to top,var(--bg) 15%,rgba(0, 0, 0, .2));
content: '';
position: absolute;
width: 100%;
height: 100%;
}
.frontpage-wrapper:before {
background: linear-gradient(to top,var(--bg) 50%,rgba(0, 0, 0, .3));
content: '';
position: absolute;
width: 100vw;
height: 100vw;
}
@media (min-width: 801px){
.frontpage-wrapper:before {
background: linear-gradient(to top,var(--bg) 50%,rgba(0, 0, 0, 0.3));
}
}
@media (min-width: 1367px) {
.frontpage-wrapper:before {
background: linear-gradient(to top,var(--bg) 60%,rgba(0, 0, 0, 0.3));
}
}
@media (min-width: 1681px) {
.frontpage-wrapper:before {
background: linear-gradient(to top,var(--bg) 70%,rgba(0, 0, 0, 0.3));
}
}
/* search */
.menu-search__result {
background: var(--bg3);
}
.menu-search__result.is-focused {
background: var(--bg2);
}
.menu-search__results, .menu-search__results .list--rows {
background: var(--bg2);
}
.menu-search__results-more {
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, .1), 0px 1px 3px 0px rgba(255, 255, 255, .1);
background: var(--bg3);
color: var(--text4);
}
.menu-search__results-more:hover {
background: var(--bg-hover);
}
.menu-search__no-results{
background: var(--bg3);
}
.menu-product__title {
color: var(--text2);
}
.menu-product .menu-product__price-btn {
border: 1px solid var(--border3);
color: var(--text2);
}
.menu-product {
border-bottom: 1px solid var(--border3);
}
.menu-product:hover {
background: var(--bg-hover)
}
.highlighted {
background: #867400;
}
/* */
.about-gog {
background: #343e48;
}
.about-gog__header {
background-color: #343e48;
}
.about-gog__header:hover {
background-color: rgba(255, 255, 255, 0.05);
}
.about-gog__header~.about-gog__header {
border-color: #29323a;
}
.about-gog__icon {
text-shadow: 0 0 30px hsla(0, 0%, 0%, 0.75);
}
.footer__dropdown-item {
color: var(--text2);
}
.carousel-pagination.big-arrows .arrow-icon {
fill: #fff;
}
.carousel-pagination__page {
background: rgba(255, 255, 255, 0.2);
}
.galaxy-section-wrapper {
box-shadow: 0 -1px 0 0 rgba(255, 255, 255, .1), 0 1px 0 0 rgba(255, 255, 255, .1);
}
.explore-galaxy {
border-left: 1px solid var(--border3);
}
.galaxy-section,
.tooltip-content__text {
color: var(--text4);
}
.galaxy-tooltip__trigger,
.tooltip-content__header {
color: var(--textp);
}
.tooltip-icon-wrapper--icon {
stroke: var(--textp);
}
.custom-section__flashdeals-counter-wrapper {
border: 2px dashed var(--textp);
color: var(--textp);
}
/* price */
.price-btn, .price-text--discount {
border: 1px solid var(--border3);
}
.price-btn, .price-text, .price-text--discount {
color: var(--text1);
}
.price-text--discount {
background: #38505c;
}
.big-spot.is-hovered .price-btn--active,
.btn--green, .is-buyable.gogmix:hover .price-btn--active, .product-row.is-buyable:hover .price-btn--active {
background: linear-gradient(180deg,#5d7100,#354600);
color: var(--textw);
}
.big-spot.is-hovered .price-btn--active,
.is-buyable.gogmix:hover .price-btn--active, .product-row.is-buyable:hover .price-btn--active {
border-color: var(--border3);
}
/* */
.product-row--grid,
.list--grid .product-row,
.list--rows--no-border .product-row {
background: var(--bg2);
}
.list--grid .is-owned.gogmix, .list--grid .product-row.is-owned,
.is-owned.gogmix, .product-row.is-owned,
.order__related-games .product-row.is-owned {
background: var(--bg3);
}
.product-tile__label--in-library {
background: hsla(0, 0%, 10%, 0.7);
color: var(--text3);
}
.product-tile__label--is-wishlisted {
background: #845810;
}
.product-tile__label--is-upcoming {
background: #0f3854;
}
.product-tile__label--in-cart {
background: #364800;
}
.product-tile__content,
.product-tile--active .product-tile__content,
.catalog__body--slide-desktop .product-tile__content,
.catalog__body--slide-desktop .product-tile--active .product-tile__content,
.catalog__body--slide-desktop .product-tile__title,
body .catalog__body--slide-desktop:not(.catalog__body--list-view) .product-tile__content {
background: var(--bg2);
}
.product-tile:hover .product-tile__content {
background: var(--bg-hover);
}
.product-tile--list.product-tile--active .product-tile__title,
body .catalog__body--slide-desktop:not(.catalog__body--list-view) .product-tile__title,
body .catalog__body--slide-desktop:not(.catalog__body--list-view) .product-tile__price-discounted {
color: var(--text4);
}
.product-tile--list.product-tile--active .product-tile__content,
body .catalog__body--slide-desktop:not(.catalog__body--list-view) .product-tile--active .product-tile__content {
background: var(--bg2);
}
.product-tile--list.product-tile--active {
border-bottom: 1px solid var(--border3);
}
.section-title--with-border {
border-bottom: 1px solid var(--border3);
}
.product-tile--list.product-tile:hover .product-tile__content {
background: var(--bg-hover);
}
/* discover games */
.section-title__title-wrapper {
color: var(--text3);
}
.tabbed-section__head {
border-bottom: 1px solid var(--border3);
}
.product-tile--list:not(.product-tile--active) {
border-bottom: 1px solid var(--border3);
}
.tabbed-section__tab {
color: var(--text3);
fill: var(--text3);
}
.product-tile--list:not(.product-tile--active) .product-tile__title,
.product-tile__price-discounted, .product-tile__price,
.product-tile__no-buy-block-slug,
.catalog__body--slide-desktop .product-tile__price-discounted,
.catalog__body--slide-desktop .product-tile__no-buy-block-slug {
color: var(--text4);
}
.product-tile__platforms-item {
fill: var(--text4);
}
.icon-wrapper-icon {
filter: invert(1);
}
.discover-games-more {
border: 1px solid var(--border3);
background: var(--bg);
}
.discover-games-more__text {
color: var(--text3);
}
.discover-games-more__icon {
fill: var(--text3);
}
/* left column */
.news-item__title {
color: var(--text1);
}
.news-item__info {
color: var(--text3);
}
.news-item:hover {
background: var(--bg-hover);
}
/* left right background */
.module {
background: var(--bg2);
color: var(--text1);
box-shadow: 0 1px 5px rgba(0,0,0,.15);
}
/* right column */
.gogmix, .product-row {
border-top: 1px solid var(--border);
color: var(--text3);
}
.product-row--has-action.gogmix:hover, .product-row--has-card.gogmix:hover, .product-row.product-row--has-action:hover, .product-row.product-row--has-card:hover {
background: var(--bg-hover);
}
.module__bottom {
border-top: 1px solid #272727;
color: var(--textw);
background: rgba(255, 255, 255, 0.01);
}
.module__bottom:not(.no-ho):hover {
background: var(--bg-hover);
}
/* games store */
[_nghost-gogcom-store-c29] {
color: var(--text1); /* dlc label */
}
.sort-by-title {
color: var(--text4);
}
.product-tile__cover,
.catalog__body--slide-desktop .product-tile__cover {
background: var(--bg3);
}
.catalog__filters-sorting {
border-top: transparent;
border-bottom: 1px solid var(--border3);
}
.filter__item:not(:first-child),
.catalog__sidebar > .filter__item ~ .filter__item {
border-top: 1px solid var(--border3);
}
.catalog__paginator-wrapper {
border-top: 1px solid var(--border3);
}
.paginator-container .arrow-wrapper {
background-image: none;
background-color: var(--bg3);
border: 1px solid var(--border3);
}
.paginator-container .page-input {
border-bottom: 3px solid var(--border3);
}
.paginator-container .arrow-left, .paginator-container .arrow-right {
fill: var(--text3);
}
:not(.spinner-halloween) .catalog__search:after {
background-color: hsla(0, 0%, 5%, 0.8);
}
/* /promo */
/* .promo-columns-wrapper {
background: var(--bg);
margin-top: 0;
} */
.header__title {
margin-top: 15px;
color: var(--textw);
}
.header__countdown {
color: var(--textw);
}
.module__top {
color: var(--text2);
}
.list__products .product-row-price--new {
color: var(--text2);
}
.list-category-header {
color: var(--text2);
background: #262626;
}
.list-category-header, .list__products:not(:empty) {
border-top: 1px solid var(--border);
}
.list-search {
border: 1px solid var(--border3);
color: var(--text3);
background: #2c2c2c;
}
.table-header, .table__row-label {
color: var(--text1);
}
.details {
color: var(--text2);
}
.details-rev__author {
color: var(--text4);
}
.promo-counter {
background: #262626;
}
.promo-counter-left {
color: var(--text3);
}
._checkbox-container:hover .checkbox--green, .checkbox--green.is-selected, .hidden-input:checked+.checkbox--green,
.subscriptions-list__group-header .subscriptions-option--on .checkbox {
background: #405200;
border-color: #435500;
}
/* /age-gate */
.age-gate {
background: var(--bg);
color: var(--text1);
}
/* /order */
.order__title--success {
color: #8ac500;
}
.order-article {
color: var(--text2);
}
._dropdown__items {
background: #262626;
}
._dropdown__item, ._dropdown__item-unobtrusive, ._fake_dropdown__item {
background: #262626;
border-color: var(--border);
}
._dropdown__pointer-up:after {
background: #262626;
}
._dropdown__item:hover, ._fake_dropdown__item:hover {
background: #2f2f2f;
}
.order__title {
color: var(--textw);
}
._search__spinner, ._spinner:after, .btn--gray.is-spinning:after, .module-header2__element:before, .spinner--big, .spinner--big-light, .spinner--small, .spinner--small-light, .top-nav-search>.spinner.show-on-off-canvas {
filter: invert(1);
}
/* /game */
.owned-status {
background-color: var(--border3);
color: var(--text3);
}
.edition-picker__trigger {
background-image: none;
background-color: var(--bg2);
}
.edition-picker-list__item:hover {
background: var(--bg-hover);
}
.dropdown__layer {
background: var(--bg2);
}
.edition-picker-list__item {
border-bottom: 1px solid var(--border2);
border-top: 1px solid var(--border2);
}
.edition-picker__selected-edition,
.edition-picker-list__item.is-selected .edition-picker-list__edition-name {
color: var(--textp);
}
.edition-picker__trigger-icon {
fill: var(--textp);
}
.edition-picker-list__item.is-selected .edition-picker-list__checkbox {
border-color: var(--textp);
}
.product-actions {
background-color: rgba(39, 39, 39, 0.9);
}
.product-actions__playable-after {
background: rgba(39, 39, 39, 0.9);
color: var(--text2);
}
.product-actions__playable-after-icon {
fill: var(--text3);
}
.product-actions-price__final-amount, .product-actions-price__giveaway, .product-actions-price__base-amount {
color: var(--text4);
}
.productcard-slider-pagination__page-marker::before {
background: rgba(255, 255, 255, 0.2);
}
.productcard-basics__title {
color: var(--text2);
}
.productcard-background::before {
background: linear-gradient(180deg,hsla(0, 0%, 0%, 0) 0, var(--bg));
}
.productcard-slider__nav-icon {
color: rgba(255, 255, 255, 0.2);
}
.header {
color: var(--text2);
}
.rating, .productcard-rating, .productcard-os-support, .productcard-basics__languages {
color: var(--text3)
}
.productcard-basics__separator {
background: var(--text3)
}
.un--body-alt {
background-image: linear-gradient(to right,var(--text2),var(--text2));
}
.header__os {
border: 1px solid rgba(255, 255, 255, 0.4);
border-width: 0 1px;
}
.title {
border-bottom: 1px solid var(--border2);
}
.details__separator {
background: var(--border2);
}
.description hr {
border-bottom: 1px solid var(--border2);
}
.languages__row, .table__row, .table-header, .average-body, .goodies__row:last-child .goodies__cell {
border-bottom: 1px solid var(--border3);
}
.goodies__label.is-hovering {
border-top: 1px solid var(--border3);
}
.goodies__cell {
border-bottom: 1px solid var(--border3);
}
.goodies__cell.is-selected {
border-left: 1px solid #9f82a0;
border-right: 1px solid #9f82a0;
background: rgba(255, 255, 255, 0.02);
}
.goodies__cell.is-hovering {
background: rgba(255, 255, 255, 0.02);
}
.goodies__label.is-selected {
border-top: 1px solid #9f82a0;
color: var(--textp);
}
.goodies__edition.is-selected .goodies__checkbox {
border-color: var(--textp);
}
.goodies__edition.is-selected .goodies__checkbox::before,
.system-requirements-selector__item--selected::before {
background: var(--textp);
}
.goodies__cell.is-selected .goodies__icon--tick,
.system-requirements-selector__item--selected .system-requirements-selector__icon, .system-requirements-selector__item:hover .system-requirements-selector__icon {
fill: var(--textp);
}
.languages {
color: var(--text2);
}
.module__foot {
color: var(--text4);
}
.social-btn, .wishlist-btn {
color: var(--text4);
background: var(--bg2);
box-shadow: 0 1px 5px rgba(0,0,0,.15);
}
.social-btn.is-wishlisted, .wishlist-btn.is-wishlisted {
background: var(--bg2);
}
.social-btn:hover, .wishlist-btn:hover {
background: var(--bg-hover);
}
.module--buy .module__top, .module--buy-series .module__top,
.quote, .user-review,
.product-details,
.game-features__title,
.requirement, .sysreq,
.footnotes,
.features {
color: var(--color2);
}
.details__feature-icon {
filter: invert(1);
}
/*.ic-svg*/
.game-features__icon,
.goodies__icon--description,
.features-item__feature-icon,
.languages__icon--more-languages,
.details__languages-icon {
filter: invert(1);
}
.languages__icon, .system-requirements-selector__icon, .goodies__icon--status {
fill: #fff;
}
.bonus__icon {
filter: invert(1);
}
img[src="https://items.gog.com/separator.jpg"] {
filter: invert(1);
}
.game-features__item {
border-top: 1px solid var(--border);
}
.game-features__item:hover {
background: var(--bg-hover);
}
.list--grid .product-row.product-row--has-action:hover, .list--grid .product-row.product-row--has-card.is-owned:hover, .list--grid .product-row.product-row--has-card:hover {
background: var(--bg-hover);
}
.user-review__author {
color: var(--text4);
}
.reviews-pagination-container {
color: var(--text4);
}
.btn--green:not(.is-spinning):not(.is-disabled):not([disabled]):hover {
background: linear-gradient(180deg,#687c00,#5e7d00);
}
.filters__search>._search__input {
color: var(--text3);
}
.filters__search {
border: 1px solid var(--border3);
background: #2c2c2c;
}
.filter {
background: var(--bg2);
border-color: #1f1f1f;
}
.filters__search-explained {
background: var(--bg);
color: var(--text2);
}
.filter.is-selected,
.filter__item.is-selected, .filter__item.is-selected--mixed {
color: var(--text2);
}
.module--filters,
.filter__item {
color: var(--text3);
}
.filter-checkbox, .filter-radio, .checkbox, .radio {
border: 1px solid #252525;
background: #464646;
}
.filters__dropdowns {
background: var(--bg2);
}
.account ._dropdown__items {
color: var(--text2);
}
.gogmix:first-child > .gogmix__count {
background-color: hsla(350, 68%, 30%, 1);
}
.gogmix:nth-child(2)>.gogmix__count {
background-color: hsla(18, 77%, 40%, 1);
}
.gogmix:nth-child(3)>.gogmix__count {
background-color: hsla(25, 77%, 40%, 1);
}
.gogmix:nth-child(4)>.gogmix__count {
background-color: hsla(33, 77%, 40%, 1);
}
.gogmix:nth-child(5)>.gogmix__count {
background-color: hsla(38, 77%, 40%, 1);
}
.gogmix:nth-child(6)>.gogmix__count {
background-color: hsla(44, 73%, 40%, 1);
}
.gogmix:nth-child(7)>.gogmix__count {
background-color: hsla(45, 62%, 40%, 1);
}
.gogmix__count {
background-color: hsla(53, 35%, 40%, 1);
}
.average-item--colored, .sort-by__selected, .sort-dropdown__text--selected, .filter__item--has-selection .filter__title {
color: var(--textp);
}
.sort-by__selected-icon, .sort-dropdown__icon--selected, .filter__clear, .filter__item--has-selection .filter__chevron, .option-icon--selected {
fill: var(--textp);
}
.dlcs .product-tile--list:not(.product-tile--active) .product-tile__title {
color: var(--text4);
}
.dlcs .product-tile--list:not(.product-tile--active) {
border-bottom: 1px solid var(--border3);
}
.skin-selector__current, .skin-selector__dropdown-icon {
color: var(--text2);
}
.product-title__flag {
background: #555;
}
.description .module {
background-color: rgba(255, 255, 255, 0.1)!important;
}
.average-item, average-item, .average-item__textline {
color: var(--text4);
}
.sort-by__title {
color: var(--text3);
}
.filter__title {
color: var(--text2);
}
.filter__item, .option__hr {
border-bottom: 1px solid var(--border3);
color: var(--text3);
}
.review__title, .review__profile-name, .review-new__add-button {
color: var(--text1);
}
.review__extra, .review__profile-stats {
color: var(--text3);
}
.review__text, .reviews__info, .review__was-helpful-button {
color: var(--text2);
}
.paginator-container .page-indicator {
color: var(--text3);
}
.review__item--most-helpful {
border: 1px solid hsla(0, 0%, 50%, 0.1);
background-color: hsla(0, 0%, 50%, 0.1);
}
.review__top-bar {
background-color: hsla(0, 0%, 50%, 0.2);
}
/* /redeem */
.redeem-header__text {
color: var(--text1);
}
.code-input__input {
border: 1px solid var(--border3);
color: var(--text2);
background: #2d2d2d;
}
/* /mix */
.bg_holder:before {
content: "";
position: absolute;
width: 100%;
height: 500px;
background: linear-gradient(to top,var(--bg) 15%,rgba(0, 0, 0, .2));
}
.game {
border-bottom: 1px solid var(--border3);
}
.game p {
color: #b5b5b5;
}
.mix_cont.first {
border-top: 1px solid var(--border3);
border-bottom: 1px solid var(--border3);
}
.mix_cont {
border-bottom: 1px solid var(--border3);
}
.mix_cont .dark_un {
color: var(--text2);
}
.mix_cont .count {
color: var(--text2);
background: rgba(255, 255, 255, .03);
}
.first .count {
background: rgba(255, 255, 255, .03);
}
.mix_cont .votes {
color: var(--text2);
}
.mix_cont .count_left, .mix_cont .count_right {
background: none;
}
.refresh {
color: var(--text3);
}
/* /news */
.article-section__title, .article__secondary_title {
color: var(--text2);
}
.article__body a {
background-image: linear-gradient(90deg,var(--text1),var(--text1));
}
.article__body, .article__body p {
color: var(--text1);
}
.article__lead {
border-bottom: 1px solid var(--border2);
}
.archives-switch {
border-color: var(--border2);
}
.archives-switch:after {
border-left: 1px solid var(--border2);
}
.archives-list__article {
border-top: 1px solid var(--border2);
}
.small-spots .product-row {
background: var(--bg2);
}
.small-spots .product-row.product-row--has-action:hover, .small-spots .product-row.product-row--has-card.is-owned:hover, .small-spots .product-row.product-row--has-card:hover {
background: var(--bg-hover);
}
.article__related_topics .product-row {
background: var(--bg2);
}
.article__related_topics .product-row.product-row--has-action:hover, .article__related_topics .product-row.product-row--has-card.is-owned:hover, .article__related_topics .product-row.product-row--has-card:hover {
background: var(--bg-hover);
}
.article__related_topics .product-row.is-owned {
background: var(--bg3);
}
.btn--gray {
background: linear-gradient(180deg,hsla(0, 0%, 24%, 0.9) 4%,#2c2c2c);
color: #cacaca;
}
.btn--gray:not(.is-spinning):not(.is-disabled):not([disabled]):hover {
background: linear-gradient(180deg,#494949,#3e3e3e);
}
/* /forum */
.content_holder {
background: var(--bg);
}
div.big_post_main {
background: var(--bg2);
margin-bottom: 0px;
}
div.big_post_left, div.big_post_right {
width: 0px;
height: 0px;
}
.user__data, .user__item--info, .user__item--status, .user__warning-item {
background: var(--bg2);
color: var(--text2);
}
.user__item--action:hover {
background: var(--bg-hover);
}
/* /account */
._cs-left, ._cs-right {
background: var(--bg);
}
.page-header {
color: var(--text3);
}
.header__dropdown {
color: var(--text2);
}
.account__filters-option {
color: var(--text2);
}
.filter.is-applied {
color: var(--text2);
}
.list--rows {
background: var(--bg2);
color: var(--text1);
}
.list--rows .product-row__content {
color: var(--text3);
}
.filter.filter--search {
border: 1px solid #303030;
background: #2c2c2c;
}
.filters__section~.filters__section>.filter {
border-color: #1f1f1f;
}
.filter.is-contracted:hover {
background: #232323;
}
.filter.filter--search>._search__input {
color: var(--text3);
}
.product-btn {
box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.25);
background-color: #252525;
}
.account__products .product-row__label, .product-btn, .user-rectangle__btn {
border: 1px solid #373737;
}
.game-details:after {
background: linear-gradient(to top,var(--bg) 20%,rgba(0, 0, 0, 0.50));
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: -1;
}
.module-header2__element--selected, .module-header2__dropdown, .module-header2__element-label {
color: var(--text2);
}
.game-link__right {
color: var(--text3);
}
.game-details__footer {
color: var(--text3);
background: rgba(0, 0, 0, 0);
border-top: 1px solid #1d1d1d;
}
.game-details__galaxy-message {
color: var(--text1);
}
.game-details__header-icon {
filter: invert(1);
}
.game-details__section-description {
color: var(--text3);
}
.module-header__btn {
color: var(--text3);
}
.wishlist-options__text {
color: var(--text3);
}
.header-dropdown__items>._dropdown__item {
color: var(--text3);
}
.module-header2__element {
color: var(--text3);
}
.module-header2__element--action:hover {
color: var(--text2);
}
.module-header2__element--selected {
color: var(--text2);
}
.iScrollIndicator {
background: rgba(255, 255, 255, 0.18);
}
.iScrollIndicator:active, .iScrollIndicator:hover {
background: rgba(255, 255, 255, 0.25);
}
.skin-selector__item.is-selected {
color: var(--text2);
}
/* /checkout */
.form__row-key--small-print {
color: var(--text3);
}
.form__row, .free-wallet {
border-top: 1px solid var(--border);
}
.form__row--interactive:hover {
background: var(--bg-hover);
}
.accordion__body {
background: #2b2b2b;
}
.accordion__label.is-active {
box-shadow: inset 0 -1px 0 var(--border);
}
.accordion__body:before {
background: #2b2b2b;
box-shadow: inset -1px 1px 0 var(--border);
}
.form--description {
color: var(--text2);
}
.order__related-games .product-row {
background: var(--bg2);
box-shadow: 0 1px 5px rgba(0,0,0,.15);
}
.order__related-games .product-row.product-row--has-action:hover, .order__related-games .product-row.product-row--has-card.is-owned:hover, .order__related-games .product-row.product-row--has-card:hover {
background: var(--bg-hover);
}
.order-message:first-child {
border-top: 1px solid var(--border3);
}
.order-message:last-child {
border-bottom: 1px solid var(--border3);
}
.order-message {
border-top: 1px dashed var(--border3);
}
/* /work */
.sta_container h1 {
color: var(--textw);
}
.left a, .right a, .single a {
color: var(--textw);
}
.header h2 {
color: var(--text2);
}
.vdark_un {
color: var(--text2);
}
.vdark_un:hover {
color: var(--textw);
}
.sub-menu__item {
color: var(--text2);
}
.sub-menu:not(:hover) .btn.sub-menu__button {
background: 0 0;
color: var(--textw);
}
.single {
background: #242424;
}
.sub-menu {
background: #242424;
}
.offers__logos {
filter: invert(1);
}
/* /account/friends*/
.no-friends__invite-button {
color: var(--text2);
}
/* /account/chat */
/* /wallet */
.wallet-currency-selector__currency.is-active {
color: var(--text2);
}
.wallet-currency-selector__currency {
color: var(--text3);
}
.wallet-currency-selector {
border-bottom: 1px dashed var(--border3);
}
.wallet-funds-box {
border-top: 1px solid var(--border3);
border-bottom: 1px solid var(--border3);
}
.wallet-funds-box__amount {
color: var(--text4);
}
.wallet-header {
background: var(--bg);
border-bottom: 1px solid var(--bg);
}
.wallet-transactions-empty .content {
background-color: var(--bg);
}
.wallet-amount {
border-top: 1px solid var(--border3);
color: var(--text4);
box-shadow: 0 0 3px 1px rgba(0,0,0,.11);
background-color: var(--bg2);
vertical-align: top;
}
.wallet-amount__separator {
border-left: 2px dashed #454545;
}
.wallet-amount__active-state {
border: 1px solid #212700;
background-image: linear-gradient(#4a5a00,#2d3700);
}
.wallet-transactions__head {
font-size: 10px;
color: var(--text3);
background: var(--bg);
}
.wallet-transaction__details--name {
color: var(--text2);
}
.wallet-transactions__item {
border-bottom: 1px solid var(--border3);
color: var(--text3);
}
/* account/settings/ */
.settings__nav-link.is-active, .settings__nav-link.is-active:hover {
background: var(--bg-hover);
}
.order-item__header {
background: var(--bg2);
}
.order-product__price {
color: var(--text3);
}
.settings-content, .order-header-info {
color: var(--text1);
}
.settings-item__label {
color: var(--text3);
}
.settings__nav-svg {
filter: invert(1);
}
.input {
background: #2d2d2d;
border: 1px solid var(--border3);
color: var(--text1);
}
.input:disabled::-webkit-input-placeholder {
-webkit-text-fill-color: var(--text1);
}
.input::-webkit-input-placeholder {
color: var(--text1);
}
select {
color: var(--text1);
background-color: #2d2d2d;
}
.tag-item {
background: rgba(0, 0, 0, 0);
}
.tag-input-wrapper {
border: 1px solid var(--border3);
background: #2d2d2d;
}
.tag-input-wrapper__input {
color: var(--text1);
}
.orders-header__search {
color: var(--text3);
}
.orders-header__search.is-search-active {
color: var(--text3);
background: #2d2d2d;
box-shadow: inset 0 0 0 1px var(--border3), inset 0 1px 3px rgba(0,0,0,.1);
}
._search__input {
color: var(--text1);
}
/* user wishlist */
.empty-message__big, .empty-message__small {
color: var(--text1);
}
/* /partner/summer_pcgamer */
.partners__game-list {
background: var(--bg2);
}
.partners__stream-streamer-button {
background: var(--bg2);
}
.partners__stream-streamer-button:hover {
background: var(--bg-hover);
}
/* /work */
.job-offer-wrapper, .job-listings-footer--menu {
background-color: var(--bg);
}
.job-listings-footer {
background-image: linear-gradient(to right,#262626 0,#1d1d1d 40%,#1d1d1d 60%,#262626 100%);
}
.job-offer-description, .job-offer-department, .about-header--light-bg .about-header__menu--big-screen>.about-header__btn {
color: var(--text2);
}
.about-header--light-bg {
color: rgba(255, 255, 255, 0.1);
}
.job-company__section--jobs {
background-color: var(--bg);
}
.offer-wrapper {
background: var(--bg2);
}
.offer-wrapper:hover {
background: var(--bg-hover);
}
.job-listings-search-input {
background-color: #2c2c2c;
box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
color: var(--text3);
}
.job-listings-search-box {
border: 1px solid #303030;
}
/* /galaxy */
.glx-section--faq, .glx-section--footer, .about-menu-bottom-wrapper {
background-color: var(--bg);
}
.about-header--dark-bg .about-header__menu--big-screen>.about-header__btn {
color: rgba(255, 255, 255, 0.5);
}
.about-header--dark-bg {
color: rgba(255, 255, 255, 0.08);
}
.glx-section--footer .glx-section__inner {
color: var(--text3);
}
/* /reclaim */
.star-header {
color: var(--textw);
}
.star-field__input {
border: 1px solid var(--border3);
background: #2c2c2c;
box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
color: var(--text3);
}
.star-field__input.is-error {
border-color: var(--border3);
background: #2c2c2c;
}
.star-field__input::-webkit-input-placeholder {
color: var(--text3);
}
.product-row.product-placeholder {
border: 1px dashed var(--border3);
color: var(--text2);
}
.product-row.product-placeholder .product-placeholder__text:after {
background: var(--border3);
}
/* /redeem */
.captchaText {
color: var(--text3) !important;
}
.externalLink {
color: var(--text2) !important;
}
.footer {
border-top: 1px solid var(--border2) !important;
}
.input {
border: 1px solid var(--border3) !important;
background: var(--bg2) !important;
color: var(--text2) !important;
background-color: var(--bg2) !important;
border-color: var(--border2) !important;
box-shadow: inset 0 1px 3px 0 var(--bg2) !important;
}
/* top menu */
.menu-triangle {
border-bottom: 9px solid var(--bg2);
}
.menu-triangle--others {
border-bottom: 9px solid var(--bg);
}
.menu-product--grid:hover .menu-product__content {
background: var(--bg-hover);
}
.menu-product--grid .menu-product__content {
background: var(--bg2);
}
.menu-product--grid.is-owned .menu-product__content {
background: var(--bg3);
}
.menu-submenu, .menu-submenu::after, .menu {
color: var(--text4) !important;
background: var(--bg2) !important;
}
.menu-header {
border-bottom: 1px solid var(--border3);
background: var(--bg);
}
.menu-cart-item, .menu-notifications-empty, .menu-friends-empty, .menu-cart-empty {
background: var(--bg2);
color: var(--text3);
}
.menu-notifications-empty__line, .menu-friends-empty__line, .menu-cart-empty__line {
background: var(--border3);
}
.menu-header__label {
color: var(--text4);
}
.menu-account__user-name {
color: var(--text2);
}
.menu-header__items {
color: var(--text2);
}
.menu-submenu-link {
color: var(--text4);
}
.menu-cart-item__price {
color: var(--text4);
}
.menu-submenu-separator {
background: var(--border3);
}
.menu-submenu-item__label {
border: 1px solid var(--border3);
}
.menu-submenu-item.is-active .menu-submenu-link, .menu-submenu-item.menu-submenu-item--hover:hover .menu-submenu-link,
.is-active .menu-submenu-link, .menu-submenu-item--hover:hover .menu-submenu-link {
color: var(--textw);
background: var(--border3);
}
.menu-submenu-item--hover:hover .menu-submenu-icon, .menu-submenu-item.is-active .menu-submenu-icon {
fill: #fff;
}
.menu-language-and-currency__footer {
border-top: 1px solid var(--border3);
}
.menu-language-and-currency {
border-left: 1px solid var(--border3);
background: url('data:image/png;base64,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') no-repeat 0 0;
opacity: 0.1;
background-color: var(--bg2);
}
/* support */
.article__body {
background: var(--bg2);
}
.custom-block__title {
color: var(--text1);
}
.have-more-questions__box-left {
border-right: 1px solid var(--border2);
}
.have-more-questions__box {
background: var(--bg2);
}
.article-vote {
border: 1px solid var(--border2);
}
.section-articles__title {
border-bottom: 1px solid var(--border2);
}
.page-header--with-border {
border-bottom: 1px solid var(--border2);
}
.article-list-item .article-list-item__link {
background-color: var(--bg2);
}
.article-list-item .article-list-item__link:hover {
background-color: var(--bg-hover);
}
.article-list-item .article-list-item__link {
border-top: 1px solid var(--border2);
}
.promoted-articles__list {
background: var(--bg2);
}
.promoted-articles-item__title {
color: var(--text1);
}
/* main background */
html, body {
background: var(--bg);
color: var(--text1);
}
.content, .wrapper {
background-color: var(--bg);
background-image: none;
}
.content:before {
background: linear-gradient(to top,var(--bg) 50%,rgba(0, 0, 0, .3));
content: '';
position: absolute;
width: 100vw;
height: 100vw;
}
.container {
z-index: 10;
position: relative;
}
@media (min-width: 801px){
.content:before {
background: linear-gradient(to top,var(--bg) 50%,rgba(0, 0, 0, 0.3));
}
}
@media (min-width: 1367px) {
.content:before {
background: linear-gradient(to top,var(--bg) 60%,rgba(0, 0, 0, 0.3));
}
}
@media (min-width: 1681px) {
.content:before {
background: linear-gradient(to top,var(--bg) 70%,rgba(0, 0, 0, 0.3));
}
}
.go-to-library-button{
background: var(--bg3);
}
.product-label--owned {
background: var(--gradient-button-primary-body) !important;
}
img {
filter: brightness(150%) !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment