LiteStyler Chrome Extension

Overview

The LiteStyler Chrome Extension enables users to customize the margins of any website they visit. Users can set margin values for different websites and enable a dark theme for any website.

Note: After adjusting the margin, the changes will not be saved upon refreshing the page. Will add this as a feature in a later update. It will require storage permission.

Features

• Custom Margin Settings: Set margin values for any website.
• Dark Theme: Dark theme can be enabled and disabled for any website.
• Easy to Use: Simple user interface with input fields to easily adjust margin values.
  

Getting Started

1. Install the Extension:

   • Clone the repository to your local machine.
   • Open Chrome and navigate to chrome://extensions/.
   • Enable "Developer mode" in the top right.
   • Click "Load unpacked" and select the folder containing the extension files.

2. Adjust Margins:

   • Click on the extension icon in the Chrome toolbar.
   • Enter the desired margin value, or choose a pre-set value, will adjust automatically.
   • Click "Apply" to set the margins for the current website.

3. Adjust Page Colors:

   • Click on the extension icon in the Chrome toolbar.
   • Enable the 'Dark Theme' checkbox at the bottom.
   • Additionally, you can invert the colors of the entire page.

Permissions

• activeTab: Required to access the current tab information.

Contributing

Contributions are welcome! If you encounter issues or have feature requests, feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License.