feat: detect the application color scheme automatically based on common strategies (class based, data attr based)

Open
#236 0 comments 0 reactions 1 assignee View on GitHub

@brionmario is already working on this.

Since Nov 6, 2025.

Assessment

This issue has not been assessed yet.

Description

@asgardeo/react accessibility
Problem

If the color scheme is not explicitly passed, the SDK should intelligently try to resolve the applications theme based off of common patterns.

  • class based discovery: <html class"dark... (Tailwind use this)
  • Data attribute based discovery: `<html data-color-scheme"dark"...> (MUI)
Proposed Solution

Improve the theme detection algorithm.

Alternatives

N/A

Please select the package issue is related to

@asgardeo/react

Version

current

Reporter Checklist
  • I have searched the existing issues and this is not a duplicate.
  • I have provided all the necessary information.
  • I have verified the feature on the latest version of the package.
Dominant language
TypeScript
Stars
18
Forks
67
Avg merge
4h 6m
Merged PRs (30d)
13

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from asgardeo/javascript

All issues in asgardeo/javascript

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.