Dark-Webpage Chrome Extension
FEB 2026| Personal Project
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