Skip to content
Menu
Emma’s blog
Themes that work!
TV Role Auditions
Want more themes? Over here!
Want to get into your profile? Over here!
Welcome to Preppy School!
Menu
Themes that work!
Cool themes
Posted on
March 19, 2025
by
Emma Toni Nichev
cute theme
Menu
Emma’s blog
Themes that work!
TV Role Auditions
Want more themes? Over here!
Want to get into your profile? Over here!
Welcome to Preppy School!
Emma Toni Nichev
 { // Prompt for image URL const imageUrl = prompt('Enter the URL of the background image:', 'https://example.com/your-image.jpg'); if (!imageUrl) return; // User canceled the prompt // Create a style element const style = document.createElement('style'); // Define the CSS to add a background image style.textContent = /* Target the main content area */ ytd-app { background-image: url("${imageUrl}") !important; background-size: cover !important; background-position: center center !important; background-attachment: fixed !important; } /* Make video grid items semi-transparent */ ytd-rich-item-renderer, ytd-grid-video-renderer, ytd-compact-video-renderer { background-color: rgba(255, 255, 255, 0.8) !important; border-radius: 8px !important; margin: 8px !important; transition: transform 0.2s !important; } /* Hover effect on videos */ ytd-rich-item-renderer:hover, ytd-grid-video-renderer:hover, ytd-compact-video-renderer:hover { transform: scale(1.03) !important; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important; } /* Make the video player area and sidebar semi-transparent too */ #primary, #secondary { background-color: rgba(255, 255, 255, 0.8) !important; border-radius: 8px !important; padding: 10px !important; margin: 8px !important; } /* Style comment section */ #comments { background-color: rgba(255, 255, 255, 0.8) !important; border-radius: 8px !important; padding: 10px !important; margin-top: 16px !important; }; // Add the style element to the document head document.head.appendChild(style); // Create a reset button const resetButton = document.createElement('button'); resetButton.textContent = 'Remove Background'; resetButton.style.cssText = position: fixed; bottom: 20px; right: 20px; z-index: 9999; background: #f44336; color: white; border: none; border-radius: 4px; padding: 8px 16px; font-weight: bold; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.3);; // Add click event to reset button resetButton.addEventListener('click', function() { document.head.removeChild(style); document.body.removeChild(this); alert('Background removed!'); }); // Add the reset button to the body document.body.appendChild(resetButton); alert('YouTube background changed successfully! Click the red button to remove it.'); })();){kind=link}