Back to Plugins
Coloracci Dark Mode

Coloracci Dark Mode

Auto-detect theme & convert to dark mode with WCAG contrast validation

Plugin Preview

Coloracci Dark Mode preview

About this plugin

Transform your designs to dark mode in one click — intelligently.FEATURES:- Auto-detect if your design is light or dark theme- Smart color conversion that understands backgrounds vs text vs accents- WCAG contrast validation — see which colors pass AA/AAA standards- Auto-fix contrast issues automatically- Color mapping preview before applying — zero performance impact- Edit any color manually before converting- Reverse mode: convert dark → light too- Preserves images optionBETTER THAN OTHER DARK MODE PLUGINS:- No more unreadable text — we validate and fix contrast- No more guessing — see the exact color mapping before you apply- No lag — preview happens in the plugin, not on your canvasHOW TO USE:1. Select a frame2. Plugin auto-detects your theme3. Review the color mapping4. Click "Convert to Dark" — done!Built by Coloracci — Smart color tools for designers.

Plugin Details

Version1
CreatedJanuary 5, 2026
Last UpdatedJanuary 5, 2026
Categoryediting & effects plugins
CreatorLion Dada
Stats8 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none