Lookchange

Description

Lookchange allows your site visitors to easily switch the front-end appearance between 7 stunning modes: Light, Dark, Grey, Pink, Negative, Blur, and Custom modes.

Key Features:
* 7 Appearance Modes: Light, Dark, Grey, Pink, Negative (Inverted), Blur, and Custom.
* Custom Mode: Pick any custom theme color from the admin color picker. Lookchange automatically generates matching text, surface, and accent colors.
* Blur Mode: Blurs website background content with adjustable blur intensity (px).
* Draggable Bulb: Visitors can drag the floating bulb anywhere on screen. The position persists across page loads.
* Smart Persistence: Visitor selected mode is remembered across browser sessions via localStorage.
* Admin Customization: Easily set default modes, button position, mobile visibility, and color schemes.
* Accessible & Fast: Zero database overhead on page renders, keyboard accessible, and light on performance.

Screenshots

Installation

  1. Upload the lookchange folder to the /wp-content/plugins/ directory (or install via the WordPress Plugin Directory).
  2. Activate the plugin through the Plugins menu in WordPress.
  3. Navigate to Settings > Lookchange to configure the plugin options.

FAQ

Does Lookchange work with any WordPress theme?

Yes! Lookchange applies appearance modes using CSS custom properties (--lc-bg, --lc-text, etc.) and data-mode attributes on <html>, making it compatible with all modern WordPress themes.

Can visitors move the floating bulb button?

Yes! Visitors can click and drag the bulb anywhere on screen using a mouse or touch pointer. The dragged position is automatically saved to localStorage.

Does Lookchange affect admin dashboard styling?

No, Lookchange only modifies the public front-end of your website for visitors.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Lookchange” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Lookchange” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0

  • Initial public release.
  • Added multiple front-end modes: Light, Dark, Grey, Pink, Negative, Blur, and Custom Color.
  • Added modern floating button with light bulb icon.
  • Added Admin Settings page for configuration.
  • Added support for custom colors and gradients.
  • Added Blur mode with adjustable intensity.
  • Improved security, escaping, and code quality.