Dark mode

Framer supports dark experiences through color choices, tokens, and component variants, making it easier to design interfaces that feel polished in low-light or high-contrast contexts.

Related terms

Related terms

  • Theme

    Design

    A cohesive set of design choices—colors, typography, spacing—that can be applied across a site or component library. Themes enable consistent styling and support features like dark mode. Framer’s variables support theming through switchable value sets.

  • Variable Modes

    Design

    Variable Modes let one variable system support multiple contexts, such as theme, platform, or state, by switching between predefined value sets.

  • Design Iteration

    Design