https://github.com/zilean12/extension
Change the background color of websites based on user preference.
https://github.com/zilean12/extension
Last synced: about 1 month ago
JSON representation
Change the background color of websites based on user preference.
- Host: GitHub
- URL: https://github.com/zilean12/extension
- Owner: Zilean12
- Created: 2025-01-02T12:17:59.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-03-06T11:40:01.000Z (7 months ago)
- Last Synced: 2025-03-06T12:30:52.112Z (7 months ago)
- Language: CSS
- Size: 4.88 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎨 Color Changer Extension
Color Changer is a simple and visually appealing browser extension that allows you to customize the background color of any website. With just a few clicks, you can enhance your browsing experience and make websites look the way you want.
---
## Features
- Select any background color using a built-in color picker.
- Apply the chosen color to the current webpage instantly.
- Lightweight and user-friendly interface with an attractive design.
---
## Installation
### For Local Development:
1. Clone or download the repository.
2. Open your preferred browser (e.g., Chrome).
3. Navigate to `chrome://extensions` (or the equivalent page for your browser).
4. Enable **Developer mode**.
5. Click **Load unpacked** and select the folder containing the extension files.
6. The extension will appear in your browser's toolbar.
---
## How to Use
1. Click on the **Color Changer** icon in your browser's toolbar.
2. Use the color picker to select a background color.
3. Click the **Apply Color** button.
4. The background color of the current website will change instantly.
---
## File Structure
```plaintext
.
├── manifest.json # Metadata and permissions for the extension
├── popup.html # HTML structure for the popup
├── popup.css # Styling for the popup UI
├── popup.js # Handles interactions in the popup
├── content.js # Applies the selected color to the webpage
└── icon.png # Icon for the extension
```
---
### Popup Interface
- **Gradient Background**: A modern and vibrant design.
- **Large Color Picker**: Easy to interact with.
- **Interactive Button**: Includes hover effects for a dynamic feel.
---
## Compatibility
- **Browsers**: Chrome, Edge, and other Chromium-based browsers.
- **Manifest Version**: v3 (modern browsers).
---
## Future Enhancements
- Add preset color themes.
- Allow saving favorite colors.
- Enable resetting to default background.
---
## License
This project is licensed under the MIT License. Feel free to use, modify, and distribute it as needed.
---
## Contribution
Contributions are welcome! Feel free to open issues or submit pull requests to enhance the extension.
---