deeppurple-amber.scss

@use '../all-theme';
@use '../../core';
@use '../palette';
@use '../theming';
@use '../../typography/typography';

// Include non-theme styles for core.
@include core.core();

// Define a theme.
$primary: theming.define-palette(palette.$deep-purple-palette);
$accent:  theming.define-palette(palette.$amber-palette, A200, A100, A400);

$theme: theming.define-light-theme((
  color: (
    primary: $primary,
    accent: $accent,
  ),
  typography: typography.define-typography-config(),
  density: 0,
));

// Include all theme styles for the components.
@include all-theme.all-component-themes($theme);

@include typography.typography-hierarchy($theme);