This Chrome extension allows users to dynamically change the background color of the current webpage they are viewing. Built with React, it offers a simple and intuitive user interface for selecting and applying colors directly from the browser toolbar.
- Easy Color Selection: Utilize a color picker to choose the desired background color.
- Instant Application: Change the background color of the current webpage with just one click.
- Sleek UI: A modern and minimalistic user interface ensures a pleasant user experience.
- Google Chrome Browser
- Basic understanding of how to load unpacked extensions in Chrome
- Clone this repository or download the ZIP file and extract it.
- Open the Chrome browser and navigate to
chrome://extensions/. - Enable Developer Mode by toggling the switch in the top right corner.
- Click on
Load unpackedand select the directory where you cloned or extracted the project. - The extension should now appear in your list of extensions and can be pinned to the toolbar for easy access.
- Click on the extension icon in the Chrome toolbar to open the color picker.
- Select the color you wish to apply to the current webpage.
- Click the
Change Colorbutton to apply the selected color as the webpage's background.
To run this project locally for development:
- Navigate to the project directory in your terminal.
- Install dependencies with
npm install. - Start the development server with
npm run dev. - Follow the installation steps above to load your development build as an unpacked extension in Chrome.
Contributions are welcome! Please feel free to submit a pull request or open an issue for any bugs, feature requests, or improvements.
This project is licensed under the MIT License - see the LICENSE file for details.