Adaptive Light/Dark Mode Theme

Experience seamless design that automatically adapts to your system preferences. Built with Managing Disruptions brand guidelines for optimal readability and visual consistency.

Get Started

Features

Adaptive Design

Automatically adjusts to your system preferences for optimal viewing in any lighting condition.

Brand Consistency

Maintains Managing Disruptions brand identity across both light and dark modes.

Accessibility First

WCAG compliant color contrasts ensure readability for all users.

Accent Colors

Trust Blue Bright Teal Soft Purple Vivid Pink

Color System

CSS custom properties that adapt to light/dark mode

Background

--md-bg

Alt Background

--md-bg-alt

Border

--md-border

Text

--md-text

Muted Text

--md-text-muted

CTA Background

--md-cta-bg

Trust Blue

--md-trust-blue

Bright Teal

--md-bright-teal

Soft Purple

--md-soft-purple

Vivid Pink

--md-vivid-pink