A Chrome extension that allows you to inject custom CSS into any webpage. The CSS is saved per domain and automatically applied as you type.
- Real-time CSS injection
- Per-domain CSS storage
- Syntax highlighting
- Auto-indentation
- Line numbers
- Dark theme (Monokai)
- Clone this repository:
git clone https://github.com/seriusokhatsky/csser.git
cd csser-
Open Chrome and go to
chrome://extensions/ -
Enable "Developer mode" in the top right corner
-
Click "Load unpacked" and select the
csserdirectory
- Click the CSSer icon in your Chrome toolbar
- Enter your CSS in the editor
- The CSS will be automatically applied to the current webpage
- Your CSS is saved per domain and will be loaded automatically when you return to the same website
manifest.json- Extension configurationpopup.html- Extension popup interfacepopup.js- Extension functionalitylib/codemirror6/- CodeMirror editor filesicon48.pngandicon128.png- Extension icons
The extension uses:
- CodeMirror 6 for the CSS editor
- Chrome Extension Manifest V3
- Chrome Storage API for saving CSS
- Chrome Scripting API for injecting CSS
MIT License