An open API service indexing awesome lists of open source software.

https://github.com/karthik558/gpm-darkmode

Unofficial customized theme support for GPM Software (Supports Firefox and Chromium based browsers)
https://github.com/karthik558/gpm-darkmode

browser-extension chromium-extension dark-mode firefox-addon

Last synced: 5 months ago
JSON representation

Unofficial customized theme support for GPM Software (Supports Firefox and Chromium based browsers)

Awesome Lists containing this project

README

          

![GPM Dark Mode Logo](icons/favicon-bak.png)

![Chrome Web Store](https://img.shields.io/chrome-web-store/v/nimelepbpejjlbmoobocpfnjhihnpked?style=flat-square&logo=google-chrome&logoColor=white&label=chrome) ![Firefox Add-on](https://img.shields.io/amo/v/firefox-color?style=flat-square&logo=firefox-browser&logoColor=white&label=firefox) [![GitHub release](https://img.shields.io/github/v/release/karthik558/GPM-DarkMode?style=flat-square&logo=github)](https://github.com/karthik558/GPM-DarkMode/releases/latest) [![License](https://img.shields.io/github/license/karthik558/GPM-DarkMode?style=flat-square&logo=mit)](LICENSE) [![Stars](https://img.shields.io/github/stars/karthik558/GPM-DarkMode?style=flat-square&logo=github)](https://github.com/karthik558/GPM-DarkMode/stargazers)

## 📖 Table of Contents

- [Preview](#-preview)
- [Features](#-features)
- [Installation](#-installation)
- [Usage](#️️-usage)
- [Contributing](#-contributing)
- [License](#-license)

## 🖼️ Preview

- Extension Preview
![GPM Dark Mode Preview](https://raw.githubusercontent.com/FoORK-Lab/wifi-auth-dependencies/658b7a0e802d5ea30997d837bd56efe903db7708/ext-enable.gif)
## Theme Gallery


Default Theme
Material Dark Theme


Default Theme
Dark Theme


Material Light Theme (Blue)
Material Light Dark Theme


Light Theme (Blue)
Light Dark Theme


Material Light Theme (Purple)


Light Theme (Purple)


Light Mode
Dark Mode


Extension Light
Extension Dark

## 🌟 Features

- **Browser Compatibility**
- Works on Chrome, Edge, and other Chromium-based browsers
- Firefox
- Safari support (Upcoming)

- **Multiple Theme Support**
- Theme 1 (Material Dark Mode)
- Theme 2 (Material Light Mode) - Default
- Theme 3 (Solarized Dark Mode) - (Upcoming)
- Theme 4 (Solarized Light Mode) - (Upcoming)

- **Smart Color Management**
- Preserves important UI elements
- Dynamic content adaptation
- Customizable color palette (Implemented in code)
- Sepia Filter for better readability

- **User-Friendly Interface**
- One-click material theme switching
- Easy-to-use toggle switch
- iOS-like design for toggle box

## 📥 Installation (Chrome)

1. Clone the repository: (Optional)

```bash
git clone https://github.com/karthik558/GPM-DarkMode.git
```

2. Download the ZIP from the [latest release](https://github.com/karthik558/GPM-DarkMode/releases) (Recommended)

3. Extract the ZIP to a directory of your choice

4. Open Chrome and navigate to:

```
chrome://extensions/
```

5. Enable "Developer mode" in the top right corner

6. Click "Load unpacked" and select the extension directory

7. Pin the extension to your browser toolbar for easy access

## 📥 Installation (Firefox
1. Clone the repository: (Optional)

```bash
git clone https://github.com/karthik558/GPM-DarkMode.git
```
2. Download the xpi file from this link: [GPM-DarkMode.xpi](https://addons.mozilla.org/firefox/downloads/file/4496267/97e73e7413e743b68deb-3.6.1.xpi) (Recommended)
3. Open Firefox and navigate to:

```
about:debugging#/runtime/this-firefox
```
4. Click on "Load Temporary Add-on" and select the xpi file
5. Pin the extension to your browser toolbar for easy access

(Note: Soon to be available on Firefox Add-ons store

## 🛠️ Usage

1. Click the extension icon in your browser toolbar
2. Toggle dark mode on/off using the switch
3. Settings are automatically saved and persist between sessions
4. To switch themes, click the extension icon and select your desired theme from the dropdown menu
5. To reset to default settings, toggle the switch off and on again
6. To uninstall the extension, right-click the extension icon and select "Remove from Chrome" or "Remove from Firefox"

## 🧱 Built With

- [HTML5](https://www.w3.org/TR/html52/) - The markup language for the web
- [CSS3](https://www.w3.org/Style/CSS/) - The style sheet language for the web
- [JavaScript](https://www.javascript.com/) - The programming language for the web
- [WebExtensions API](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions) - The standard for browser extensions
- [Material Design](https://material.io/) - The design system for the web

## 🤝 Contributing

1. Fork the repository
2. Create your feature branch:

```bash
git checkout -b feature/YourFeature
```

3. Commit your changes:

```bash
git commit -m 'Add some feature'
```

4. Push to the branch:

```bash
git push origin feature/YourFeature
```

5. Open a Pull Request

## 📝 License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## ⛔️ DMCA

This project is not affiliated with GPM team. This project is open-source and free to use. If you have any concerns, please contact me directly.

---

Made with ❤️ by [KARTHIK LAL](https://karthiklal.in)