Variable materialColorsConst

Type declaration

• amber: { 100: string; 200: string; 300: string; 400: string; 50: string; 500: string; 600: string; 700: string; 800: string; 900: string; accent: { 100: string; 200: string; 400: string; 700: string } }

  • 100: string

  • 200: string

  • 300: string

  • 400: string

  • 50: string

  • 500: string

  • 600: string

  • 700: string

  • 800: string

  • 900: string

  • accent: { 100: string; 200: string; 400: string; 700: string }

    • 100: string

    • 200: string

    • 400: string

    • 700: string

• blue: { 100: string; 200: string; 300: string; 400: string; 50: string; 500: string; 600: string; 700: string; 800: string; 900: string; accent: { 100: string; 200: string; 400: string; 700: string } }

  • 100: string

  • 200: string

  • 300: string

  • 400: string

  • 50: string

  • 500: string

  • 600: string

  • 700: string

  • 800: string

  • 900: string

  • accent: { 100: string; 200: string; 400: string; 700: string }

    • 100: string

    • 200: string

    • 400: string

    • 700: string

• blueGray: { 100: string; 200: string; 300: string; 400: string; 50: string; 500: string; 600: string; 700: string; 800: string; 900: string }

  • 100: string

  • 200: string

  • 300: string

  • 400: string

  • 50: string

  • 500: string

  • 600: string

  • 700: string

  • 800: string

  • 900: string

• brown: { 100: string; 200: string; 300: string; 400: string; 50: string; 500: string; 600: string; 700: string; 800: string; 900: string }

  • 100: string

  • 200: string

  • 300: string

  • 400: string

  • 50: string

  • 500: string

  • 600: string

  • 700: string

  • 800: string

  • 900: string

• cyan: { 100: string; 200: string; 300: string; 400: string; 50: string; 500: string; 600: string; 700: string; 800: string; 900: string; accent: { 100: string; 200: string; 400: string; 700: string } }

  • 100: string

  • 200: string

  • 300: string

  • 400: string

  • 50: string

  • 500: string

  • 600: string

  • 700: string

  • 800: string

  • 900: string

  • accent: { 100: string; 200: string; 400: string; 700: string }

    • 100: string

    • 200: string

    • 400: string

    • 700: string

• deepOrange: { 100: string; 200: string; 300: string; 400: string; 50: string; 500: string; 600: string; 700: string; 800: string; 900: string; accent: { 100: string; 200: string; 400: string; 700: string } }

  • 100: string

  • 200: string

  • 300: string

  • 400: string

  • 50: string

  • 500: string

  • 600: string

  • 700: string

  • 800: string

  • 900: string

  • accent: { 100: string; 200: string; 400: string; 700: string }

    • 100: string

    • 200: string

    • 400: string

    • 700: string

• deepPurple: { 100: string; 200: string; 300: string; 400: string; 50: string; 500: string; 600: string; 700: string; 800: string; 900: string; accent: { 100: string; 200: string; 400: string; 700: string } }

  • 100: string

  • 200: string

  • 300: string

  • 400: string

  • 50: string

  • 500: string

  • 600: string

  • 700: string

  • 800: string

  • 900: string

  • accent: { 100: string; 200: string; 400: string; 700: string }

    • 100: string

    • 200: string

    • 400: string

    • 700: string

• gray: { 100: string; 200: string; 300: string; 400: string; 50: string; 500: string; 600: string; 700: string; 800: string; 900: string }

  • 100: string

  • 200: string

  • 300: string

  • 400: string

  • 50: string

  • 500: string

  • 600: string

  • 700: string

  • 800: string

  • 900: string

• green: { 100: string; 200: string; 300: string; 400: string; 50: string; 500: string; 600: string; 700: string; 800: string; 900: string; accent: { 100: string; 200: string; 400: string; 700: string } }

  • 100: string

  • 200: string

  • 300: string

  • 400: string

  • 50: string

  • 500: string

  • 600: string

  • 700: string

  • 800: string

  • 900: string

  • accent: { 100: string; 200: string; 400: string; 700: string }

    • 100: string

    • 200: string

    • 400: string

    • 700: string

• indigo: { 100: string; 200: string; 300: string; 400: string; 50: string; 500: string; 600: string; 700: string; 800: string; 900: string; accent: { 100: string; 200: string; 400: string; 700: string } }

  • 100: string

  • 200: string

  • 300: string

  • 400: string

  • 50: string

  • 500: string

  • 600: string

  • 700: string

  • 800: string

  • 900: string

  • accent: { 100: string; 200: string; 400: string; 700: string }

    • 100: string

    • 200: string

    • 400: string

    • 700: string

• lightBlue: { 100: string; 200: string; 300: string; 400: string; 50: string; 500: string; 600: string; 700: string; 800: string; 900: string; accent: { 100: string; 200: string; 400: string; 700: string } }

  • 100: string

  • 200: string

  • 300: string

  • 400: string

  • 50: string

  • 500: string

  • 600: string

  • 700: string

  • 800: string

  • 900: string

  • accent: { 100: string; 200: string; 400: string; 700: string }

    • 100: string

    • 200: string

    • 400: string

    • 700: string

• lightGreen: { 100: string; 200: string; 300: string; 400: string; 50: string; 500: string; 600: string; 700: string; 800: string; 900: string; accent: { 100: string; 200: string; 400: string; 700: string } }

  • 100: string

  • 200: string

  • 300: string

  • 400: string

  • 50: string

  • 500: string

  • 600: string

  • 700: string

  • 800: string

  • 900: string

  • accent: { 100: string; 200: string; 400: string; 700: string }

    • 100: string

    • 200: string

    • 400: string

    • 700: string

• lime: { 100: string; 200: string; 300: string; 400: string; 50: string; 500: string; 600: string; 700: string; 800: string; 900: string; accent: { 100: string; 200: string; 400: string; 700: string } }

  • 100: string

  • 200: string

  • 300: string

  • 400: string

  • 50: string

  • 500: string

  • 600: string

  • 700: string

  • 800: string

  • 900: string

  • accent: { 100: string; 200: string; 400: string; 700: string }

    • 100: string

    • 200: string

    • 400: string

    • 700: string

• orange: { 100: string; 200: string; 300: string; 400: string; 50: string; 500: string; 600: string; 700: string; 800: string; 900: string; accent: { 100: string; 200: string; 400: string; 700: string } }

  • 100: string

  • 200: string

  • 300: string

  • 400: string

  • 50: string

  • 500: string

  • 600: string

  • 700: string

  • 800: string

  • 900: string

  • accent: { 100: string; 200: string; 400: string; 700: string }

    • 100: string

    • 200: string

    • 400: string

    • 700: string

• pink: { 100: string; 200: string; 300: string; 400: string; 50: string; 500: string; 600: string; 700: string; 800: string; 900: string; accent: { 100: string; 200: string; 400: string; 700: string } }

  • 100: string

  • 200: string

  • 300: string

  • 400: string

  • 50: string

  • 500: string

  • 600: string

  • 700: string

  • 800: string

  • 900: string

  • accent: { 100: string; 200: string; 400: string; 700: string }

    • 100: string

    • 200: string

    • 400: string

    • 700: string

• purple: { 100: string; 200: string; 300: string; 400: string; 50: string; 500: string; 600: string; 700: string; 800: string; 900: string; accent: { 100: string; 200: string; 400: string; 700: string } }

  • 100: string

  • 200: string

  • 300: string

  • 400: string

  • 50: string

  • 500: string

  • 600: string

  • 700: string

  • 800: string

  • 900: string

  • accent: { 100: string; 200: string; 400: string; 700: string }

    • 100: string

    • 200: string

    • 400: string

    • 700: string

• red: { 100: string; 200: string; 300: string; 400: string; 50: string; 500: string; 600: string; 700: string; 800: string; 900: string; accent: { 100: string; 200: string; 400: string; 700: string } }

  • 100: string

  • 200: string

  • 300: string

  • 400: string

  • 50: string

  • 500: string

  • 600: string

  • 700: string

  • 800: string

  • 900: string

  • accent: { 100: string; 200: string; 400: string; 700: string }

    • 100: string

    • 200: string

    • 400: string

    • 700: string

• teal: { 100: string; 200: string; 300: string; 400: string; 50: string; 500: string; 600: string; 700: string; 800: string; 900: string; accent: { 100: string; 200: string; 400: string; 700: string } }

  • 100: string

  • 200: string

  • 300: string

  • 400: string

  • 50: string

  • 500: string

  • 600: string

  • 700: string

  • 800: string

  • 900: string

  • accent: { 100: string; 200: string; 400: string; 700: string }

    • 100: string

    • 200: string

    • 400: string

    • 700: string

• yellow: { 100: string; 200: string; 300: string; 400: string; 50: string; 500: string; 600: string; 700: string; 800: string; 900: string; accent: { 100: string; 200: string; 400: string; 700: string } }

  • 100: string

  • 200: string

  • 300: string

  • 400: string

  • 50: string

  • 500: string

  • 600: string

  • 700: string

  • 800: string

  • 900: string

  • accent: { 100: string; 200: string; 400: string; 700: string }

    • 100: string

    • 200: string

    • 400: string

    • 700: string