Skip to content

Export theme with light-dark() css property #18

@sambaptista

Description

@sambaptista

Which website are relevant/related to the feature request?

themes.angular-material.dev

Description

Hello,

Thanks for your very usefull app https://themes.angular-material.dev

It's actually exporting light and dark theme in two overrides in the SCSS. Would it be possible to implement a feature to export with a single override but using light-dark() pair ?

I can contribute to code.

Best regards.

Proposed solution

A toggle to merge light and dark under an unique mat.theme-overrides in the generated SCSS.

@include mat.theme-overrides((
  ...
  background: light-dark(white, black) // for all properties
  ...
));

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions