blaseball-light-mode.user.css

/* ==UserStyle==
@name        Blaseball Light Mode (DISCONTINUED; Use official light mode!)
@namespace   holmesmr.github
@version     0.0.5
@author       cepheus (https://github.com/holmesmr)
@homepageURL  http://holmesmr.github.io/Blaseball-Userstyles/
@license     Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) 
==/UserStyle== */

@-moz-document domain("blaseball.com") {
    body,
    .Main,
    .Main-Body,
    .Main-Body-Intro,
    .Header-Logo {
        background: #fff;
        color: #000;
    }
    .About-Ticket,
    .About-QuoteAuthor {
        color: #a69309;
    }
    .About-Ticket :hover,
    .About-Ticket:hover {
        color: #000;
    }
    .Navigation,
    .Navigation-Header,
    .Navigation-Header-SubEra {
        color: #000;
        background: #fff;
    }
    .EventTicker-Display,
    .EventTicker-Item,
    .Navigation-CurrencyButton,
    .Navigation-Button {
        background: rgba(225, 225, 225, .64);
        color: #000
    }
    .Header-Social-Patreon-Inner,
    .Header-Social-Follow-Inner {
        background: #e0e0e0;
    }
    .Header-Social-Patreon-Icon,
    .Header-Social-Follow-Inner {
        color: #555;
    }
    .Header-Social-Patreon-Icon:hover,
    .Header-Social-Follow-Inner a:hover {
        color: #000;
    }
    /* Follow container chevron */
    .Header-Social-Follow-Triangle {
        border-top-color: #e0e0e0;
    }
    .Navigation-CurrencyButton:hover,
    .Navigation-Button:hover {
        border-color: #000;
        color: #000;
    }
    .Navigation-Button.Navigation-Button-Current {
        color: #fff;
        background: #000;
    }
    .Navigation-Bar-Menu {
        color: #000;
    }
    .Navigation-Bar-Menu-Toggle {
        background: #eee;
    }
    .Navigation-Bar-Menu-Toggle:after {
        border-top-color: #000;
    }
    .Navigation-Bar-Menu-List {
        background: #eee;
    }
    .Navigation-Bar-Menu-List .Navigation-CurrencyButton,
    .Navigation-Bar-Menu-List .Navigation-Button {
        background: rgba(208, 208, 208, .64);
    }
    /* fix SVG resizing issue */
    .Navigation-Bar-Menu-List svg {
        min-width: 1em;
    }
    .Countdown {
        color: #000;
    }
    .Countdown > .Countdown-Number {
        color: #fff;
        background: #000;
    }
    .Main-Footer-Link {
        color: #777;
    }
    .Main-Footer-Link:hover {
        color: #000;
    }
    .btn.btn-success {
        border-color: transparent;
    }
    /**** FRONT PAGE ****/
    .About-Body-Container {
        background: rgba(225, 225, 225, .64);
    }
    .Hiatus-Body a {
        color: #a69309;
    }
    .BigDeal-Icon {
        color: #000;
    }
    /**** STANDINGS ****/
    .Stubs-Body,
    .Standings-Division-Header {
        color: #666;
    }
    .Standings-Team:nth-child(2n+1) {
        background: rgba(225, 225, 225, .64);
    }
    .Standings-Team:hover {
        background: rgba(154, 154, 154, .64);
    }
    /* Standings colour picks are best suited for dark */
    .Standings-Team-Standings {
        -webkit-filter: brightness(60%);
        filter: brightness(60%);
    }
    /**** SHOPPING/DECREES ****/
    .Shop-Description,
    .Offseason-Description {
        color: #666;
    }
    .Shop-Item,
    .Decrees-Option,
    .Blessings-Option {
        background: rgba(210, 210, 210, .64);
        color: #000;
    }
    .Decrees-Option .Decrees-Option-Icon,
    .Blessings-Option .Blessings-Option-Icon {
        fill: #000;
    }
    .Decrees-Option-Button,
    .Blessings-Option-Button {
        background: #000;
        color: #fff;
    }
    .Decrees-Option:hover,
    .Blessings-Option:hover {
        color: #222;
    }
    .Decrees-Option:hover .Decrees-Option-Icon {
        fill: #222;
    }
    .Decrees-Option.Decrees-Option-Current,
    .Blessings-Option.Blessings-Option-Current {
        background: #000;
        color: #fff;
        filter: none;
        -webkit-filter: none;
    }
    .Decrees-Option.Decrees-Option-Current .Decrees-Option-Icon {
        fill: #fff;
    }
    .Decrees-Option.Decrees-Option-Current .Decrees-Option-Button,
    .Blessings-Option.Blessings-Option-Current .Blessings-Option-Button {
        background: #fff;
        color: #000;
    }
    /**** GAMES DISPLAY ****/
    .Advertisement-SiteHeader,
    .Advertisement-SiteHeader-Callout:hover,
    .DailySchedule-Body,
    .GodsDay-Body {
        color: #666;
    }
    .Advertisement-SiteHeader-Callout {
        color: #000;
    }
    .GameWidget {
        background: none;
    }
    .GameWidget-PlayerStatusIcon {
        filter: invert(100%);
    }
    .GameWidget-Upcoming-Info,
    .GameWidget-Upcoming-Header,
    .GameWidget-Upcoming-Bets,
    .GameWidget-Header-Wrapper,
    .GameWidget-Header,
    .GameWidget-Display-Visual,
    .GameWidget-Log,
    .GameWidget-Display-Body .GameWidget-Log,
    .GameWidget-Log-Header,
    .GameWidget-Outcome,
    .Recap-Decree-Container,
    .Recap-Blessing-Container {
        background: rgba(208, 208, 208, .64);
    }
    .GameWidget-Upcoming-Label,
    .GameWidget-Upcoming-Weather {
        color: #000;
    }
    .GameWidget-Upcoming-Favorites-Team,
    .GameWidget-ScoreName,
    .GameWidget-WinChance,
    .GameWidget-Outcome-Callout {
        -webkit-filter: brightness(60%);
        filter: brightness(60%);
    }
    .GameWidget-ScoreRecord,
    .Recap-Decree-Votes,
    .Recap-Blessing-Votes {
        color: #666;
    }
    .GameWidget-Status {
        color: #fff;
    }
    .GameWidget-Outs-Label,
    .GameWidget-PlayerStatusLabel {
        color: #000;
    }
    .GameWidget-Outs-Dots {
        color: #000;
    }
    .GameWidget-Bases svg .st0 {
        stroke: #000;
    }
    .GameWidget-Bases.first #base1,
    .GameWidget-Bases.second #base2,
    .GameWidget-Bases.third #base3 {
        fill: #000;
    }
    .GameWidget-ScoreBet-Bet {
        background: #adadad;
    }
    .GameWidget-ScoreBet-Triangle {
        border-left-color: #adadad;
    }
    /**** MODALS ****/
    .Modal-Background {
        background: rgba(0, 0, 0, 0.6)
    }
    .Modal--Generic {
        border-color: #000;
        background: #fff;
        color: #000;
    }
    .Modal-Close {
        color: #000;
    }
    .Modal.Auth .Auth-Input {
        border-color: #000;
        color: #000;
    }
    .Modal.Auth .Auth-Submit,
    .Modal.Auth .Auth-SocialAuth {
        background: #000;
        color: #fff;
    }
    .Modal.Auth .Auth-Input::placeholder {
        color: #000;
    }
    #root .Bet,
    #root .Team-Info {
        color: #000;
    }
    #root .Bet select {
        background: rgba(208, 208, 208, .64);
        color: #000;
    }
    #root .Bet-Form-Inputs-Amount {
        background: rgba(208, 208, 208, .64);
    }
    #root .Bet-Form-Inputs-Amount input[type="number"] {
        color: #000;
    }
    #root .Bet-Form-Inputs-Amount-MaxBet,
    #root .Bet-Coin-Wrapper,
    #root .Team-Subheader {
        color: #666;
    }
    #root .Player-Info-Line {
        color: #000;
    }
    #root .Player-Info-Bio,
    #root .Player-Info-Stats {
        background: none;
    }
    #root .Player-Info-Line:nth-child(2n) {
        background: none;
    }
    #root .Player-Info-Line:nth-child(2n+1) {
        background: rgba(225, 225, 225, .64);
    }
    #root .Player-Info-Items-Box {
        background: rgba(208, 208, 208, .64);
    }
    #root .Team-Player-Line {
        color: #000;
    }
    #root .Team-Player-Line:nth-child(2n+1) {
        background: rgba(225, 225, 225, .64);
    }
    #root .Team-Player-Vibe-Neutral,
    #root .Player-Vibe-Neutral {
        color: #888;
    }
    #root .Team-Player-Vibe-Quality,
    #root .Player-Vibe-Quality {
        color: #81a767;
    }
    #root .Team-Player-Vibe-Excellent,
    #root .Player-Vibe-Excellent {
        color: #56ad54;
    }
}