Skip to content

Comments

feat(docs): add dark/light theme toggle#5092

Merged
timdeschryver merged 3 commits intongrx:mainfrom
adxdits:feat/theme-toggle
Feb 17, 2026
Merged

feat(docs): add dark/light theme toggle#5092
timdeschryver merged 3 commits intongrx:mainfrom
adxdits:feat/theme-toggle

Conversation

@adxdits
Copy link
Contributor

@adxdits adxdits commented Feb 12, 2026

PR Checklist

Please check if your PR fulfills the following requirements:

PR Type

What kind of change does this PR introduce?

[ ] Bugfix
[x] Feature
[x] Code style update (formatting, local variables)
[x] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[ ] Documentation content changes
[ ] Other... Please describe:

What is the current behavior?

Closes #5065

What is the new behavior?

  • Added a theme toggle button in the navigation menu
  • Users can switch between dark and light themes
  • Theme preference is persisted in localStorage
  • All components now use CSS custom properties for theming
  • Light theme uses One Light color palette for syntax highlighting

Does this PR introduce a breaking change?

  • Created ThemeService using Angular signals for reactive state management
  • Defined CSS variables in :root (dark) and body.light-theme (light)
  • Updated some components to use CSS variables instead of hardcoded colors

Other information

@netlify
Copy link

netlify bot commented Feb 12, 2026

Deploy Preview for ngrx-io ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit e0e5fcd
🔍 Latest deploy log https://app.netlify.com/projects/ngrx-io/deploys/6993806cc76be600080152e3
😎 Deploy Preview https://deploy-preview-5092--ngrx-io.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link

netlify bot commented Feb 12, 2026

Deploy Preview for ngrx-site-v21 ready!

Name Link
🔨 Latest commit e0e5fcd
🔍 Latest deploy log https://app.netlify.com/projects/ngrx-site-v21/deploys/6993806cdcf9fb0008530672
😎 Deploy Preview https://deploy-preview-5092--ngrx-site-v21.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Member

@timdeschryver timdeschryver left a comment

Choose a reason for hiding this comment

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

I like the light theme colors, nice!

@markostanimirovic
Copy link
Member

Thanks @adxdits! 👑

Copy link
Member

@timdeschryver timdeschryver left a comment

Choose a reason for hiding this comment

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

Great work @adxdits , thanks!

@timdeschryver timdeschryver merged commit 5d88f2c into ngrx:main Feb 17, 2026
14 checks passed
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.

Missing dark/light theme switch

3 participants