Styler lets you inject
.cssand.jsfiles into web sites you visit
- Clone this repository
- Navigate to
chrome://extensions - Make sure that the
Developer modeswitch is enabled - Click on the
Load unpackedbutton and select the cloned directory
| 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.
[
{
"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
- Create a folder called
sitesunder the root directory of this extension - Copy the above configuration in
sites/config.json - Create two separate directories:
sites/githubandsites/youtube, and place your styles and scripts there - 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