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. })();