/theo-blog-fixer

A Chrome Extension to fix blogs for Theo when he streams

Primary LanguageJavaScript

Theo's Blog Fixer Chrome Extension

This Chrome extension allows users to customize the CSS styling of the current webpage. Users can toggle CSS styles on or off, specify a CSS selector, set a maximum width for the content, and even provide a custom CSS selector for advanced customization.

Features

  • Toggle CSS styles on or off for the current webpage.
  • Specify a CSS selector to target specific elements for styling.
  • Set a maximum width for the content of the webpage.
  • Provide a custom CSS selector for advanced styling options.

Installation

To install the extension, follow these steps:

  1. Clone the repository to your local machine.
  2. Open Google Chrome.
  3. Navigate to chrome://extensions/.
  4. Enable Developer mode by toggling the switch in the top-right corner.
  5. Click on the "Load unpacked" button.
  6. Select the directory where you cloned the repository.

The extension should now be installed and accessible from the Chrome toolbar.

Usage

  1. Click on the extension icon in the Chrome toolbar to open the popup.
  2. Toggle CSS styles on or off using the provided switch.
  3. Specify a CSS selector to target specific elements for styling.
  4. Set a maximum width for the content of the webpage.
  5. Provide a custom CSS selector for advanced styling options.
  6. Changes will be applied to the current webpage immediately.

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or create a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.