☰

Snapchat RGB Pixel Text

Makes your Snapchat chat text RGB with a pixelated effect

  1. // ==UserScript==
  2. // @name         Snapchat RGB Pixel Text
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.1
  5. // @description  Makes your Snapchat chat text RGB with a pixelated effect
  6. // @author       You
  7. // @match        *://web.snapchat.com/*
  8. // @grant        none
  9. // ==/UserScript==
  10.  
  11. (function() {
  12.     'use strict';
  13.  
  14.     function rgbTextEffect(element) {
  15.         let hue = 0;
  16.         setInterval(() => {
  17.             if (element) {
  18.                 hue = (hue + 10) % 360;
  19.                 element.style.color = `hsl(${hue}, 100%, 50%)`;
  20.                 element.style.fontFamily = 'Courier New, monospace';
  21.                 element.style.filter = 'contrast(200%)';
  22.                 element.style.textShadow = '0 0 3px rgba(255,255,255,0.8)';
  23.             }
  24.         }, 100);
  25.     }
  26.  
  27.     function observeChatInput() {
  28.         const observer = new MutationObserver(() => {
  29.             let chatInput = document.querySelector('[contenteditable="true"]');
  30.             if (chatInput) {
  31.                 rgbTextEffect(chatInput);
  32.             }
  33.         });
  34.         observer.observe(document.body, { childList: true, subtree: true });
  35.     }
  36.  
  37.     observeChatInput();
  38. })();