GrayScale Overlay

Adds a grayscale overlay to any webpage

## **GrayScale Overlay – Clean Monochrome Browsing** ### 🌐 Description Bring clarity and calm to your web experience with **GrayScale Overlay** – a customizable Chrome extension that lets you apply grayscale filters to any website. Whether you're looking to reduce eye strain, focus better, or simply enjoy a distraction-free, minimalist interface, this extension has you covered. --- ### 🎯 **Key Features** #### ✅ Adjustable Grayscale Filter * Apply a grayscale overlay to any webpage without disrupting interactions. * Smooth, performance-friendly transitions. * Customizable intensity from 0% to 100%. #### 🎨 Multiple Visual Modes * **Desaturate** (soft and subtle) * **Grayscale** (true black-and-white) * **Luminosity** (high contrast) * **Color Dodge** (dramatic tones) #### 🌍 Auto-Toggle Per Website * Automatically activate grayscale on specific websites. * Works with subdomains (e.g., `www.reddit.com`, `old.reddit.com`, `m.reddit.com`). * One-click "Add Current Site" feature. #### 💡 Real-Time Controls * Instantly preview filter changes. * Use a slider to fine-tune intensity. * Choose visual modes from a dropdown menu. #### 💾 Persistent Settings * Saves your preferences across browser sessions. * Remembers websites and intensity levels. * Syncs settings across Chrome installations. #### 🧠 Per-Tab Intelligence * Each tab tracks its own grayscale state. * Seamless transitions between enabled and disabled tabs. #### 🧰 Easy-to-Use Interface * Clean, modern popup design. * Smart enable/disable buttons. * Fully responsive and intuitive. --- ### 👥 Ideal For: * Students and professionals who need fewer distractions. * Readers and researchers on text-heavy sites. * Users sensitive to color brightness or visual noise. * Minimalists who enjoy a clean, grayscale aesthetic. --- ### 🔒 Privacy & Permissions * **No data collection or tracking.** * Settings stored locally using Chrome Sync. * Requires only essential permissions: `activeTab`, `storage`. --- ### ⚙️ How to Use 1. Click the extension icon to toggle grayscale. 2. Adjust intensity and mode in real time. 3. Use “Add Current Site” to auto-enable on your favorite websites. 4. Manage your website list directly from the popup. --- ### ⚡ Performance * Lightweight and fast. * No impact on page load speed. * Built using modern, efficient CSS rendering (`mix-blend-mode`, `backdrop-filter`). --- ### 💬 Support Need help or have suggestions? Reach out via the support tab on the Chrome Web Store.