Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(material/schematics): Update custom theme schematic to work with light-dark and use theme-overrides mixin #29911

Merged
merged 1 commit into from
Oct 23, 2024

Conversation

amysorto
Copy link
Contributor

Schematic changes needed to work with #29907

@amysorto amysorto added the target: major This PR is targeted for the next major release label Oct 23, 2024
@amysorto amysorto requested a review from a team as a code owner October 23, 2024 01:47
@amysorto amysorto requested review from crisbeto and removed request for a team October 23, 2024 01:47
@angular-robot angular-robot bot added the detected: feature PR contains a feature commit label Oct 23, 2024
override the system level variables with high contrast equivalent values from your theme. This is
helpful for users who prefer more contrastful colors for either preference or accessibility reasons.

### Creating one theme for light and dark mode
As of v19, the `theme` mixin can create one theme that detects and adapts to a user if they have
Copy link
Contributor

Choose a reason for hiding this comment

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

We can work on this wording as we get closer to release. We'll sync up the messaging between the guide and this

scss += ' ))\n';
scss += '};\n';

// Create high-contrast-light-theme-overrides and high-contrast-dark-theme-overrides mixins
for (const themeType of ['light', 'dark']) {
Copy link
Contributor

Choose a reason for hiding this comment

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

It looks like this outputs three mixins - should we have some param that lets the user decide whether they want to use the light-dark method, or specify light and dark?

@amysorto amysorto force-pushed the schematic-light-dark-changes branch 2 times, most recently from f7e3c62 to 11cc5dd Compare October 23, 2024 18:48
@amysorto amysorto removed the request for review from crisbeto October 23, 2024 19:19
@amysorto amysorto added the action: merge The PR is ready for merge by the caretaker label Oct 23, 2024
@amysorto amysorto merged commit 3fc1f9a into angular:main Oct 23, 2024
24 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
action: merge The PR is ready for merge by the caretaker detected: feature PR contains a feature commit target: major This PR is targeted for the next major release
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants