Skip to content

README.md

Latest commit

 

History

History
53 lines (35 loc) · 1.33 KB

README.md

File metadata and controls

53 lines (35 loc) · 1.33 KB
Raw

StyleShift

A tool to customize website appearances.

What is StyleShift?

StyleShift is a browser extension that lets you change how websites look and feel. With its powerful tools, you can personalize your browsing experience easily.

Features

  • Customize website styles and layouts using css and js with UI
  • Use or create custom themes and presets
  • Export and import your designs

Development for your own extension

Follow these steps to install and set up StyleShift:

  1. Clone the repository:

    git clone https://github.com/AzPepoze/StyleShift

  2. Go to the project directory:

    cd StyleShift

  3. Install the dependencies:

    npm install

  4. Edit Default Items:

    • Edit Default Items in src > Main > Default_Items.ts

  5. Build the project:

    npm run build
    • This will create both Chrome and Firefox versions in the out > dist folder.

  6. Load the extension into your browser:

    • For Chrome: Open chrome://extensions/ and enable "Developer mode," then load the unpacked extension from the out > dist > chrome folder.
    • For Firefox: Open about:debugging, click "This Firefox," and load the extension from the out > dist > firefox folder.