Primedice 4 Dark Theme

/*
//  PD4 Dark Theme
//  Created by Serlite
//
//  - Creates a more night-friendly interface using dark, muted colours
//  - To run, open your console (usually F12 > Console), paste it into the textbox, and press Enter
*/

var lightBackgroundColor = "#393939";
var midBackgroundColor = "#2B2B2B";
var backgroundColor = "#222";

var lightTextColor = "#CCC";
var textColor = "#B9B9B9";
var darkTextColor = "#888";

var linkColor = "#5fa0f1";

var confirmColor = "#3e4961";
var confirmHoverColor = "#445579";

var disabledColor = "#CCC";
var disabledHoverColor = "#EEE";
var disabledTextColor = "#474c6c";

var brandColor = "#49505d";
var dangerColor = "rgb(188, 82, 104)";
var successColor = "#b3ce84";

loadjQuery();
initializeTheme();

// Adds jQuery to document if needed
function loadjQuery(){
  if (!window.jQuery){
    var script = document.createElement("SCRIPT");
    script.src = 'https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js';
    script.type = 'text/javascript';
    document.getElementsByTagName("head")[0].appendChild(script);
  }
}

function initializeTheme(){
  // Give time for jQuery to load
  if (!window.jQuery){
    setTimeout(initializeTheme, 500);
  }
  else{
    jQuery("head").append(
      '<style>'+

      // Control styles
      ' .chat__nav__submenu__sub__item button.accept, .account .btn__logout, .api .btn__logout, .btn, .chat__footer__menu__buttons button, .faq .btn__logout, .hall .btn__logout, .chat__footer__meta input, .dice__control button, .index__home__indicator__button{'+
      '   background:' + confirmColor +';'+
      '   color:' + lightTextColor +';'+
      ' }'+
      ' .btn:hover, .dice__control button:hover, .chat__footer__menu__buttons button.on:hover, .chat__nav__submenu__sub__item button.accept:hover{'+
      '   background:' + confirmHoverColor +';'+
      ' }'+
      ' .account .off.btn__logout, .api .off.btn__logout, .btn.off, .chat__footer__menu__buttons button.off, .faq .off.btn__logout, .hall .off.btn__logout, .dice__control__switch button.off, .chat__nav__submenu__sub__item button.decline{'+
      '   background:' + disabledColor +';'+
      '   color:' + disabledTextColor +';'+
      ' }'+
      ' .dice__control__switch button.off:hover, .chat__nav__submenu__sub__item button.decline:hover{'+
      '   background:' + disabledHoverColor +';'+
      ' }'+
      ' .dice__control button{'+
      '   border-right: 1px solid #475a75;'+
      ' }'+
      ' .checkbox__wrap p {'+
      '   color:' + textColor +';'+
      ' }'+
      ' .input{'+
      '   background:' + lightBackgroundColor +';'+
      '   color:' + textColor +';'+
      ' }'+
      ' .input::placeholder{'+
      '   color:' + textColor +';'+
      ' }'+
      ' button.user-mute{'+
      '   background:' + confirmColor +' !important;'+
      '   color:' + lightTextColor +';'+
      ' }'+
      ' button.user-mute-perm{'+
      '   background:' + dangerColor +' !important;'+
      '   color:' + lightTextColor +';'+
      ' }'+

      // Chat styles
      ' .chat__nav, .chat__channel, .chat__channel__message__tool-tip, .chat__nav__item__tool-tip, .chat__nav__submenu, .chat__footer, .chat__footer__menu{'+
      '   background:' + backgroundColor +';'+
      '   color:' + textColor +';'+
      ' }'+
      ' .chat__nav__submenu{'+
      '   background:' + backgroundColor +';'+
      '   color:' + darkTextColor +';'+
      ' }'+
      ' .chat__channel__message__meta, .chat__nav__submenu__header p, .chat__nav__submenu__sub__item button.decline, .chat__footer__menu__heading{'+
      '   color:' + darkTextColor +';'+
      ' }'+
      ' .chat__channel__message__meta__msg, .chat__nav__submenu__sub__item p, .chat__nav__submenu__header__cancel, .chat__footer__meta__status {'+
      '   color:' + textColor +';'+
      ' }'+
      ' .chat__channel__message strong{'+
      '   color:' + linkColor +';'+
      ' }'+
      ' .chat__channel__message__meta__timestamp{'+
      '   opacity:0.75;'+
      ' }'+
      ' .chat__nav__item:after{'+
      '   border: none;'+
      ' }'+

      // Main styles
      ' .nav__main, .footer{'+
      '   background:' + brandColor +';'+
      '   background-image: none !important;'+
      ' }'+
      ' .index__home{'+
      '   background:' + midBackgroundColor +';'+
      '   background-image: none !important;'+
      ' }'+
      ' .index, .index__home__dice__tab__item.active, .index__home__dice__tab__item:hover, .index__home__dice__card__bet-ui, .index__game-stats, .account, .api, .faq, .hall{'+
      '   background:' + backgroundColor +';'+
      '   color:' + textColor +';'+
      ' }'+
      ' .index__home__dice__tab__item, .dice__control input, .index__home__dice__stats, .index__home__dice__wrap__option__rolls, .index__home__dice__wrap__option__rolls input{'+
      '   background:' + lightBackgroundColor +';'+
      '   color:' + textColor +' !important;'+
      ' }'+
      ' .dice__control__label, .account-label__soft{'+
      '   color:' + darkTextColor +';'+
      ' }'+
      ' .nav{'+
      '   color:' + lightTextColor +';'+
      ' }'+
      ' .index__home__dice__wrap__option__profit, .index__home__dice__stats .state, .index__home__dice__stats__item__info__drop-down__data span, .index__home__dice__stats__item__info__drop-down__data span:after{'+
      '   color:' + textColor +';'+
      ' }'+
      ' .index__game-stats__table div li{'+
      '   background:' + backgroundColor +' !important;'+
      '   color:' + textColor +';'+
      ' }'+
      ' .index__home__dice__stats__item{'+
      '   background:' + lightBackgroundColor +' !important;'+
      '   border-radius:0;'+
      ' }'+
      ' .index__home__indicator.is-reversed .index__home__indicator__inner, .index__game-stats__list__unread{'+
      '   background:' + dangerColor +';'+
      ' }'+
      ' .index__home__indicator.is-reversed{'+
      '   background:' + successColor +';'+
      ' }'+
      ' .index__big-stats__carousel__item__amount, .index__big-stats__carousel__item__amount, .index__big-stats__carousel__item__amount {'+
      '   color:' + successColor +';'+
      ' }'+

      // Subpage styles
      ' .account__affiliate__nav a.active{'+
      '   background:' + backgroundColor +';'+
      '   color:' + textColor +';'+
      ' }'+
      ' .account__nav{'+
      '   background:' + midBackgroundColor +';'+
      '   background-image: none !important;'+
      ' }'+
      ' .account__footer, .account__footer:after, .account__footer:before{'+
      '   background:' + midBackgroundColor +';'+
      ' }'+
      ' .account__statistics__wrap, .hall__periods a.active, .hall__periods a:hover{'+
      '   background:' + lightBackgroundColor +';'+
      ' }'+
      ' .account__affiliate__nav a{'+
      '   color:' + textColor +';'+
      ' }'+
      ' .account__affiliate__nav a:hover{'+
      '   color:' + textColor +';'+
      ' }'+
      ' .account__affiliate__dashboard > p{'+
      '   color:' + darkTextColor +' !important;'+
      '   opacity: 1 !important;'+
      ' }'+
      ' .account__list.is-even li:nth-child(2n), .is-even.hall__list li:nth-child(2n){'+
      '   background:' + lightBackgroundColor +' !important;'+
      '   color:' + textColor +';'+
      ' }'+

      // Modal styles
      ' .bet-info__modal__content__wrap, .account__statistics__stat, .account__achievements__wrap, .modal__content, .fair__modal__content__footer, .deposit__modal__content__footer{'+
      '   background:' + backgroundColor +' !important;'+
      '   color:' + textColor +';'+
      ' }'+
      ' .fair__modal__content__footer__look-up input{'+
      '   background:' + lightBackgroundColor +';'+
      '   color:' + textColor + ';'+
      ' }'+
      ' .bet-info__modal__content__target, .bet-info__modal__content__target__tooltip{'+
      '   background:' + backgroundColor +';'+
      ' }'+
      ' .bet-info__modal__content__stats, .bet-info__modal__content p.bet-info__modal__content__footer__description, .hot-keys__modal__content__key p, .withdraw__modal__content__coins__label span, .withdraw__modal__content__coins__label span{'+
      '   color:' + textColor +';'+
      ' }'+
      ' .bet-info__modal__content p, .hot-keys__modal__content__desc, .withdraw__modal__content p, .deposit__modal__content__extra, .fair__modal__content p, .fair__modal__content__footer strong, .password__modal__content p{'+
      '   color:' + darkTextColor +';'+
      ' }'+
      ' .bet-info__modal__content__target__line{'+
      '   background:' + dangerColor +';'+
      ' }'+

      '</style>'
    );
  }
}