TR: Dark and Blue NEW by ww2beta

/* ==UserStyle==
@name         TR:Dark Icy
@version      20220729.04.15
@namespace    userstyles.world/user/ww2beta
@description  This is a makeover for the new responsive Dark theme for TR. Make sure you're not on the Classic TR theme while using this theme, this will only work if you are on TR's responsive dark theme.
@author       ww2beta
@license      No License
==/UserStyle== */

@-moz-document domain("typeracer.com") {
body.winterTheme .mainMenu .enterRace .prompt-button, body.winterTheme .mainMenu .enterRace .mainViewport table.navControls tr td:nth-child(1) a.gwt-Anchor, .mainViewport table.navControls tr td:nth-child(1) body.winterTheme .mainMenu .enterRace a.gwt-Anchor, body.winterTheme .mainMenu .enterRace .mainViewport table.navControls tr td:nth-child(2) .raceAgainLink, .mainViewport table.navControls tr td:nth-child(2) body.winterTheme .mainMenu .enterRace .raceAgainLink, body.winterTheme .mainMenu .enterRace .mainViewport table.textInfoView>tbody>tr .tblOwnStats .ScoreMenuButton>tbody>tr, .mainViewport table.textInfoView>tbody>tr .tblOwnStats body.winterTheme .mainMenu .enterRace .ScoreMenuButton>tbody>tr {
    background-color: 
        #3577ff;
}

body.winterTheme .mainMenu .practice .prompt-button, body.winterTheme .mainMenu .practice .mainViewport table.navControls tr td:nth-child(1) a.gwt-Anchor, .mainViewport table.navControls tr td:nth-child(1) body.winterTheme .mainMenu .practice a.gwt-Anchor, body.winterTheme .mainMenu .practice .mainViewport table.navControls tr td:nth-child(2) .raceAgainLink, .mainViewport table.navControls tr td:nth-child(2) body.winterTheme .mainMenu .practice .raceAgainLink, body.winterTheme .mainMenu .practice .mainViewport table.textInfoView>tbody>tr .tblOwnStats .ScoreMenuButton>tbody>tr, .mainViewport table.textInfoView>tbody>tr .tblOwnStats body.winterTheme .mainMenu .practice .ScoreMenuButton>tbody>tr {
    background-color: #3577ff;
}

body.winterTheme .mainMenu .friends .prompt-button, body.winterTheme .mainMenu .friends .mainViewport table.navControls tr td:nth-child(1) a.gwt-Anchor, .mainViewport table.navControls tr td:nth-child(1) body.winterTheme .mainMenu .friends a.gwt-Anchor, body.winterTheme .mainMenu .friends .mainViewport table.navControls tr td:nth-child(2) .raceAgainLink, .mainViewport table.navControls tr td:nth-child(2) body.winterTheme .mainMenu .friends .raceAgainLink, body.winterTheme .mainMenu .friends .mainViewport table.textInfoView>tbody>tr .tblOwnStats .ScoreMenuButton>tbody>tr, .mainViewport table.textInfoView>tbody>tr .tblOwnStats body.winterTheme .mainMenu .friends .ScoreMenuButton>tbody>tr {
    background-color: #3577ff;
}


.userInfo .profilePicContainer .upgradeButton {
    position: absolute;
    color: #95eaf9 !important;
    background-color: #3577ff;
    font-weight: 700 !important;
}

.DialogBox.trPopupDialog .Caption {
    white-space: normal;
    color: #95eaf9;
}

.userNameLabel {
    text-transform: none;
    color: #95eaf9;
}


.DialogBox.trPopupDialog {
    -webkit-box-shadow: 1px 2px 7px #205071;
    box-shadow: 1px 2px 7px #3577ff;
    background-color: #fff;
    padding: 1em;
    max-width: 92%;
}

.nonHideableWords, .inputPanel span {
    letter-spacing: 0.35px;
    word-spacing: 1px;
    line-height: 28px;
    font-size: 22.2px !important;
    font-family: 'Arial';
}

body.redesigndark .mainViewport table.inputPanel {
    background-color: #111;
    border-color: #111;
}

.mainViewport table.inputPanel .txtInput {
    font-weight: 500;
    font-family: 'Arial';
    border: 1px solid #3577ff;
    background: #3577ff;
    margin-top: 0.5em;
    text-align: justify;
    color: #999999;
    font-size: 20px;
    width: 100%;
}

/* */

.inputPanel {
    color: #3577ff;
}

body.redesigndark .mainViewport table.inputPanel .txtInput {
    border-color: #3B3B3B;
    background-color: #222;
    color: #3577ff;
}

body.redesigndark {
    background-color: #222;
    color: #eaeaea;
}


body.redesigndark #userInfo .userData .userStats .stat {
    background-color: #1354d8;
}

body.redesigndark a {
    color: #95eaf9;
}

body.redesigndark .container .OptionsWidget .OptionsWidgetBody li .gwt-Anchor {
    color: #3577ff;
}

body.redesigndark .mainViewport table.textInfoView>tbody>tr>td .textInfoAuthor {
    color: #3577ff;
    border-color: #3B3B3B;
}

body.redesigndark .mainViewport table.textInfoView>tbody>tr>td .textInfoContributor {
    color: #3577ff;
    border-color: #3B3B3B;
}

body.redesigndark .mainViewport table.textInfoView>tbody>tr>td .textInfoContributor a {
    color: #3577ff;
}

body.redesigndark .gwt-TabBar .gwt-TabBarItem {
    color: #3577ff;
}

body.redesigndark .StatsTable .userNameLabel {
    color: #3577ff;
}

body.redesigndark .mainViewport table.TypingLogReplayPlayer>tbody>tr:nth-child(3) .statusIndicator, .mainViewport body.redesigndark table.TypingLogReplayPlayer>tbody>tr:nth-child(3) .statusIndicator {
    color: #3577ff;
    border-color: #3B3B3B;
}

body.redesigndark .mainViewport div.TypingDisplaySection .acceptedChars {
    color: #3577ff;
    border-right-color: white;
}

body.redesigndark .DialogBox.trPopupDialog a {
    color: #3577ff;
}

body.redesigndark .sidebarBlocks-prev, body.redesigndark .sidebarBlocks-next {
    background-color: #1354d8;
}

body.redesigndark .sidebarBlocks-prev, body.redesigndark .sidebarBlocks-next {
    background-color: #1354d8;
}

body.redesigndark .mainViewport table.inputPanel table tr:nth-child(2) .gwt-Anchor {
    color: #95eaf9;
}

.userInfo .userData .userStats a {
    color: #fff;
}



.mainViewport table.navControls tr td:nth-child(2) .raceAgainLink {
    display: inline-block;
    font-size: 100%;
    background-color: #1354d8;
}


.prompt-button.bkgnd-green, .mainViewport table.navControls tr td:nth-child(1) a.bkgnd-green.gwt-Anchor, .mainViewport table.navControls tr td:nth-child(2) .bkgnd-green.raceAgainLink, .mainViewport table.textInfoView>tbody>tr .tblOwnStats .ScoreMenuButton>tbody>tr.bkgnd-green {
    color: #fff;
    background-color: #1354d8;
}



.prompt-button.bkgnd-blue, .mainViewport table.navControls tr td:nth-child(1) a.bkgnd-blue.gwt-Anchor, .mainViewport table.navControls tr td:nth-child(2) .bkgnd-blue.raceAgainLink, .mainViewport table.textInfoView>tbody>tr .tblOwnStats .ScoreMenuButton>tbody>tr.bkgnd-blue {
    background-color: #1354d8;
}


.prompt-button.bkgnd-purple, .mainViewport table.navControls tr td:nth-child(1) a.bkgnd-purple.gwt-Anchor, .mainViewport table.navControls tr td:nth-child(2) .bkgnd-purple.raceAgainLink, .mainViewport table.textInfoView>tbody>tr .tblOwnStats .ScoreMenuButton>tbody>tr.bkgnd-purple {
    background-color: #1354d8;
}

body.redesigndark .mainViewport .scoreboard .row .progressBarContainer .progressBar {
    border-color: #95eaf9;
}


.highScoresFooter .lnkRefresh {
    font-style: normal;
    display: inline-block;
    padding: 0.8em 4em 0.8em 1.5em;
    color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyxpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIEVsZW1lbnRzIDE0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ2RTI1QkYzRjc4NzExRTdCMTk5RkRFNERENkVGMTRDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ2RTI1QkY0Rjc4NzExRTdCMTk5RkRFNERENkVGMTRDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDZFMjVCRjFGNzg3MTFFN0IxOTlGREU0REQ2RUYxNEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDZFMjVCRjJGNzg3MTFFN0IxOTlGREU0REQ2RUYxNEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5unpUgAAAA60lEQVR42qRTgRGCMAwMngvUEXAEVmCFruAKOIKOUEfAEWAEHAFGgBFqCo8Xa4re+Xd/aa/5JG0T8t5TxJLpmL1fMDI7ZsU0wq8Ieyk0EG4hBLNIEtZOBmgUQQ/HFNyOFjhmifXEPDMPzKOwd9KAu8gSC+Vd1rdRK7Ai3pX5UPIUzForYA/bwt5Ix5QI3GahvH8QKjBgnHHa0OWwA4mGif+bEqyEn6XE/14SYhP1Ra4FaDay18Kvnt8v1WGiHwx6oIuumMcBRv877FoVQdggU/VF2KOa17WyeSTfvyzsT5iNHGcDZuFjHp4CDABVf1Xa2XbHQAAAAABJRU5ErkJggg==) #1354d8 no-repeat right 2em center;
}




.statsView .gwt-TabPanel .gwt-TabBar.StatsViewTabs tbody .gwt-TabBarItem-wrapper .gwt-TabBarItem>.gwt-Label.Latest_High_Scores {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAYAAAACsSQRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyxpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIEVsZW1lbnRzIDE0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRBNDhDNzQzRjgzNDExRTc4NkU0RDJDNzA4QTIwQjAxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRBNDhDNzQ0RjgzNDExRTc4NkU0RDJDNzA4QTIwQjAxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REE0OEM3NDFGODM0MTFFNzg2RTREMkM3MDhBMjBCMDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REE0OEM3NDJGODM0MTFFNzg2RTREMkM3MDhBMjBCMDEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7b4EguAAAAcElEQVR42mL4//9/+X/KQDkjiGRgYJgFxGcZSAfGQJzGAu...