Skip to content

simov/styler

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

39 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Styler / Browser Extension

Styler lets you inject .css and .js files into web sites you visit

Install

  1. Clone this repository
  2. Navigate to chrome://extensions
  3. Make sure that the Developer mode switch is enabled
  4. Click on the Load unpacked button and select the cloned directory

Configuration

Option Defaults Description
enable false Toggle configuration
domain [] List of domains to match
ignore [] List of domains to ignore
inject [] List of files to inject
folder '' Files location

Set domain to ['*'] to inject on all domains.

When folder is ommited it defaults to the sites folder.

Example

[
  {
    "enable": true,
    "domain": [
      "*"
    ],
    "ignore": [
      "google.com"
    ],
    "inject": [
      "global-font.css"
    ]
  },
  {
    "enable": true,
    "domain": [
      "github.com",
      "gist.github.com"
    ],
    "folder": "github",
    "inject": [
      "dark-theme.css",
      "fixes.css"
    ]
  },
  {
    "enable": false,
    "domain": [
      "youtube.com"
    ],
    "folder": "youtube",
    "inject": [
      "youtube.css",
      "ads.js"
    ]
  }
]
sites/
├── config.json
├── global-font.css
├── github
│   ├── fixes.css
│   └── dark-theme.css
└── youtube
    ├── ads.js
    └── youtube.css

  1. Create a folder called sites under the root directory of this extension
  2. Copy the above configuration in sites/config.json
  3. Create two separate directories: sites/github and sites/youtube, and place your styles and scripts there
  4. Repeat step 3. for each web site you want to style

On every change to the configuration data structure you have to Reload the extension from chrome://extensions

About

Styler / Browser Extension

Resources

License

Stars

Watchers

Forks

Releases

No releases published