M3 Beta and Custom Theme

[duncan_richards12]

If you have a custom theme and add the new M3 beta theme as a dependency, if there’s conflicting CSS, which wins?

Is it possible to use the new M3’s layout’s while keeping custom CSS styling otherwise?

Make your apps look pretty with the new Material 3 Theme (Beta)

Hi everyone! We are very excited to announce the beta release of our new Material Design 3 theme! But this is more than just another theme – it’s a new way of building themes in Anvil. [new-material-3-thumb] A new Material 3 theme This theme is based on Google’s Material 3 design system. Unlike previous themes, this doesn’t just mean styling the built-in Anvil components, plus some static HTML thrown in. This theme provides loads of brand-new components that precisely implement M3’s look an…

[meredydd]

@duncan_richards12

if there’s conflicting CSS, which wins?

This is an answer to which the CSS language has a long and complicated set of answers, based on the specific code used! In an ideal world, your custom CSS and the M3 theme are targeting different elements, and the issue does not come up. (We’ve aimed for this, so that you can add the M3 theme to existing apps as far as possible.) Otherwise, you may need to adjust your custom styling to fit.