Skip to content

RashidSiddiqui2004/nptel-dark-theme-extension

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

NPTEL Dark Mode Chrome Extension

Problem Statement

NPTEL (National Programme on Technology Enhanced Learning) provides online courses for a wide range of subjects. However, the default light theme of the NPTEL website may cause eye strain during prolonged study sessions, especially in low-light environments. This Chrome extension addresses this issue by adding a dark mode to the NPTEL website, making it more comfortable for users to study at night or in dimly lit conditions.

  Note: Currently, this feature is implemented only for course pages. It does not apply to the homepage or other pages of the NPTEL website.

Features

  • Toggle Dark Mode: Switch between dark and light themes with a simple checkbox.
  • Automatic Application: Dark mode is applied automatically if the user has previously enabled it.
  • User-Friendly Interface: A minimalistic and sleek toggle switch for easy activation.

Installation

To install and use the NPTEL Dark Mode Chrome Extension, follow these steps:

Fork the Repository

Visit the [https://github.com/RashidSiddiqui2004/nptel-dark-theme-extension] (NPTEL Dark theme repository) on GitHub. Click the "Fork" button at the top right of the page to create your own copy of the repository.

Load the Extension in Chrome

  1. Clone the Repository:

Open your terminal or command prompt. Clone the repository using:

  git clone https://github.com/RashidSiddiqui2004/nptel-dark-theme-extension.git

Navigate into the project directory:

  cd nptel-dark-theme-extension
  1. Open Chrome Extensions Page:
  • Open Google Chrome.
  • Go to the extensions page by entering chrome://extensions/ in the address bar.
  1. Enable Developer Mode:
  • Toggle the "Developer mode" switch at the top right of the extensions page.
  1. Load Unpacked Extension:
  • Click the "Load unpacked" button.
  • Select the directory where you cloned the repository (e.g., nptel-dark-mode).
  1. Verify Installation:
  • The extension should now appear in your list of installed extensions.
  • You should see a new toggle switch in your extension popup.

Usage

  1. Open the NPTEL Website:
  • Navigate to NPTEL in your Chrome browser.
  1. Toggle Dark Mode:
  • Click the checkbox in the extension popup to enable or disable dark mode.
  1. Automatic Application:
  • If dark mode was enabled previously, it will be automatically applied when you visit the NPTEL website.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published