// ==UserScript==
// @name         Surviv.io - Dark Theme
// @namespace    http://tampermonkey.net/
// @version      2.0
// @icon         https://media.discordapp.net/attachments/828306103448109097/871941998393831454/svgviewer-png-output_1.png
// @description  The original script was not owned by me, i just remake it for 2021.
// @author       Samer Kizi#8293
// @grant        GM_setValue
// @grant        GM_getValue
// @grant        GM_addValue
// @grant        GM_addStyle
// @grant        GM_getResourceText
// @run-at       document-end
// @match        *://surviv.io/*
// @match        https://surviv.io
// @match        https://surviv.io/*
// @downloadURL none
// ==/UserScript==
confirm('Dark-theme: Please use tampermonkey to make it work perfectly!');
["#ui-spectate-options-wrapper","#ui-stats-header","#modal-customize-unlocks","#team-code","#invite-link-text","#invite-code-text",".index-offer-time-left-text","#pass-buy-btn","#missions-name","#free-gp-offer",".pass-premium-icon",".pass-basic-row",".pass-premium-row",".pass-title","#social-share-block-wrapper","#btn-support",".account-loading-container","#start-overlay","#start-top-left",".ad-block-left-bottom",".ad-block-med-rect",".ad-block-leaderboard-bottom","#ui-spectate-ad-container-desktop","#ui-spectate-video-ad-container-desktop","#ui-stats-ad-container-desktop"].forEach(x=>document.querySelector(x).remove());
document.getElementById("start-main").style = "margin-top:100px;";
document.getElementById("btn-news").style = "border-radius:0px; background-color:#221E23; border-bottom:none; box-shadow:0 3px 0 #010003; margin-right:-2px; margin-top:3px;";
document.getElementById("start-menu").style = "width:300px; height:260px; border-radius:0px; margin-top:200px;";
document.getElementById("start-row-top").style = "margin-left:440px;";
document.getElementById("left-column").style = "margin-right:-330px;";
document.getElementById("pass-block").style = "height:175px; border-radius:0px;";
document.getElementById("team-menu").style = "margin-left:-180px;";
document.getElementById("server-warning").style = "background-image:none; background-color:rgba(250,250,0,0.3); height:40px; line-height:40px; width:500px; border-radius:40px; bottom:-45px;";
document.getElementById("boost-warning").style = "font-size:16px; margin:12px auto 12px; background:rgba(0,250,250,0.2);";
document.getElementById("btn-team-leave").style = "font-size:20px;";
document.getElementById("team-url").style = "border-radius:0px; width:550px; height:26px; margin-left:17px; line-height:22px;";
document.getElementById("news-block").style = "background:rgba(0,0,0,0);";
document.getElementById("ui-stats-contents-inner").style = "background-color:rgba(0,0,0,0);";
document.getElementById("ui-stats-info-box").style = "margin-top:120px;";

GM_addStyle(`
#start-row-header::before {
      content: """";
      background-image: url(http://surviv.io/img/surviv_logo_full.svg);
      position: absolute;
      height: 100%;
      width: 100%;
      background-repeat: no-repeat;
      background-position: 50%;
    background-size: inherit;
    top: 0px;
    filter: drop-shadow(4px 4px 0px #f00);
    animation: glitch-loop-1 0.7s infinite ease-in-out;
}

#start-row-header::after {
    content: """";
    background-image: url(http://surviv.io/img/surviv_logo_full.svg);
    position: absolute;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: inherit;
    top: 0px;
    filter: drop-shadow(5px -5px 0px #00f);
    animation: glitch-loop-2 0.3s infinite ease-in-out alternate-reverse;
}


@keyframes glitch-loop-1 {
  0% { clip-path: inset(100% 100%) }

  1% { left: -1.0%; clip-path: inset(15% 0% 80% 0%) }
  5% { left: 0.0%; clip-path: inset(25% 0% 70% 0%) }
  5.1% { clip-path: inset(100% 100%) }

  11% { left: 1.0%; clip-path: inset(90% 0% 10% 0%) }
  15% { left: 0.5%; clip-path: inset(85% 0% -20% 0%) }
  15.1% { clip-path: inset(100% 100%) }

  31% { left: -1.0%; clip-path: inset(40% 0% 50% 0%) }
  35% { left: -0.5%; clip-path: inset(50% 0% 40% 0%) }
  35.1% { clip-path: inset(100% 100%) }

  41% { left: -0.5%; clip-path: inset(-500% 0% 95% 0%) }
  45% { left: 1.5%; clip-path: inset(500% 0% 85% 0%) }
  45.1% { clip-path: inset(100% 100%) }

  61% { left: -1.5%; clip-path: inset(40% 0% 50% 0%) }
  65% { left: 0.5%; clip-path: inset(30% 0% 45% 0%) }
  65.1% { clip-path: inset(100% 100%) }

  81% { left: 0.5%; clip-path: inset(66% 0% 11% 0%) }
  85% { left: 1.0%; clip-path: inset(77% 0% 77% 0%) }
  85.1% { clip-path: inset(100% 100%) }

  100% { clip-path: inset(100% 100%) }
}

@keyframes glitch-loop-2 {
  0% { clip-path: inset(100% 100%) }

  1% { left: 1.0%; clip-path: inset(55% 0% 33% 0%) }
  5% { left: 0.5%; clip-path: inset(66% 0% 33% 0%) }
  5.1% { clip-path: inset(100% 100%) }

  11% { left: -1.0%; clip-path: inset(-200% 0% 300% 0%) }
  15% { left: 0.5%; clip-path: inset(70% 0% 23% 0%) }
  15.1% { clip-path: inset(100% 100%) }

  31% { left: 1.0%; clip-path: inset(10% 0% 74% 0%) }
  35% { left: 0.5%; clip-path: inset(30% 0% 70% 0%) }
  35.1% { clip-path: inset(100% 100%) }

  41% { left: 1.0%; clip-path: inset(200% 0% -100% 0%) }
  45% { left: -1.5%; clip-path: inset(30% 0% 500% 0%) }
  45.1% { clip-path: inset(100% 100%) }

  61% { left: 1.5%; clip-path: inset(56% 0% 36% 0%) }
  65% { left: -0.5%; clip-path: inset(60% 0% 31% 0%) }
  65.1% { clip-path: inset(100% 100%) }

  81% { left: -0.5%; clip-path: inset(90% 0% 0% 0%) }
  85% { left: -1.0%; clip-path: inset(200% 0% 0% 0%) }
  85.1% { clip-path: inset(100% 100%) }

  100% { clip-path: inset(100% 100%) }
}


.modal-customize-cat-image{
background-size:70%;
}

.modal-content-right{
right:-150px;
}

.btn-game-menu{
border-radius:0px!important; text-shadow:none!important; background-color:rgba(250,250,250,0.3)!important; border-bottom:none!important; box-shadow:none!important;
}

.btn-offerwall-shop{
margin-bottom:13px; width:100%; background:none!important;
}

.market-container .market-items-list-container,
#iap-modal .iap-screen .iap-container .iap-limited-offers,
#iap-modal .iap-screen{
background:rgba(0,0,0,0.3);
}

.market-list-item-container .market-item-info-container .market-item-stats-container .market-item-stats-text p{
color:rgba(250,250,250,0.5); text-shadow:none;
}

.market-container{
background:none;
}

#team-link-input{
border-radius:0px; width:550px; margin-left:17px;
}

.island-text,
island-text-in{
margin-top:-20px; margin-bottom:10px;
}

.btn-battle-container{
margin-bottom:-27px;
}

.play-row{
margin-bottom:-5px;
}

.account-details-block{
box-shadow:0 3px 0 #010003;
}

.ui-stats-player-name,
.ui-stats-table-row,
#iap-modal .iap-screen .iap-container .iap-limited-offers,
#iap-modal .iap-screen,
#modal-account-name-change .player-name-input,
#modal-news>.modal-content>.modal-body,
#xp-boost-bar,
.xp-boost-bar-container,
#squad-boost-perc,
.account-buttons-wrapper,
.account-details-block,
.menu-option{
border-radius:0px!important;
}

.account-block{
margin-top:3px;
}

.btn-battle{
-webkit-animation-name:none;
}

.btn-start-option,
.btn-settings{
border-radius:0px; background-color:#221E23; border-bottom:none; box-shadow:0 3px 0 #010003; margin-top:4px;
}

#btn-help{
border-radius:0px; background-color:#221E23; border-bottom:none; box-shadow:0 3px 0 #010003; margin-top:10px; line-height:45px;
}

.audio-off-icon,
.audio-on-icon,
#btn-start-fullscreen,
.btn-keybind{
background-size:40px; background-position:center;
}

#modal-news>.modal-content>.modal-header,
#modal-settings .modal-header{
border-radius:0px; background-color:#221E23; border-bottom:none; box-shadow:none;
}

.modal-account>.modal-content>.modal-footer-reset-stats, .modal-account>.modal-content .modal-footer-delete,
.modal-account>.modal-content>.modal-footer-name,
.modal-header{
border-radius:0px; background-color:#221E23!important; border-bottom:none!important; box-shadow:none;
}

.ui-stats-find-killer,
.btn-blue{
border-radius:0px!important; background-color:#221E23!important; border-bottom:none!important; box-shadow:0 3px 0 #010003!important;
}

.market-list-item-container .market-item-action-container .market-item-action-btn,
.btn-market-filter-gray,
#iap-modal .iap-screen .iap-container .iap-limited-offers .iap-lto-packs-container .iap-lto-pack,
#iap-modal .iap-screen .iap-container .iap-gp .iap-gp-packs-container .iap-gp-pack,
.btn-team-option,
.btn-green,
.btn-account-turq,
.server-select,
.account-details-link-out,
.btn-login-facebook,
.btn-login-google,
.btn-login-twitch,
.btn-login-discord,
.btn-login-apple,
.btn-login-steam{
border-radius:0px; background-color:#221E23; border-bottom:none!important; box-shadow:0 3px 0 #010003;
}

.ui-stats-player-icon,
.ui-stats-player-spectate{
background-size:60%!important;
}

#btn-report-option, #btn-report-option-mobile,
#btn-endorse-option, #btn-endorse-option-mobile,
#btn-spectate-view-stats,
.ui-stats-player-icon,
.ui-stats-player-spectate,
.copy-item,
.hide-item{
border-radius:0px!important; background-color:#221E23!important; border-bottom:none!important; box-shadow:0 3px 0 #010003!important;
}

.menu-option{
margin-top:10px;
}

.account-loading-container,
.account-login-desc,
.login-button-name>.icon{
display:none;
}

#ui-modal-keybind-header>h2,
.modal-account>.modal-content #modal-account-name-title,
.login-button-name,
.account-name{
margin-left:0px; text-align:center;
}

.btn-login-linked{
background-position-x:50%;
}

.btn-account-turq,
.server-select,
.account-details-link-out{
background-image:none;
}

.modal-account>.modal-content>.modal-footer>.finish{
line-height:42px;
}

#button-sell-item,
.modal-account>.modal-content>.modal-footer>.finish,
.btn-team-option,
.modal-account>.modal-content>.modal-footer>.finish:hover, .modal-account>.modal-content>.modal-footer>.finish:focus,
.notLogged,
.btn-account-grey{
background-color:#cd3412; border-bottom:none; border-radius:0px; box-shadow:0 3px 0 #821f09;
}

#ui-modal-keybind-footer,
#ui-modal-keybind-body{
background-color:rgba(250,250,250,0.15); border-radius:0px;
}

#modal-how-to-play>.modal-content>.modal-body,
.market-list-item-container,
#modal-news>.modal-content>.modal-body,
.modal-body,
.account-buttons-wrapper{
background-color:rgba(250,250,250,0.1);
}

.btn-settings{
background-size:40px; background-position:center; margin-left:65px; margin-top:4px; margin-bottom:0px; width:45px; height:40px;
}

.right-column-toggle{
font-size:0px; background-size:30px; background-position:center; height:28px; width:23px; line-height:0px; text-align:center;
}

#start-menu .pass-body-container .pass-items-container{
right:-10px; width:120%; opacity:0.9; transform:scale(0.65); margin-top:-55px;
}

.animated-loadout .character-container{
transform:scale(1.7) rotate(-180deg);
}

.pass-premium-box-timer{
opacity:0;
}

.option-change-type,
.option-change-mode{
background:#221E23;
}

.btn-change-type-selection{
max-height:200px;
}

::-webkit-scrollbar-thumb{
background-color:rgba(255,255,255,.75); border-radius:0px; box-shadow:none;
}

::-webkit-scrollbar-track{
background-color:rgba(0,0,0,.4); border-radius:0px; box-shadow:none;
}

.pass-quest-xp{
font-size:18px; top:8px;
}

.pass-quest-refresh{
right:8px; top:7px;
}

.btn-open-arena,
.btn-open-iap{
background-position:48%; padding-left:0px; font-size:0px; height:60px; width:100px;
}

.btn-open-iap{
margin-top:1px;
}

.btn-open-arena{
margin-left:-150px; margin-top:1px;
}

.btn-prestige,
.menu-block{
border-radius:0px; background:rgba(0,0,0,.3);
}

.animated-loadout #prestige-loading,
.animated-loadout .btn-prestige p span{
color:rgba(250,250,250,0.8);
}

#team-menu .modal-header{
border-radius:0px; background-color:#221E23;
}

.btn-team-fill{
border-radius:0px; background:#221E23; border-bottom:none; box-shadow:0 5px 0 #010003; padding:4px 10%;
}

#ui-modal-keybind-list,
.market-change-selection div .right-market-btn,
.menu-team-autofill-option{
background:none; box-shadow:none;
}

.team-menu-option{
height:45px;
}

#btn-team-mobile-link-join{
margin-left:14px; width:170px;
}
`);