A minimalist browser extension that reduces visual stimulation on YouTube by dimming thumbnails and simplifying the interface.
I created DimTube after noticing how often I got distracted by YouTube thumbnails. These thumbnails are designed to grab attention, often leading to unplanned viewing sessions and reduced productivity. This extension helps maintain focus by making thumbnails less stimulating while preserving YouTube's core functionality.
- Dims video thumbnails to reduce visual stimulation
- Reduces color saturation of thumbnails
- Subtle hover effect to reveal original thumbnail
- Minimalist approach focusing on core functionality
- Follows SOLID principles for maintainable code
- Clone this repository
- Open Chrome/Edge and navigate to
chrome://extensions
- Enable "Developer mode" in the top right
- Click "Load unpacked" and select the
src
directory of this project
The extension works automatically once installed. When you visit YouTube:
- All thumbnails will be dimmed by default
- Hover over a thumbnail to see its original brightness
- The effect applies to both home page and search results
The extension is built with:
- Manifest V3
- Vanilla JavaScript (following SOLID principles)
- CSS for styling and visual effects
- 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