WP Manifestindependent plugin directory
manifest / themes / site-style-manager---wordpress-plugin

Site Style Manager

Site Style Manager — A WordPress plugin that scans, customizes, and live-previews all colors and fonts across your entire site. Detects colors and CSS variables from computed styles, lets admins override them from a central admin panel, and injects Google Fonts + custom CSS on the frontend. Works with any page builder.

by Vignesh · github.com/vigneshlesnar/site-style-manager---wordpress-plugin · website

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/vigneshlesnar/site-style-manager---wordpress-plugin/archive/refs/heads/master.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/vigneshlesnar/site-style-manager---wordpress-plugin ↗

Scan, customize and live-preview all colors & fonts across your entire WordPress site. Works with every page builder.

Description

Site Style Manager gives WordPress admins a single control panel to visually manage the entire site's typography and color palette — without touching CSS manually.

Color Management

  • Scans all CSS files (theme, parent theme, registered stylesheets) and extracts every color used
  • Detects CSS custom properties (--variables) from live DOM computed styles
  • Remap any scanned color to a new value — all instances update site-wide
  • Custom color palette with named swatches exposed as --ssm-* CSS variables

Typography

  • Per-element font control for Body, H1–H6, Links, Blockquote, Code, Button, Navigation, Caption, Lists, and Labels
  • Set font family (Google Fonts auto-loaded), weight, line height, letter spacing, and color per element
  • Responsive font sizes — separate values for desktop, tablet (≤1024px), and mobile (≤767px)

Live Preview

  • Floating badge on the frontend for logged-in admins — preview any change instantly without saving
  • DOM scan captures computed colors and CSS variables from the actual rendered page

Page Builder Support

  • Elementor (CSS files + per-page meta)
  • Divi (dynamic CSS + per-page custom CSS)
  • Beaver Builder (cache files)
  • Any theme or builder via registered stylesheet scanning

Backup & Restore

  • One-click backup and restore of all styles before making changes

Custom CSS

  • Freeform custom CSS block appended after all generated styles

Installation

  1. Upload the site-style-manager folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins menu in WordPress
  3. Go to Style Manager in the admin sidebar
  4. Click Scan Site to detect all colors and fonts used on your site
  5. Start customizing — changes preview live on your frontend

Frequently Asked Questions

Does it work with my page builder?

Yes. It has built-in support for Elementor, Divi, and Beaver Builder, and falls back to scanning all registered stylesheets for any other theme or builder.

Will it slow down my site?

No. The plugin only loads a tiny badge script on the frontend for logged-in admins. All style overrides are a single injected `