☰

Background themes

themes alis.io

  1. // ==UserScript==
  2. // @name         Background themes
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.1
  5. // @description  themes alis.io
  6. // @author       XaVier
  7. // @match        *://alis.io/*
  8. // @grant        none
  9. // ==/UserScript==
  10.  
  11. (function() {
  12.     'use strict';
  13.  
  14.     $("#maincard #ad_main iframe,#maincard #ad_main script")[0].remove();
  15.  
  16.     var $html = '<input style="position: absolute;'+
  17.         'left: 303px;'+
  18.         'bottom: 303px;'+
  19.         'border: 0;'+
  20.         'padding: 0;'+
  21.         'width: 20px;" id="hx-chnl" type="color" value="">'+
  22.         '<input id="hx-chnl2" class="uk-input" placeholder="NameColorGame" maxlength="150">'+
  23.         '';
  24.     $("#maincard #ad_main").html($html);
  25.  
  26.     var input = document.getElementById("hx-chnl");
  27.     input.value = localStorage.getItem("cardcolorback") || "";
  28.  
  29.     var input2 = document.getElementById("hx-chnl2");
  30.     input2.value = localStorage.getItem("cardcolorback2") || "";
  31.  
  32.     $("#hx-chnl, #hx-chnl2").on("input", function() {
  33.         localStorage.setItem("cardcolorback", input.value);
  34.         localStorage.setItem("cardcolorback2", input2.value);
  35.     });
  36.  
  37.     $("#hx-chnl").on("input", function() {
  38.         var regIs = $(this).val();
  39.         $("html").css("background", regIs);
  40.         $("#hx-chnl2").val(regIs);
  41.     });
  42.     $("#hx-chnl2").on("input", function() {
  43.         var regI = $(this).val();
  44.         $("html").css("background", regI);
  45.         $("#hx-chnl").val(regI);
  46.     });
  47.  
  48.     return $("#hx-chnl, #hx-chnl2").trigger("input");
  49. })();