☰

ShellShock.io Complete Custom Theme

Custom theme for ShellShock.io with skybox and blood-red scopes

  1. // ==UserScript==
  2. // @name         ShellShock.io Complete Custom Theme
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.1
  5. // @description  Custom theme for ShellShock.io with skybox and blood-red scopes
  6. // @author       slimy0686
  7. // @license      MIT
  8. // @match        *://shellshock.io/*
  9. // @icon         https://www.google.com/s2/favicons?sz=64&domain=shellshock.io
  10. // @grant        none
  11. // ==/UserScript==
  12.  
  13. (function () {
  14.   'use strict';
  15.  
  16.   // URL of the custom background image
  17.   const backgroundImageURL = 'https://i.postimg.cc/hQnSDb4Z/obito-uchiha-background.jpg';
  18.  
  19.   // Function to apply custom styles
  20.   function applyCustomStyles() {
  21.     // Create a style element
  22.     const style = document.createElement('style');
  23.     style.innerHTML = `
  24.       /* Custom skybox for inventory and loading screens */
  25.       .inventory-container, .loading-container {
  26.         background: url('${backgroundImageURL}') no-repeat center center fixed !important;
  27.         background-size: cover !important;
  28.       }
  29.  
  30.       /* Blood-red scopes for Free Ranger, RPEGG, and Crackshot */
  31.       .free-ranger-scope, .rpegg-scope, .crackshot-scope {
  32.         background-color: rgba(255, 0, 0, 0.8) !important; /* Blood red */
  33.         border: 2px solid rgba(139, 0, 0, 0.8) !important; /* Darker red border */
  34.         mix-blend-mode: multiply; /* Blend for a more intense red */
  35.       }
  36.     `;
  37.     // Append the style to the document head
  38.     document.head.appendChild(style);
  39.   }
  40.  
  41.   // Apply styles when the document is ready
  42.   document.addEventListener('DOMContentLoaded', applyCustomStyles);
  43. })();