Skip to content

docs: Create Dark Mode Documentation and Example Page #20

@anilcancakir

Description

@anilcancakir

Description

Create comprehensive documentation and example page for dark mode support in Wind.

Documentation Topics

  • How WindThemeData.brightness works
  • How colors are automatically inverted in dark mode
  • Using the dark: prefix modifier
  • Implementing a dark mode toggle in your app
  • Best practices for dark mode design

Example Page Features

  • Toggle switch to switch between light/dark mode
  • Side-by-side comparison of components in both modes
  • Color palette comparison (light vs dark)
  • Real-world UI examples (cards, buttons, forms) in both modes
  • Code snippets showing dark: prefix usage

Implementation Notes

  • Show how to wrap app with WindTheme
  • Demonstrate WindThemeData.copyWith(brightness: Brightness.dark)
  • Include platform-specific dark mode detection

Metadata

Metadata

Assignees

Labels

documentationImprovements or additions to documentation

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions