Dark Mode for Websites

A simple and efficient Chrome extension that enables dark mode for any website. This extension inverts the colors of web pages to provide a more comfortable viewing experience in low-light environments.

📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 🤸 Quick Start
5. 🕸️ Usage

🤖 Introduction

The Dark Mode for Websites Chrome extension is designed to make browsing more comfortable by applying a dark theme to any website. Whether you're working late at night or simply prefer a darker interface, this extension inverts the colors of web pages to reduce eye strain and provide a pleasant browsing experience.

⚙️ Tech Stack

• JavaScript
• HTML5
• CSS3
• Chrome Extensions API

🔋 Features

👉 Toggle Dark Mode: Easily switch dark mode on or off for any website with a simple toggle.

👉 Dynamic Color Inversion: Automatically inverts the colors of web pages while preserving the natural look of images and videos.

👉 Persistent Settings: Remembers your dark mode preferences across different browsing sessions.

👉 Lightweight and Fast: The extension is designed to be lightweight and runs efficiently without slowing down your browser.

🤸 Quick Start

Follow these steps to set up the Chrome extension locally on your machine.

Prerequisites

Make sure you have the following:

• Google Chrome browser

Cloning the Repository

git clone https://github.com/Gobind147/Dark-Mode-Extension.git
cd Dark-Mode-Extension

Loading the Extension in Chrome

1. Open Chrome and navigate to chrome://extensions/.
2. Enable "Developer mode" by toggling the switch in the upper right corner.
3. Click on "Load unpacked" and select the folder where you cloned the repository.
4. The extension should now appear in your list of installed extensions.

🕸️ Usage

Enable Dark Mode: Click on the extension icon in the Chrome toolbar and toggle the switch to enable or disable dark mode for the current website.

Persistent Settings: The extension will remember your settings for each site, so you don't have to re-enable dark mode every time.

Customize: Modify the CSS and JavaScript in the content.js file to adjust the dark mode settings according to your preferences.