Software Product Template

Athenian Site Themes for WordPress
product details.

Athenian Site Themes for WordPress manages theme definitions, CSS variables, and user-facing theme switching through a reusable token-based WordPress design layer. It helps teams keep brand presentation, frontend styling, and platform UI surfaces consistent across connected Athenian experiences while keeping data, permissions, and automation aligned with the broader Athenian Platform Ecosystem.

Woo product fieldsDescription HTMLACF media fieldsTheme-token styling

Site Theme Tokens Manager is a WordPress theme-token management plugin that centralizes visual styling values into a reusable design-system layer. Instead of scattering colors, surfaces, gradients, borders, shadows, text colors, focus states, radius values, and button treatments across multiple stylesheets or plugin interfaces, the plugin stores complete theme payloads in WordPress and emits them as CSS custom properties on the frontend.

Each theme can define structured color scales, text roles, surfaces, borders, focus rings, gradients, and additional custom tokens. The plugin scopes these variables to html[data-site-theme="..."], allowing templates, Bricks components, WooCommerce layouts, custom shortcodes, and Athenian plugin interfaces to consume the same active theme vocabulary without hard-coding separate color systems.

Administrators can manage themes from a dedicated Theme Tokens admin screen. They can add or update themes, paste JSON payloads, bulk import collections, export installed themes, set a default theme, delete unused themes, preview swatches, copy variable references, and use starter payloads such as Dark Cosmic, Light Breeze, and Neon Noir.

On the frontend, Site Theme Tokens Manager includes a compact

shortcode that lets visitors choose their preferred visual mode. The selected theme is applied immediately, persisted through local storage and a cookie, and restored early on repeat visits to reduce visual flash. For the Athenian Platform, this creates a shared presentation layer for marketing sites, WooCommerce tools, portals, marketplaces, academy interfaces, and custom plugin UI.

$39.99
Add to cart

SKU

Product Type

simple

Stock

In Stock
This item is available for immediate shipment.
Lead Time: 1-2 Business Days

Status

instock

Design Tokens

Create One Shared Theme Vocabulary for WordPress Interfaces

Site Theme Tokens Manager stores structured theme payloads in WordPress and
outputs stable CSS variables for colors, surfaces, text, borders, focus states,
gradients, shadows, spacing, and component styling.

Token Layer Frontend Value
Color Scale Expose reusable accent values such as --ctl-c1, --ctl-c2, and related hue tokens.
Text Roles Standardize readable text colors through variables like --text-high, --text-mid, and --text-low.
Surfaces Define page, panel, shortcode, and component backgrounds with shared surface tokens.
Effects Reuse borders, focus rings, gradients, radii, shadows, and custom passthrough variables.
  • Replace scattered hard-coded styling values with one managed token system.
  • Scope frontend output by html[data-site-theme] for predictable theme switching.
  • Give custom plugins, Bricks layouts, WooCommerce surfaces, and shortcodes the same theme contract.
  • Support dark mode, light mode, campaign themes, brand variants, and seasonal visual treatments.

Theme Management

Build, Preview, Import, Export, and Default Theme Payloads

The Theme Tokens admin screen gives teams a WordPress-native workflow for
managing complete JSON theme definitions without editing scattered stylesheet
files for every visual update.

Manage
Add themes, update labels and payloads, set defaults, and remove unused themes
Preview
Review swatches, theme cards, statistics, and live variable references
Migrate
Bulk import and export theme collections between Athenian properties

Admin Tool Operational Purpose
JSON Payloads Paste structured theme definitions for colors, tokens, surfaces, and custom variables.
Bulk Import Move theme libraries across sites using reusable theme-ID keyed JSON collections.
Export Back up, source-control, or reuse installed theme definitions.
Starter Themes Seed working examples such as Dark Cosmic, Light Breeze, and Neon Noir.
  • Use one top-level Theme Tokens admin area for visual system management.
  • Copy CSS variable references and starter recipes for faster component styling.
  • Preserve a server-rendered admin workflow while enhancing it with JavaScript previews.
  • Keep theme data in a structured WordPress option instead of scattered template overrides.

Theme Switching

Let Visitors Switch Themes While Plugins Consume the Same Tokens

The frontend switcher shortcode gives visitors a polished way to choose a
visual mode, while Athenian components and plugins continue using the same
stable CSS variable names.

Frontend Layer How It Helps
Switcher Shortcode Render a compact selector with

in headers, pages, or templates.
Persistence Store visitor preference through local storage, cookie storage, and AJAX theme updates.
Early Bootstrap Apply the active theme early in wp_head to reduce visible theme flash.
Accessibility Use menu semantics, selected states, ARIA attributes, and keyboard navigation support.

Platform-wide visual consistency:
Athenian Academy portals, marketplace interfaces, WooCommerce tools,
PrintGhost.ai components, CSR screens, shortcodes, and custom plugin UIs
can all consume the active site theme through the same shared token layer.

  • Support multiple switcher instances on the same page with synchronized selected states.
  • Use visitor-selected themes without changing the global default for other users.
  • Style custom components with variables such as --surface-1, --text-high, --border, and --btn-bg.
  • Provide a lightweight design-system foundation without replacing the active WordPress theme.