Artboard Theme Switcher

About this plugin

A lightweight plugin for switching between light and dark themes while preserving your design work.

Hierarchical Color System

Automatically adjusts section colors based on nesting depth. Parent sections use your defined colors, while child sections receive calculated brightness adjustments (-10 for light mode, +10 for dark mode per level).

Frame Protection

Multi-layer protection ensures frames, components, and instances are never modified. Only page backgrounds and sections are affected.

Performance Optimized

48KB bundle with sub-200ms execution time. Uses efficient HSB color calculations for smooth operation.

How Hierarchical Coloring Works

1. Light Mode: Child sections get progressively darker (-10 brightness per nesting level)
2. Dark Mode: Child sections get progressively lighter (+10 brightness per nesting level)

This creates visual depth automatically without manual configuration. Frame content and designed elements remain completely protected.