Dark Mode Toggle

Apply dark mode to any website instantly! Reduce eye strain and browse comfortably at night with customizable dark themes.

Dark Mode Toggle - Transform Any Website Instantly! 🌙 Apply beautiful dark mode to any website with one click! Reduce eye strain, save battery life, and browse comfortably at night with 4 customizable dark themes. ✨ KEY FEATURES: 🎨 4 Beautiful Theme Styles: - Classic Dark - Traditional dark mode with blue tones and gray backgrounds - AMOLED Black - Pure black (#000000) for OLED screens - saves 30-40% battery! - Sepia - Warm brown tones perfect for reading and nighttime browsing - Gray Scale - Monochrome theme for focused work with minimal distraction ⚡ Fully Customizable Settings: - Darkness Level Slider - Adjust intensity from 1-10 for perfect comfort - Keep Images Bright - Preserve photo brightness and colors - Preserve Brand Colors - Maintain website accent colors and branding - Instant Toggle - One-click on/off switch with visual indicator - Real-time Updates - See changes immediately as you adjust settings 💾 Smart Memory: - Remembers your theme preference - Saves darkness level settings - Persists across browser sessions - Quick recall of your favorite settings 👁️ Eye Comfort & Health: - Reduces Eye Strain - Less harsh white light - Prevents Eye Fatigue - Comfortable for long reading sessions - Better Sleep Quality - Reduces blue light exposure before bedtime - Perfect for Low Light - Ideal for nighttime or dark room browsing - Comfortable Viewing - Easier on tired eyes 🔋 Battery Life Benefits: - AMOLED Black Mode - Saves 30-40% battery on OLED/AMOLED screens - Energy Efficient - Reduces power consumption - Longer Browsing - Extended usage between charges - Eco-Friendly - Less energy waste 🚀 HOW IT WORKS: Quick Start (3 Easy Steps): 1. Navigate to any webpage 2. Click the Dark Mode extension icon 3. Toggle the switch to enable - Done! Detailed Usage: 1. Open any website you want to transform 2. Click the Dark Mode Toggle extension icon in your toolbar 3. Click the toggle switch to enable dark mode 4. Choose your preferred theme: • Classic Dark - Best for general browsing • AMOLED Black - Best for OLED screens and battery saving • Sepia - Best for reading and nighttime • Gray Scale - Best for focused work 5. Adjust the darkness level slider (1-10) • Lower values = lighter • Higher values = darker 6. Configure image settings: • Keep images bright ON = Photos stay normal • Keep images bright OFF = Full dark mode effect 7. Toggle color preservation: • ON = Maintains brand colors • OFF = Complete dark transformation 8. Click toggle again to disable anytime Pro Tips: 💡 Try different themes for different websites 💡 Use AMOLED Black at night to save battery 💡 Adjust darkness based on room lighting 💡 Enable Sepia mode before bed to reduce blue light 💡 Keep images bright ON for photo-heavy sites 🎨 THEME GUIDE: 🌙 Classic Dark - Background: Dark gray/blue tones - Text: Light gray/white - Links: Blue accent (#63b3ed) - Best for: General browsing, most websites - Feel: Professional and modern - Use when: Any time, any lighting condition ⚫ AMOLED Black - Background: Pure black (#000000) - Text: Light gray/white - Links: Blue accent (#63b3ed) - Best for: OLED/AMOLED screens, battery conservation - Feel: Deep, immersive, elegant - Use when: Low battery, nighttime, OLED devices - Benefit: BLACK PIXELS = OFF PIXELS = BATTERY SAVED! 📜 Sepia - Background: Warm brown tones - Text: Cream/beige (#f5e6d3) - Links: Gold accent (#d69e5d) - Best for: Reading, long articles, books, nighttime - Feel: Warm, comfortable, cozy - Use when: Before sleep, reading sessions - Benefit: Reduces blue light for better sleep! 🎭 Gray Scale - Background: Dark gray - Text: Light gray (#d1d5db) - Links: Medium gray (#9ca3af) - Best for: Focus, productivity, minimal distraction - Feel: Clean, professional, focused - Use when: Work, studying, writing - Benefit: Removes color distractions completely! 💡 BENEFITS OF DARK MODE: 👁️ Eye Health Benefits: - Reduces Digital Eye Strain - Less harsh light on your retinas - Prevents Eye Fatigue - Comfortable for extended viewing - Reduces Headaches - Less screen glare and brightness - Better in Low Light - Matches ambient lighting conditions - Less Squinting - Comfortable contrast ratios - Reduces Dry Eyes - Less light exposure 🔋 Battery Life Benefits: - 30-40% Battery Savings on OLED screens with AMOLED Black - Black pixels consume zero power on OLED displays - Longer browsing sessions between charges - Eco-friendly energy conservation - Extended device lifespan 😴 Sleep Quality Benefits: - Reduces Blue Light Exposure - Better melatonin production - Improves Sleep Quality - Especially with Sepia mode - Less Screen Disruption - Easier transition to sleep - Better for Late Night Browsing - Won't disrupt circadian rhythm 🌃 Environmental Benefits: - Perfect for Dark Rooms - No screen glare - Nighttime Browsing - Won't disturb others - Movies & Gaming - Better for media consumption - Focus & Productivity - Reduces visual clutter 🎯 PERFECT FOR: 🌙 Nighttime Users: → Late night browsing without eye strain → Reading before bed → Reduces blue light exposure → Perfect for dark rooms 💼 Office Workers: → Reduce fatigue during long work hours → Comfortable in both bright and dim offices → Professional appearance → Less eye strain from screens 📚 Students & Readers: → Comfortable for long reading sessions → Perfect for research and study → Reduces eye fatigue during exams → Better focus with less distraction 🎮 Gamers & Streamers: → Better viewing experience → Reduced eye strain during long sessions → Professional streaming setup → Immersive gaming experience 🔋 Battery-Conscious Users: → Extend laptop battery life → Critical for OLED/AMOLED devices → Longer usage between charges → Eco-friendly browsing ♿ Accessibility Users: → Helps with light sensitivity → Reduces migraine triggers → Assistive for visual impairments → Customizable contrast levels 🔧 TECHNICAL DETAILS: How Dark Mode Works: - Injects custom CSS into webpages dynamically - Intelligently inverts background and text colors - Preserves important visual elements - Applies theme-specific color schemes - Real-time color calculation based on settings Smart Color Management: - HSL color space for smooth transitions - Dynamic color generation based on theme - Intensity slider adjusts lightness values - Maintains readability and proper contrast - Optimized color ratios for eye comfort Image Handling Options: - Keep Images Bright (Recommended): - Applies slight brightness/contrast adjustment - Maintains photo quality and colors - Best for photo-heavy sites - Full Dark Mode: - Inverts images to match theme - Complete dark transformation - Best for text-heavy sites Advanced Features: - CSS filter technology for smooth rendering - No page reload required - Instant application and removal - Lightweight code - no performance impact - Works with dynamic content ⚙️ SETTINGS EXPLAINED: Darkness Level (1-10): - 1-3: Very light, subtle dark mode - 4-6: Moderate darkness, balanced - 7: Default, comfortable for most (recommended) - 8-9: Dark, maximum contrast - 10: Extremely dark, pure blacks Keep Images Bright: - ON (Recommended): Images maintain brightness and colors - OFF: Images inverted to match dark theme - Best for: Photo sites (ON), Text sites (either) Preserve Brand Colors: - ON: Maintains original accent and brand colors - OFF: Replaces all colors with theme colors - Best for: Brand consistency (ON), Full dark mode (OFF) 🛡️ PRIVACY & SECURITY: 100% Private and Local: ✅ No data collection whatsoever ✅ No usage tracking or analytics ✅ No personal information accessed ✅ All processing happens in your browser ✅ No network requests or external APIs ✅ No cookies or tracking scripts ✅ Settings stored locally only Minimal Permissions Required: - activeTab - Access current page to apply dark mode - scripting - Inject CSS styling into pages - storage - Save your theme preferences locally What We DON'T Do: ❌ No browsing history access ❌ No data transmission ❌ No third-party services ❌ No advertisements ❌ No monetization tracking ❌ No personal data storage 📊 USE CASE SCENARIOS: Software Developer: "I code late into the night. Dark Mode Toggle saves my eyes and helps me focus. AMOLED Black is perfect for my OLED laptop!" Content Writer: "Reading and editing for hours was killing my eyes. Sepia mode is amazing for nighttime writing. My headaches are gone!" Student: "Studying at night is so much easier now. The customizable darkness means I can adjust it perfectly for my dorm room lighting." Office Worker: "8 hours of screen time was brutal. Classic Dark mode makes my workday comfortable. My optometrist is impressed!" Battery-Conscious User: "AMOLED Black saves 40% of my laptop battery. I can browse for hours longer now. Game-changer for OLED screens!" Night Owl: "I browse before bed and this extension is perfect. Sepia mode helps me sleep better by reducing blue light." 🎯 BEST PRACTICES: Theme Selection Tips: - Morning/Bright Office: Classic Dark or Gray Scale - Afternoon/Normal Light: Classic Dark - Evening/Dim Light: Sepia or Classic Dark - Night/Bedtime: Sepia (reduces blue light) - OLED Device Anytime: AMOLED Black (saves battery) - Focus Work: Gray Scale Darkness Level Guide: - Bright room: 4-6 (moderate) - Normal lighting: 7-8 (default to dark) - Dim room: 8-9 (very dark) - Complete darkness: 9-10 (maximum) Image Settings: - Social media: Keep images bright ON - News sites: Keep images bright ON - Blogs/articles: Either setting works - Documentation: Keep images bright OFF - Photo galleries: Keep images bright ON ⚡ PERFORMANCE: Fast & Efficient: ✅ Instant activation (< 0.1 seconds) ✅ No page reload required ✅ Lightweight CSS injection ✅ No performance impact ✅ Works on any webpage ✅ Smooth transitions ✅ No lag or slowdown Compatible With: ✅ All standard websites ✅ Dynamic content and SPAs ✅ Social media platforms ✅ News and blog sites ✅ E-commerce websites ✅ Documentation sites ✅ Web applications ✅ Any HTML content ❓ FREQUENTLY ASKED QUESTIONS: Q: Does this work on all websites? A: Yes! Works on virtually all websites. Some sites with fixed dark themes may look different but will still transform. Q: Will dark mode stay after refreshing the page? A: No, you'll need to reapply after refresh. Per-site memory is coming in future updates! Q: Does this slow down my browser? A: No! The extension is extremely lightweight and has zero noticeable performance impact. Q: Can I use this with websites that already have dark mode? A: Yes, but results may vary. Best to disable the site's native dark mode first. Q: Will this really save battery? A: Yes! AMOLED Black on OLED/AMOLED screens saves 30-40% battery. Black pixels consume zero power on OLED displays. Q: Why do some images look strange? A: Try toggling "Keep images bright" - this controls whether images are inverted or preserved. Q: Can I schedule dark mode automatically? A: Not yet, but automatic scheduling (sunset to sunrise) is planned for future updates! Q: Does this work on PDFs? A: Works best on HTML webpages. PDF rendering may vary depending on how they're displayed. Q: Is this better than browser's built-in dark mode? A: Yes! More customizable with 4 themes, adjustable darkness, and better color handling. 🔄 COMING SOON: Planned Features (Future Updates): - Automatic Dark Mode - Sunset to sunrise scheduling - Per-Site Memory - Remember settings for each domain - Custom Color Schemes - Create your own themes - Whitelist/Blacklist - Auto-enable for specific sites - Keyboard Shortcuts - Quick toggle with hotkeys - Time-Based Activation - Schedule specific hours - Advanced Contrast Controls - Fine-tune readability - Font Adjustments - Optimize text rendering - Blue Light Filter - Additional eye protection - Export/Import Settings - Share configurations 🌟 WHY CHOOSE DARK MODE TOGGLE? ✓ 4 beautiful, professional themes ✓ Fully customizable darkness levels ✓ Saves battery on OLED screens ✓ Reduces eye strain and fatigue ✓ Instant one-click toggle ✓ Remembers your preferences ✓ Beautiful, modern interface ✓ Zero data collection ✓ Free and no hidden costs ✓ Regular updates and improvements ✓ Responsive developer support 💝 SUPPORT THE DEVELOPER: If you find this extension helpful and want to support continued development and improvements, you can buy me a coffee or send a donation: ☕ **Buy Me a Coffee:** https://buymeacoffee.com/wilsonwang 💎 **Solana Wallet Address:** A8VQWsQYWUw6HZFWwCrxGwDpxPGeXPZedyKNCUV6m6CC Your support helps keep this extension free, maintained, and constantly improving with new features like automatic scheduling, per-site memory, and custom themes. Every contribution makes a real difference! Thank you! 🙏 --- Browse comfortably, protect your eyes, and save battery! 🌙✨ Download now and transform your browsing experience!