CSS Mage > Inject Custom Styles Into Any Website, iFrames, Import/Export

Tracking since Apr 1, 2026.

Changelog

• Apr 27, 2026
  name

  CSS Mage

  CSS Mage > Inject Custom Styles Into Any Website, iFrames, Import/Export

• Apr 22, 2026
  description

  CSS Mage is a powerful, persistent on-page CSS injector built for developers, designers, and power users. Instead of forcing you into a cramped browser popup, it provides a draggable, resizable, and encapsulated (Shadow DOM) editor that stays on the page while you work.
  
  It is designed to be a frictionless, pixel-perfect environment for theming, debugging, or overriding web styles.
  
  Key Features:
   • Live On-Page Editor: A floating, opacity-adjustable UI that lets you see your changes instantly without obstructing your view.
   • Dual Scoping: Seamlessly toggle between writing CSS strictly for the current domain or injecting global rules across all websites.
   • True Editor Mechanics: Features reliable syntax highlighting, intelligent auto-formatting, robust undo/redo history, and standard keybindings (like Ctrl+/ for comments).
   • Legendary Themes: 13 built-in syntax themes, including Dark+, Dracula, Monokai, Nord, SynthWave '84, and GitHub Light/Dark.
   • Complete Portability: Export/import individual .css files, or backup and restore your entire library of site modifications via JSON.
   • Workflow Shortcuts: Open the editor with Ctrl+Shift+Space, single-click the extension icon to toggle the UI, or double-click the icon to instantly kill/enable all injected CSS as a quick sanity check.

  CSS Mage is a powerful, persistent on-page CSS injector built for developers, designers, and power users. Instead of forcing you into a cramped browser popup, it provides a draggable, resizable, and encapsulated (Shadow DOM) editor that stays on the page while you work.
  
  It is designed to be a frictionless, pixel-perfect environment for theming, debugging, or overriding web styles.
  
  Key Features:
   • Live On-Page Editor: A floating, opacity-adjustable UI that lets you see your changes instantly without obstructing your view.
   • Dual Scoping: Seamlessly toggle between writing CSS strictly for the current domain or injecting global rules across all websites.
   • No Restrictions: Injects into iframes, shadow DOMs, and handles CORS restrictions.
   • True Editor Mechanics: Features reliable syntax highlighting, intelligent auto-formatting, robust undo/redo history, and standard keybindings (like Ctrl+/ for comments).
   • Legendary Themes: 13 built-in syntax themes, including Dark+, Dracula, Monokai, Nord, SynthWave '84, and GitHub Light/Dark.
   • Complete Portability: Export/import individual .css files, or backup and restore your entire library of site modifications via JSON.
   • Workflow Shortcuts: Open the editor with Ctrl+Shift+Space, single-click the extension icon to toggle the UI, or double-click the icon to instantly kill/enable all injected CSS as a quick sanity check.

Permissions & access

Permissions

storageunlimitedStorageactiveTab

Host access

<all_urls>

Screenshots