Skip to content

feat: add docs-light and docs-dark themes#924

Open
jordan-a-young wants to merge 5 commits into
mainfrom
feature/new-theme
Open

feat: add docs-light and docs-dark themes#924
jordan-a-young wants to merge 5 commits into
mainfrom
feature/new-theme

Conversation

@jordan-a-young

Copy link
Copy Markdown
Member

Summary

Adds two new themes for documentation sites:

  • docsLightTheme — light mode with Montserrat headings, Lato body, orange gradient buttons
  • docsDarkTheme — dark mode extending the light theme with appropriate dark palette

Component overrides included

  • Accordion (filled variant handling, overflow clipping for border alignment)
  • Alert
  • Avatar
  • Button (contained primary, outlined secondary)
  • Card / CardActionArea
  • Chip (status colors)
  • IconButton
  • Link
  • ListItemButton
  • Menu / MenuItem / ListSubheader
  • OutlinedInput
  • Table (Container, Head, Cell)

Storybook

Both themes are available in the Storybook toolbar for preview.

@github-actions

github-actions Bot commented Jun 22, 2026

Copy link
Copy Markdown
Contributor

🚀 Preview deployed!

📖 View Storybook Preview

- Add MuiIconButton sizeSmall override to keep FieldHelpIcon inline
- Add MuiFormLabel avWrapper flex display to align icon with label
- Size down helper text icon to match 12px font
- Remove helper text left margin indent
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.

1 participant