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 option


BETTER 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 canvas


HOW TO USE:

1. Select a frame

2. Plugin auto-detects your theme

3. Review the color mapping

4. 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
Stats0 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