A Chrome extension that transforms YouTube video thumbnails into minimalistic, ADHD-friendly gradients with essential video information. This extension aims to create a more focused and less distracting browsing experience on YouTube.
- 🎨 Transforms thumbnails into calming, ADHD-friendly gradients
- 👁️ Reduces visual clutter and distractions
- 📊 Maintains essential video information in a clean format
- 🎯 Improves focus while browsing YouTube
- 🌈 Color schemes based on channel avatars
- ⌛ Custom progress bar with soothing colors
- 📱 Responsive design that works across different video sizes
- Clone this repository:
git clone https://github.com/yourusername/youtube-gradient-thumbnails.git- Open Chrome and navigate to:
chrome://extensions/
-
Enable "Developer mode" in the top-right corner
-
Click "Load unpacked" and select the extension directory
- Download the latest release from the Releases page
- Unzip the downloaded file
- Follow steps 2-4 from the "From Source" section
After installation, the extension will automatically:
- Transform video thumbnails into gradients
- Display video titles, channel names, and view counts in a clean format
- Show a custom progress bar for watched videos
- Hide distracting elements while maintaining essential information
No additional configuration is required, though you can disable the extension through Chrome's extension manager if needed.
The extension uses carefully selected colors that are ADHD-friendly by default. However, you can customize the appearance by modifying the content.js file:
// Customize gradient colors
const defaultPalettes = [
{
primary: '#4A90E2',
secondary: '#5B9FEF'
},
// Add your custom color pairs here
];
// Customize progress bar color
ytd-thumbnail-overlay-resume-playback-renderer #progress {
background-color: #48A88D !important;
}youtube-gradient-thumbnails/
├── manifest.json # Extension configuration
├── content.js # Main extension logic
├── README.md # This file
The extension works by:
- Identifying video thumbnails on YouTube pages
- Extracting colors from channel avatars
- Generating smooth gradients based on these colors
- Creating a clean overlay with essential video information
- Replacing the original thumbnail with the gradient version
- Maintaining YouTube's functionality while reducing visual noise
Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
- The extension needs to be reloaded if YouTube is loaded in a new tab without a page refresh
- Gradients might take a moment to appear on very fast scrolling
- Some custom YouTube layouts might not be fully supported
- Add user customizable color schemes
- Implement local storage for watched video states
- Add animation options
- Create options page for customization
- Add support for YouTube Music
- Improve performance on infinite scroll
This project is licensed under the MIT License - see the LICENSE file for details.
- Thanks to YouTube's frontend structure for making this possible
- Inspired by minimalist design principles
- Color schemes based on ADHD-friendly design research
If you encounter any issues or have suggestions, please:
- Check the Known Issues section
- Search through existing issues
- Create a new issue if your problem isn't already listed
- Mateusz Bratkowski - YourGitHub
- Initial release
- Basic gradient transformation
- ADHD-friendly color schemes
- Custom progress bar
- Essential video information display
Made with ❤️ for a more focused YouTube experience