Skip to content

docs: introduce enriched-html coloring - #718

Open
hejsztynx wants to merge 5 commits into
feat/docsfrom
@ksienkiewicz/docs-colors
Open

docs: introduce enriched-html coloring#718
hejsztynx wants to merge 5 commits into
feat/docsfrom
@ksienkiewicz/docs-colors

Conversation

@hejsztynx

@hejsztynx hejsztynx commented Jul 22, 2026

Copy link
Copy Markdown
Collaborator

Summary

Introduced enriched-html color palette, symmetrically how it was done in the reanimated docs, where the theme color was purple. Here it is orange, which encodings i took from the enriched-html landing page.

  • introduced orange enriched-html colorings,
  • made the swm-red a bit more saturated, so there is a clearer distinction between the swm-red and swm-orange, e.g. between a red :::caution note and a orange, drop-down details,
  • links are now blue, easier to spot - just like i the reanimated docs,
  • codeblock highlight colors slightly adjusted so the "main" color is orange, instead of reanimated's purple
  • added a temporary docs page so you can see what's changed

Testing

Go to colors-demo section where I added a couple elements to see the changes and if they are visually pleasing. Switch between light and dark mode in the docs.

I'll remove the colors-demo once it's ready to merge

Screenshots

Before 🟣 :

image

After 🟠 :

image

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

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 updates the documentation theme to use an enriched-html orange accent (instead of the prior purple), adjusts supporting UI/token colors (including red saturation and link colors), and adds a temporary page to visually validate the new palette in light/dark modes.

Changes:

  • Switched theme accent colors (MUI secondary + multiple CSS tokens) to an orange palette and added new orange CSS variables.
  • Updated typography/link styling and several UI state tokens (tabs, details, pagination, search, etc.) to match the new accent strategy.
  • Adjusted code block highlighting tokens and added a colors-demo page for visual verification.

Reviewed changes

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

Show a summary per file
File Description
docs/src/theme/muiTheme.tsx Updates MUI theme secondary color to the new orange accent.
docs/src/theme/CodeBlock/highlighting-light.js Tweaks light-mode syntax highlighting token colors.
docs/src/theme/CodeBlock/highlighting-dark.js Tweaks dark-mode syntax highlighting token colors.
docs/src/css/typography.css Updates link underline/border styling to align with new link colors.
docs/src/css/colors.css Introduces orange palette variables and retunes multiple UI/theme tokens to orange.
docs/docs/fundamentals/colors-demo.md Adds a demo doc page to preview theme colors and components.

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

Comment thread docs/src/theme/muiTheme.tsx Outdated
Comment thread docs/src/css/typography.css Outdated
Comment thread docs/src/css/colors.css
Comment thread docs/src/css/colors.css
Comment thread docs/docs/fundamentals/colors-demo.md
Comment thread docs/docs/fundamentals/colors-demo.md Outdated
hejsztynx and others added 3 commits July 22, 2026 11:47
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
@hejsztynx
hejsztynx force-pushed the @ksienkiewicz/docs-colors branch from 8984222 to 6828d41 Compare July 22, 2026 09:47
@hejsztynx
hejsztynx changed the base branch from @ksienkiewicz/docs-guides to feat/docs July 22, 2026 09:47

@kacperzolkiewski kacperzolkiewski left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Nice work 🚀
Right now, the colors match the enriched logo.

@hejsztynx
hejsztynx requested review from exploIF and szydlovsky July 24, 2026 13:25
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.

3 participants