Simple Shellshockers Theme Example

Simple SS Theme using CSS Variables

  1. // ==UserScript==
  2. // @name Simple Shellshockers Theme Example
  3. // @namespace http://tampermonkey.net/
  4. // @version 0.1
  5. // @description Simple SS Theme using CSS Variables
  6. // @author You
  7. // @match https://shellshock.io/*
  8. // @grant none
  9. // ==/UserScript==
  10.  
  11. (function () {
  12. const addScript = () => {
  13. document.head.innerHTML += `<style>
  14. * {
  15. --ss-transparent: #00000000;
  16. --ss-black: #000;
  17. --ss-white: #de8416; /*White Text*/
  18. --ss-offwhite: #FFF3E4;
  19. --ss-yellow0:#F7FFC1;
  20. --ss-yellow: #1F51FF;
  21. --ss-yolk0: #f1c59a;
  22. --ss-yolk: #22bdf5; /*Yellow Buttons*/
  23. --ss-yolk2: #d97611;
  24. --ss-red0: #e29092;
  25. --ss-red: #d15354;
  26. --ss-red2: #801919;
  27. --ss-red-bright: #EF3C39;
  28. --ss-pink: #EC008C;
  29. --ss-pink1: #b9006e;
  30. --ss-pink-light: #ff3aaf;
  31. --ss-brown: #924e0c;
  32. --ss-blue00: #abe3f6;
  33. --ss-blue0: #c8edf8;
  34. --ss-blue1: #95E2FE;
  35. --ss-blue2: #5EBBD9;
  36. --ss-blue3: #1F51FF; /*Lighter Box Borders*/
  37. --ss-blue4: #FF5F1F; /*Blue Subtitles, Darker Box Borders*/
  38. --ss-blue5: #0a5771;
  39. --ss-green0: #87ddbb;
  40. --ss-green1: #3ebe8d;
  41. --ss-green2: #2a7256;
  42. --ss-orange1: #F79520;
  43. --ss-vip-gold: linear-gradient(to right, #D1A943, #CFCDAF, #CC8630, #D1AA44, #CC8630);
  44. --ss-clear: rgba(255, 255, 255, 0);
  45. --ss-blue2clear: rgba(94, 186, 217, 0);
  46. --ss-shadow: rgba(0,0,0,0.4);
  47. --ss-blueshadow: #0a577187;
  48. --ss-darkoverlay: rgba(0, 0, 0, 0.8);
  49. --ss-darkoverlay2: rgba(0, 0, 0, 0.2);
  50. --ss-lightoverlay: url("https://img.freepik.com/free-photo/cosmic-background-with-colorful-laser-lights_181624-26485.jpg?w=2000"); /*Main Background*/
  51. --ss-lightbackground: linear-gradient(var(--ss-blue1), var(--ss-blue2));
  52. --ss-blueblend1: linear-gradient(#349ec1, #5fbad8); /*Some Box fill colors*/
  53. --ss-scrollmask1: linear-gradient(var(--ss-blue2clear), var(--ss-blue2));
  54. --ss-scrollmask2: linear-gradient(rgba(56, 158, 192, 0), #389EC0);
  55. --ss-fieldbg: linear-gradient(#91CADB, #ffffff, #ffffff, #ffffff, #ffffff);
  56. --ss-white-60: rgba(255,255,255,.6);
  57. --ss-white-90: rgba(255,255,255,.9);
  58.  
  59. --ss-me-player-bg: rgba(247,149,32,.8);
  60. --ss-them-blue-bg: rgba(0,66,87,.8);
  61. --ss-them-blue-color: #5ebbd9;
  62. --ss-them-red-bg: rgb(133,0,0,.8);
  63. --ss-them-red-color: #ff4145
  64. --ss-me-red-bg: rgba(255,65,69,.8);
  65. --ss-me-blue-bg: rgb(94,187,217,.8);
  66. }
  67. </style>`
  68. }
  69. document.body ? addScript() : document.addEventListener("DOMContentLoaded", e => addScript());
  70. })();