Back to Plugins
Smart Theme Converter

Smart Theme Converter

Light and dark mode in one click

Plugin Preview

Smart Theme Converter preview

About this plugin

Smart Theme Converter turns any frame from Light Mode into Dark Mode (or Dark into Light) the way an experienced product designer would by understanding what each colour *means*, not by inverting pixels.Select one or more frames and run it. The plugin detects whether each frame is light or dark, duplicates it, converts the copy to the opposite theme, places it 200px to the right, and renames it (e.g. "Dashboard" → "Dashboard (Dark)").What makes it smart:• Semantic colour roles — backgrounds, surfaces, text, borders, neutrals and brand colours are each converted differently. A white background becomes #121212; a white card becomes an elevated #1E1E1E.• Real elevation — cards always stay lighter than the base they sit on, never flattened together.• Brand colours preserved — saturated accents stay recognisable, and are nudged only to meet WCAG AA contrast against their new background.• Context-aware text & icons — they adapt to the surface they actually sit on, and text over an unchanged background image is left readable.• Handles gradients (converted stop by stop), shadows (softened for dark), borders, opacity, and nested components & auto-layout.• Images, photos and illustrations are never recoloured.Built on WCAG luminance and HSL colour maths. Runs entirely on your canvas.

Plugin Details

Version1
CreatedJune 14, 2026
Last UpdatedJune 16, 2026
CategoryAccessibility tools
CreatorDindu
Stats0 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none