---
title: "Dark Mode Sync — Free Framer plugin · Best of Framer"
description: "Free Framer plugin · by Javlonbek · Styles. Dark Mode Sync takes the manual work out of dark mode design."
canonical: "https://framer.elliotli.dev/plugin/dark-mode-sync"
---

[Home](/)/[Plugins](/plugins)/[Styles](/plugins/category/styles)/Dark Mode Sync

# Dark Mode Sync

Dark mode colors in one click

[View on Framer](https://framer.com/marketplace/plugins/dark-mode-sync/?via=elliot-li)

![Dark Mode Sync preview image 1](https://framer.elliotli.dev/og/plugin/dark-mode-sync/9a39f8ee7d8062fb/1600x1200.jpg)

## Summary

Dark Mode Sync takes the manual work out of dark mode design.

## Description

Dark Mode Sync takes the manual work out of dark mode design.

### How it works

Open the plugin and it instantly scans all Color Styles in your project. Choose an algorithm, preview the generated dark colors, then click Apply — your Color Styles are updated with dark mode values automatically.

### Algorithms

**Invert** — Pure lightness mirror. Fast and predictable.

**Gentle** — Inverts lightness and reduces saturation slightly. The safest choice for most projects. Used by Apple, Linear, and Vercel.

**Elevated** — Inspired by Material Design 3. Light surfaces become dark gray, dark colors become light. Creates natural depth and hierarchy.

**Expressive** — Shifts hue slightly cool with reduced saturation. That characteristic premium dark mode feel used by Figma and Notion.

### Remove dark mode

Changed your mind? One click removes all dark values from every Color Style.

### Requirements

Your elements must be linked to a Color Style to update in dark mode. The plugin will notify you if any elements have colors assigned directly.

## Rank history [How rankings work →](/terms#rankings)

-   All · #323

## Details

- **Author**: Javlonbek
- **Published**: 2026-03-13
- **Updated**: 2026-03-12
- **Added**: 2026-03-12
- **Categories**: Styles

## More like this

-   [Sealcraft](/plugin/sealcraft) — Cyedi Creative Studio · Free — Badges, stamps and spinning seals
-   [Divider Lab](/plugin/divider-lab) — ANASS TB · Free — Shape dividers for clean sections
-   [Tablecraft](/plugin/tablecraft) — ANASS TB · Free — Paste rows, get a designed table
-   [Cookiewall](/plugin/cookiewall) — ANASS TB · Free — Cookie banners, done in seconds