Eurogamer Dark Theme by Paul1519

/* ==UserStyle==
@name         Eurogamer Dark Theme
@version      20250120.16.25
@namespace    https://userstyles.world/user/Paul1519
@description  A dark theme for Eurogamer
@author       Paul1519
@license      CC Zero
==/UserStyle== */

@-moz-document domain("eurogamer.net") {
body {
    color: #fff;
    background: #000;
}

:root {
    --color: #339cda;
    --button-color: #0e75af;
    --button-color-secondary: #fff;
    --button-color-hover: #0b608f;
}

.app_header {
    background: #000;
}

.search_box::before {
    background: #ccc;
}

form input[type="email"],
form input[type="password"],
form input[type="text"] {
    border: 1px solid #8c969b;
}

.logo img {
    filter: brightness(125%);
}

#skip_to_main_content {
    color: #fff;
}

a {
    color: #33b8ff;
}

.archive__title a {
    color: #fff;
}

.archive__type, .archive__strapline {
    color: #ddd;
}

.nav_trending {
    background: #0070ac;
    color: #f9f9f9;
}

#page_wrapper {
    background: #131313;
}

#content {
    background: #000;
}

.tabbed_nav {
    background-color: #000;
}

.tabbed_nav .tabbed_buttons .tabbed_button {
    color: #d9d9d9;
}

.section_title:not(.small) {
    color: #7ab4ff;
}

.thumbnail img,
figure img {
    background: #383b3c;
}

.spotlight .summary,
body[data-version="hd"] .spotlight .summary,
body[data-version="mobile"] .spotlight .summary {
    background: #262626;
}

.shelf .details,
.spotlight .details,
body[data-version="mobile"] .spotlight .details,
.shelf .metadata,
body[data-version="mobile"] .spotlight .metadata {
    background: #000;
}

.summary {
    --color: #33b8ff;
}

.summary[data-premium=true] {
    --color: #ce0a31;
}

.summary[data-sponsored=true] {
    --color: #69cbff
}

.summary .name,
.summary .title {
    color: #fff;
}

.summary .name a,
.summary .title a {
    color: #fff;
}

.summary .job_title,
.summary .strapline {
    color: #d2d2d2;
}

.comments-bubble {
    color: #3dae4d;
}

.button.supporter {
    --button-color: #ce0a31
}

.button.close {
    --button-color: #ce0a31
}

.button.menu {
    --button-color: #339cda
}

.button.inverted.outline {
    --button-color: #333;
    --button-color-secondary: #ccc;
    --button-color-hover: #333
}

.button.outline:hover {
    --button-color: #339cda
}

.button.active,
.button:hover {
    border-color: #006bf9;
}

.for-you-homepage-promo p {
    color: #00a6ff;
}

.disclaimer {
    color: #928fae;
}

.supporter_promo {
    --supporters-promo-color: #ea284e;
    background-color: #202020;
}

.supporter_promo.digital_foundry_promo {
    --supporters-promo-color: #33b8ff
}

.supporter_promo .section_title {
    color: var(--supporters-promo-color)
}

.video_player .description {
    color: #dfdfdf;
}

.video_player .section_title,
.video_player .title a {
    color: #fff;
}

.video_player .playlist_item {
    background: var(--video-player-background, #000);
}

.video_player .playlist_item .playlist_title {
    color: var(--video-player-color, #fff);
}

.article_header .title {
    color: #fff;
}


.embed_placeholder {
    background: #1a1a1a;
}

.embed_placeholder button {
    color: #0f76ff;
}

.bbvms_sticky_wrapper {
    background: black !important;
}

form select {
    background-color: #000;
    color: #eee;
}

.article-styling h2,
.article-styling h3,
.article-styling h4,
.article-styling h5,
.article-styling h6 {
    color: #fff;
}

.article .inline-gallery-caption,
.article figcaption {
    color: #c4c4c4;
}

.recommendation {
    background: #000;
}

.recommendation__badge {
    background: #000;
    color: #09a9ff;
}

.recommendation__thumbnail {
    background: #3e3f40;
}

.recommendation__title {
    color: #d9d9d9;
}

.recommendation__strapline {
    color: #cecece;
}


.section_title {
    color: #0065ea;
}


.article-styling table {
    color: #fff;
}

.article-styling b,
.article-styling strong {
    color: #fff;
}

#comments .container .post .removed,
#comments .container .post .username .name {
    color: #ccc;
}

.username .scrim {
    color: #ccc;
}

body[data-version="mobile"] .nav_trending {
    background: #3a3a3a;
    color: #f0f0f0;
}

.nav_touch .touch_menu {
    background: #000;
    color: #fff;
}

.nav_touch .touch_menu .nav_commercial a[data-active=true],
.nav_touch .touch_menu .nav_primary a[data-active=true],
.nav_touch .touch_menu .nav_secondary a[data-active=true] {
    background: #2d3131;
    color: #fff;
}

.nav_touch .touch_menu .nav_commercial a[data-icon="codes"]::before {
    color: #9063ea;
}

.nav_touch .touch_menu .nav_commercial a[data-active="true"]::before, .nav_touch .touch_menu .nav_primary a[data-active="true"]::before, .nav_touch .touch_menu .nav_secondary a[data-active="true"]::before {
    color: #fff !important;
}

.nav_touch .touch_menu .nav_commercial a[data-icon]::before, .nav_touch .touch_menu .nav_primary a[data-icon]::before {
    color: #fff;
}

.nav_touch .touch_menu .nav_primary a[data-icon="digitalfoundry"]::before {
    filter: brightness(500%);
}

div[data-spotim-module="conversation"] > * {
    --spotim-color-scheme-l6: #fff;
    --spotim-color-scheme-l6-rgb: 127, 127, 127;
    --spotim-brand-color: #00a6ff;
    --spotim-color-scheme-l5: rgba(255, 255, 255, 0.65);
    --spotim-input-background-color: #000;
    --spotim-input-separator-color: #555;
    --spotim-message-separator-color: #4f4e4e;
}

.poll_wrapper[data-hydrated=true] {
    --poll-primary-color: #339cda;
    --poll-border-color: #ccc;
}

.poll_wrapper[data-hydrated="true"] .poll_container .poll_header .question {
    color: #ccc;
}

.poll_wrapper[data-hydrated="true"] .poll_container .poll_vote_wrapper {
    color: #ccc;
}

.poll_wrapper[data-hydrated="true"] .poll_container .poll_header .votes {
    color: #ccc;
}

.liveblog_coverage blockquote:not(.twitter-tweet, .tiktok-embed) {
    background: #151515;
}
}