/** * AngelsRising — dark mode (Rally Red). * * Activated via data-theme="dark" on (set by darkmode.js / the * anti-FOUC script in inc/darkmode.php). The red dome and rally banner keep * their brand colour; everything around them goes to a deep navy-black. */ [data-theme="dark"] { --ar-paper: #0C1119; --ar-card: #141B26; --ar-ink: #E9EDF3; --ar-ink-2: #AFBAC7; --ar-muted: #7F8B99; --ar-line: #232D3B; --ar-navy: #0A1420; --ar-navy-2: #12314F; --ar-sh-card: 0 10px 28px rgba(0, 0, 0, .4); --ar-sh-float: 0 22px 50px rgba(0, 0, 0, .5); --ar-sh-float-hover: 0 32px 64px rgba(0, 0, 0, .62); } [data-theme="dark"] body { background: var(--ar-paper); color: var(--ar-ink); } /* Headings and card titles (theme.json prints ink directly) */ [data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6, [data-theme="dark"] .ar-shead__title, [data-theme="dark"] .ar-fcard h3, [data-theme="dark"] .ar-riv h3, [data-theme="dark"] .is-style-card .ar-card__title a, [data-theme="dark"] .ar-pola h3 { color: #E9EDF3; } [data-theme="dark"] .ar-fcard:hover h3, [data-theme="dark"] .ar-riv:hover h3, [data-theme="dark"] .is-style-card .ar-card__title a:hover, [data-theme="dark"] .ar-pola:hover h3, [data-theme="dark"] .ar-wgt__list a:hover .ti { color: var(--ar-halo); } /* Category / section labels read brighter on dark */ [data-theme="dark"] .ar-meta__cat, [data-theme="dark"] .ar-meta .wp-block-post-terms a, [data-theme="dark"] .ar-riv__mt .cat, [data-theme="dark"] .ar-single__meta .wp-block-post-terms a { color: #FF5C77; } /* Surfaces */ [data-theme="dark"] .ar-fcard, [data-theme="dark"] .ar-river, [data-theme="dark"] .ar-wgt, [data-theme="dark"] .is-style-card, [data-theme="dark"] .ar-pola { background: var(--ar-card); border: 1px solid var(--ar-line); } [data-theme="dark"] .ar-riv:hover, [data-theme="dark"] .ar-wgt__list a:hover { background: rgba(255, 255, 255, .03); } [data-theme="dark"] .ar-river__more { background: rgba(255, 255, 255, .03); border-top-color: var(--ar-line); } [data-theme="dark"] .ar-river__more:hover { background: var(--ar-red); color: #fff; } [data-theme="dark"] .ar-shead__ball, [data-theme="dark"] .ar-arr, [data-theme="dark"] .ar-riv__go, [data-theme="dark"] .ar-wgt__list .n, [data-theme="dark"] .ar-wgt__team .lg, [data-theme="dark"] .ar-share__btn, [data-theme="dark"] .ar-single__tagsrow .wp-block-post-terms a, [data-theme="dark"] .wp-block-query-pagination a, [data-theme="dark"] .wp-block-query-pagination .wp-block-query-pagination-numbers .current { background: var(--ar-card); border-color: var(--ar-line); color: var(--ar-ink); } [data-theme="dark"] .ar-shead__more { background: rgba(228, 18, 59, .16); color: #FF7A90; } [data-theme="dark"] .ar-shead__more:hover { background: var(--ar-red); color: #fff; } [data-theme="dark"] .ar-chip { background: rgba(228, 18, 59, .16); color: #FF7A90; } [data-theme="dark"] .ar-chip.is-gold { background: rgba(255, 197, 61, .16); color: var(--ar-halo); } [data-theme="dark"] .ar-tbl tr.is-us { background: rgba(228, 18, 59, .1); } [data-theme="dark"] .ar-tbl tr.is-us td { color: var(--ar-halo); } /* Article body */ [data-theme="dark"] .ar-article-body .wp-block-post-content blockquote { background: var(--ar-card); color: var(--ar-ink); } [data-theme="dark"] .ar-related { background: #0A1018; border-top-color: var(--ar-line); } /* Search fields */ [data-theme="dark"] .ar-main .wp-block-search__inside-wrapper { background: var(--ar-card); border-color: var(--ar-line); } [data-theme="dark"] .ar-main .wp-block-search__input { color: var(--ar-ink); } /* Footer sits a touch deeper than the page */ [data-theme="dark"] .ar-footer { background: #0A1018; } /* Newer components */ [data-theme="dark"] .ar-tile { background: var(--ar-card); border: 1px solid var(--ar-line); border-left: 3px solid var(--ar-red); } [data-theme="dark"] .ar-tile:hover .nm { color: var(--ar-halo); } [data-theme="dark"] .ar-poll, [data-theme="dark"] .ar-comment, [data-theme="dark"] .ar-authorbox { background: var(--ar-card); border: 1px solid var(--ar-line); } [data-theme="dark"] .ar-authorbox { border-left: 4px solid var(--ar-red); } [data-theme="dark"] .ar-poll__opt { background: rgba(255, 255, 255, .03); border-color: var(--ar-line); color: var(--ar-ink); } [data-theme="dark"] .ar-poll__opt .fill { background: linear-gradient(90deg, rgba(228, 18, 59, .35), rgba(228, 18, 59, .18)); } [data-theme="dark"] .ar-poll__opt .pct { color: #FF7A90; } [data-theme="dark"] .ar-leaders__cat .vl { color: var(--ar-halo); } [data-theme="dark"] .ar-linescore .t { color: var(--ar-halo); } [data-theme="dark"] .ar-linescore tbody th { color: var(--ar-ink); } [data-theme="dark"] .ar-comment__who .wp-block-comment-author-name a { color: var(--ar-ink); } [data-theme="dark"] .ar-commentform input[type="text"], [data-theme="dark"] .ar-commentform input[type="email"], [data-theme="dark"] .ar-commentform input[type="url"], [data-theme="dark"] .ar-commentform textarea { background: rgba(255, 255, 255, .04); border-color: var(--ar-line); color: var(--ar-ink); } [data-theme="dark"] .ar-crumbs [aria-current] { color: var(--ar-ink-2); } /* The dome and rally banner stay brand red — just slightly deeper */ [data-theme="dark"] .ar-dome { background: radial-gradient(ellipse at 18% -12%, #C4082B 0%, transparent 52%), radial-gradient(ellipse at 92% 8%, #A80725 0%, transparent 44%), linear-gradient(168deg, #96001B 30%, #4E000E 100%); } [data-theme="dark"] .ar-rally { background: radial-gradient(circle at 88% -10%, rgba(255, 197, 61, .34), transparent 42%), radial-gradient(circle at 0% 110%, rgba(255, 255, 255, .1), transparent 40%), linear-gradient(120deg, #C4082B, #96001B 45%, #4E000E); }