Dark-Webpage Chrome Extension
Personal Project•FEB 2026
Introduction
Dark-Webpage is a highly premium, glassmorphism-themed Dark Mode and Eye Protect control center built exclusively for Google Chrome. It safely overlays an intelligent dark screen tint or a warm amber blue-light filter over any active webpage. The extension features a gorgeous floating control panel with iOS-inspired sliders, neon glowing interactions, and incredibly smooth fluid animations.
Key Features
• Ultra-Modern Glassmorphism UI: A draggable floating control panel featuring iOS-inspired sliders and sleek neon interactions.
• Dynamic Dark Mode: Instantly injects an intelligent dark screen tint over any active webpage with adjustable intensity.
• Eye Protect Mode: Toggles a warm amber blue-light filtering overlay to precisely protect your visual health during late-night coding sessions.
• Integrated Lock-Screen Clock: A beautiful ambient hero clock that tracks real-time data seamlessly inside the panel.
• Smart Memory State Persistence: The extension actively saves absolute X/Y window coordinates, toggle states, and slider intensities directly into Chrome's memory, guaranteeing your layout stays precisely where you left it across tabs and after full page reloads.
• Dynamic Dark Mode: Instantly injects an intelligent dark screen tint over any active webpage with adjustable intensity.
• Eye Protect Mode: Toggles a warm amber blue-light filtering overlay to precisely protect your visual health during late-night coding sessions.
• Integrated Lock-Screen Clock: A beautiful ambient hero clock that tracks real-time data seamlessly inside the panel.
• Smart Memory State Persistence: The extension actively saves absolute X/Y window coordinates, toggle states, and slider intensities directly into Chrome's memory, guaranteeing your layout stays precisely where you left it across tabs and after full page reloads.
Tech Stack
• Frontend: Vanilla JavaScript (67%), CSS3 (33%), HTML5
• Architecture: Chrome Extensions API (Manifest V3), Chrome Local Storage API for memory persistence
• Architecture: Chrome Extensions API (Manifest V3), Chrome Local Storage API for memory persistence