Simple SS Theme using CSS Variables
Per
// ==UserScript==
// @name Simple Shellshockers Theme Example
// @namespace http://tampermonkey.net/
// @version 0.1
// @description Simple SS Theme using CSS Variables
// @author You
// @match https://shellshock.io/*
// @grant none
// ==/UserScript==
(function () {
const addScript = () => {
document.head.innerHTML += `<style>
* {
--ss-transparent: #00000000;
--ss-black: #000;
--ss-white: #de8416; /*White Text*/
--ss-offwhite: #FFF3E4;
--ss-yellow0:#F7FFC1;
--ss-yellow: #1F51FF;
--ss-yolk0: #f1c59a;
--ss-yolk: #22bdf5; /*Yellow Buttons*/
--ss-yolk2: #d97611;
--ss-red0: #e29092;
--ss-red: #d15354;
--ss-red2: #801919;
--ss-red-bright: #EF3C39;
--ss-pink: #EC008C;
--ss-pink1: #b9006e;
--ss-pink-light: #ff3aaf;
--ss-brown: #924e0c;
--ss-blue00: #abe3f6;
--ss-blue0: #c8edf8;
--ss-blue1: #95E2FE;
--ss-blue2: #5EBBD9;
--ss-blue3: #1F51FF; /*Lighter Box Borders*/
--ss-blue4: #FF5F1F; /*Blue Subtitles, Darker Box Borders*/
--ss-blue5: #0a5771;
--ss-green0: #87ddbb;
--ss-green1: #3ebe8d;
--ss-green2: #2a7256;
--ss-orange1: #F79520;
--ss-vip-gold: linear-gradient(to right, #D1A943, #CFCDAF, #CC8630, #D1AA44, #CC8630);
--ss-clear: rgba(255, 255, 255, 0);
--ss-blue2clear: rgba(94, 186, 217, 0);
--ss-shadow: rgba(0,0,0,0.4);
--ss-blueshadow: #0a577187;
--ss-darkoverlay: rgba(0, 0, 0, 0.8);
--ss-darkoverlay2: rgba(0, 0, 0, 0.2);
--ss-lightoverlay: url("https://img.freepik.com/free-photo/cosmic-background-with-colorful-laser-lights_181624-26485.jpg?w=2000"); /*Main Background*/
--ss-lightbackground: linear-gradient(var(--ss-blue1), var(--ss-blue2));
--ss-blueblend1: linear-gradient(#349ec1, #5fbad8); /*Some Box fill colors*/
--ss-scrollmask1: linear-gradient(var(--ss-blue2clear), var(--ss-blue2));
--ss-scrollmask2: linear-gradient(rgba(56, 158, 192, 0), #389EC0);
--ss-fieldbg: linear-gradient(#91CADB, #ffffff, #ffffff, #ffffff, #ffffff);
--ss-white-60: rgba(255,255,255,.6);
--ss-white-90: rgba(255,255,255,.9);
--ss-me-player-bg: rgba(247,149,32,.8);
--ss-them-blue-bg: rgba(0,66,87,.8);
--ss-them-blue-color: #5ebbd9;
--ss-them-red-bg: rgb(133,0,0,.8);
--ss-them-red-color: #ff4145
--ss-me-red-bg: rgba(255,65,69,.8);
--ss-me-blue-bg: rgb(94,187,217,.8);
}
</style>`
}
document.body ? addScript() : document.addEventListener("DOMContentLoaded", e => addScript());
})();