Skip to content

Add dark mode to Lookbook#73

Merged
koppen merged 1 commit intomainfrom
koppen/lookbook-dark-mode
Jan 31, 2026
Merged

Add dark mode to Lookbook#73
koppen merged 1 commit intomainfrom
koppen/lookbook-dark-mode

Conversation

@koppen
Copy link
Copy Markdown
Member

@koppen koppen commented Jan 31, 2026

No description provided.

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR adds dark mode support to Lookbook component previews by configuring theme display options and updating the preview layout to dynamically apply theme classes based on user selection.

Changes:

  • Configured Lookbook to offer light and dark theme options in the preview UI
  • Updated preview layout to apply the selected theme class to the HTML element and add appropriate styling classes to the body

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.

File Description
demo/config/initializers/lookbook.rb Adds preview_display_options configuration to enable light/dark theme selection in Lookbook
demo/app/views/layouts/preview.html.erb Applies selected theme class to <html> tag and adds background/text color classes to <body> tag consistent with the main application layout

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@koppen koppen merged commit c89bc21 into main Jan 31, 2026
12 checks passed
@koppen koppen deleted the koppen/lookbook-dark-mode branch January 31, 2026 16:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants