v8.0.0

Breaking Changes

• Update minimum required Angular version to v19
• Remove legacy SCSS entrypoints angular-material-css-vars/src/lib/main, angular-material-css-vars/src/lib/public-util and angular-material-css-vars/src/lib/variables. Use the angular-material-css-vars entrypoint instead.

Changed

• Internally, the usage of the mat-core() mixin was replaced with the mat.elevation-classes() and mat.app-background(). This change was performed automatically by ng update and aligns with deprecations in Angular Material v19.
• Resolved Sass warnings which popped up after the Angular 19 update

v7.0.0

Breaking Changes

• Minimum required Angular version is now v18

Angular Material v18 introduced stable support for M3 theme. For now, this library only supports M2.
More information can be found in #166.

v6.1.2

Fixed

• Respect the contrast color for Mini FABs

v6.1.1

Fixed

• Use correct color for mat-icon-button ripple, which broke with Angular Material v17.1

v6.1.0

Added

• provideMaterialCssVars() function to setup the library in standalone workspaces

v6.0.1

Fixed

• Fix the contrast color of FABs
• Fix the ripple color of link, outlined and icon buttons

v6.0.0

Breaking Changes

• Minimum required Angular version is now v17
• The following deprecated symbols are removed:
  • mat-css-color-and-contrast mixin, can be replaced by mat-css-color-and-contrast-primary
  • changeContrastColorThresholdPrimary() function, can be replaced by setContrastColorThresholdPrimary()
  • changeContrastColorThresholdAccent() function, can be replaced by setContrastColorThresholdAccent()
  • changeContrastColorThresholdWarn() function, can be replaced by setContrastColorThresholdWarn()
  • changeContrastColorThreshold() function, can be replaced by setContrastColorThreshold()
• MaterialCssVarsService's attribute isDarkTheme can now be undefined, which may cause TypeScript errors in rare cases

Deprecations

• SCSS entry points prefixed by angular-material-css-vars/src/lib/ are deprecated, please use the single entrypoint or the entrypoints without src/lib instead. Example:

  @use "angular-material-css-vars/src/lib/main" as css-vars; // is deprecated now
  @use "angular-material-css-vars" as css-vars; // preferred syntax
  @use "angular-material-css-vars/main" as css-vars; // also works

Fixes

• Auto contrast algorithm was improved. There were edge cases where the previously used algorithm would not choose the color with the best contrast. You may see a different contrast color in your applications.
• #000000 is now used as a contrast color instead of rgba(0, 0, 0, 0.87), as it leads to better contrast.

v5.0.3

What's Changed

• fix: ensure correct checkbox check mark color by @json-derulo in #149

v5.0.2

Fixed

• Skip all dark theme styles when $dark-theme-selector is set to false (#139)
• Resolves an issue with the single SCSS entrypoint that overriding variable default values was not possible
• Colors are now also correctly set when neither the $dark-theme-selector nor the $light-theme-selector class is used on the root element
• Application is now correctly initialized also when skipping injection of MaterialCssVarsService

v5.0.1

Fixed

• When no primary / accent / warn color is defined, now the correct default values are used again

Special thanks to @vpetrusevici