• Home
• com.olvind.st-material-ui
• st-material-ui-slinky_sjs1_3
• 1.1.0
• source code
• colorsMod.scala

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

com.olvind.mui.muiMaterial.colorsMod.scala Maven / Gradle / Ivy

package com.olvind.mui.muiMaterial

import org.scalablytyped.runtime.StObject
import scala.scalajs.js
import scala.scalajs.js.annotation.{JSGlobalScope, JSGlobal, JSImport, JSName, JSBracketAccess}

object colorsMod {
  
  object amber {
    
    @JSImport("@mui/material/colors", "amber")
    @js.native
    val ^ : js.Any = js.native
    
    /**
      * Preview: ![amber 100](https://mui.com/static/colors-preview/amber-100-24x24.png)
      */
    @JSImport("@mui/material/colors", "amber.100")
    @js.native
    val `100`: String /* "#ffecb3" */ = js.native
    
    /**
      * Preview: ![amber 200](https://mui.com/static/colors-preview/amber-200-24x24.png)
      */
    @JSImport("@mui/material/colors", "amber.200")
    @js.native
    val `200`: String /* "#ffe082" */ = js.native
    
    /**
      * Preview: ![amber 300](https://mui.com/static/colors-preview/amber-300-24x24.png)
      */
    @JSImport("@mui/material/colors", "amber.300")
    @js.native
    val `300`: String /* "#ffd54f" */ = js.native
    
    /**
      * Preview: ![amber 400](https://mui.com/static/colors-preview/amber-400-24x24.png)
      */
    @JSImport("@mui/material/colors", "amber.400")
    @js.native
    val `400`: String /* "#ffca28" */ = js.native
    
    /**
      * Preview: ![amber 50](https://mui.com/static/colors-preview/amber-50-24x24.png)
      */
    @JSImport("@mui/material/colors", "amber.50")
    @js.native
    val `50`: String /* "#fff8e1" */ = js.native
    
    /**
      * Preview: ![amber 500](https://mui.com/static/colors-preview/amber-500-24x24.png)
      */
    @JSImport("@mui/material/colors", "amber.500")
    @js.native
    val `500`: String /* "#ffc107" */ = js.native
    
    /**
      * Preview: ![amber 600](https://mui.com/static/colors-preview/amber-600-24x24.png)
      */
    @JSImport("@mui/material/colors", "amber.600")
    @js.native
    val `600`: String /* "#ffb300" */ = js.native
    
    /**
      * Preview: ![amber 700](https://mui.com/static/colors-preview/amber-700-24x24.png)
      */
    @JSImport("@mui/material/colors", "amber.700")
    @js.native
    val `700`: String /* "#ffa000" */ = js.native
    
    /**
      * Preview: ![amber 800](https://mui.com/static/colors-preview/amber-800-24x24.png)
      */
    @JSImport("@mui/material/colors", "amber.800")
    @js.native
    val `800`: String /* "#ff8f00" */ = js.native
    
    /**
      * Preview: ![amber 900](https://mui.com/static/colors-preview/amber-900-24x24.png)
      */
    @JSImport("@mui/material/colors", "amber.900")
    @js.native
    val `900`: String /* "#ff6f00" */ = js.native
    
    /**
      * Preview: ![amber A100](https://mui.com/static/colors-preview/amber-A100-24x24.png)
      */
    @JSImport("@mui/material/colors", "amber.A100")
    @js.native
    def A100: String /* "#ffe57f" */ = js.native
    inline def A100_=(x: "#ffe57f"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A100")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![amber A200](https://mui.com/static/colors-preview/amber-A200-24x24.png)
      */
    @JSImport("@mui/material/colors", "amber.A200")
    @js.native
    def A200: String /* "#ffd740" */ = js.native
    inline def A200_=(x: "#ffd740"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A200")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![amber A400](https://mui.com/static/colors-preview/amber-A400-24x24.png)
      */
    @JSImport("@mui/material/colors", "amber.A400")
    @js.native
    def A400: String /* "#ffc400" */ = js.native
    inline def A400_=(x: "#ffc400"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A400")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![amber A700](https://mui.com/static/colors-preview/amber-A700-24x24.png)
      */
    @JSImport("@mui/material/colors", "amber.A700")
    @js.native
    def A700: String /* "#ffab00" */ = js.native
    inline def A700_=(x: "#ffab00"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A700")(x.asInstanceOf[js.Any])
  }
  
  object blue {
    
    @JSImport("@mui/material/colors", "blue")
    @js.native
    val ^ : js.Any = js.native
    
    /**
      * Preview: ![blue 100](https://mui.com/static/colors-preview/blue-100-24x24.png)
      */
    @JSImport("@mui/material/colors", "blue.100")
    @js.native
    val `100`: String /* "#bbdefb" */ = js.native
    
    /**
      * Preview: ![blue 200](https://mui.com/static/colors-preview/blue-200-24x24.png)
      */
    @JSImport("@mui/material/colors", "blue.200")
    @js.native
    val `200`: String /* "#90caf9" */ = js.native
    
    /**
      * Preview: ![blue 300](https://mui.com/static/colors-preview/blue-300-24x24.png)
      */
    @JSImport("@mui/material/colors", "blue.300")
    @js.native
    val `300`: String /* "#64b5f6" */ = js.native
    
    /**
      * Preview: ![blue 400](https://mui.com/static/colors-preview/blue-400-24x24.png)
      */
    @JSImport("@mui/material/colors", "blue.400")
    @js.native
    val `400`: String /* "#42a5f5" */ = js.native
    
    /**
      * Preview: ![blue 50](https://mui.com/static/colors-preview/blue-50-24x24.png)
      */
    @JSImport("@mui/material/colors", "blue.50")
    @js.native
    val `50`: String /* "#e3f2fd" */ = js.native
    
    /**
      * Preview: ![blue 500](https://mui.com/static/colors-preview/blue-500-24x24.png)
      */
    @JSImport("@mui/material/colors", "blue.500")
    @js.native
    val `500`: String /* "#2196f3" */ = js.native
    
    /**
      * Preview: ![blue 600](https://mui.com/static/colors-preview/blue-600-24x24.png)
      */
    @JSImport("@mui/material/colors", "blue.600")
    @js.native
    val `600`: String /* "#1e88e5" */ = js.native
    
    /**
      * Preview: ![blue 700](https://mui.com/static/colors-preview/blue-700-24x24.png)
      */
    @JSImport("@mui/material/colors", "blue.700")
    @js.native
    val `700`: String /* "#1976d2" */ = js.native
    
    /**
      * Preview: ![blue 800](https://mui.com/static/colors-preview/blue-800-24x24.png)
      */
    @JSImport("@mui/material/colors", "blue.800")
    @js.native
    val `800`: String /* "#1565c0" */ = js.native
    
    /**
      * Preview: ![blue 900](https://mui.com/static/colors-preview/blue-900-24x24.png)
      */
    @JSImport("@mui/material/colors", "blue.900")
    @js.native
    val `900`: String /* "#0d47a1" */ = js.native
    
    /**
      * Preview: ![blue A100](https://mui.com/static/colors-preview/blue-A100-24x24.png)
      */
    @JSImport("@mui/material/colors", "blue.A100")
    @js.native
    def A100: String /* "#82b1ff" */ = js.native
    inline def A100_=(x: "#82b1ff"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A100")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![blue A200](https://mui.com/static/colors-preview/blue-A200-24x24.png)
      */
    @JSImport("@mui/material/colors", "blue.A200")
    @js.native
    def A200: String /* "#448aff" */ = js.native
    inline def A200_=(x: "#448aff"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A200")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![blue A400](https://mui.com/static/colors-preview/blue-A400-24x24.png)
      */
    @JSImport("@mui/material/colors", "blue.A400")
    @js.native
    def A400: String /* "#2979ff" */ = js.native
    inline def A400_=(x: "#2979ff"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A400")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![blue A700](https://mui.com/static/colors-preview/blue-A700-24x24.png)
      */
    @JSImport("@mui/material/colors", "blue.A700")
    @js.native
    def A700: String /* "#2962ff" */ = js.native
    inline def A700_=(x: "#2962ff"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A700")(x.asInstanceOf[js.Any])
  }
  
  object blueGrey {
    
    @JSImport("@mui/material/colors", "blueGrey")
    @js.native
    val ^ : js.Any = js.native
    
    /**
      * Preview: ![blueGrey 100](https://mui.com/static/colors-preview/blueGrey-100-24x24.png)
      */
    @JSImport("@mui/material/colors", "blueGrey.100")
    @js.native
    val `100`: String /* "#cfd8dc" */ = js.native
    
    /**
      * Preview: ![blueGrey 200](https://mui.com/static/colors-preview/blueGrey-200-24x24.png)
      */
    @JSImport("@mui/material/colors", "blueGrey.200")
    @js.native
    val `200`: String /* "#b0bec5" */ = js.native
    
    /**
      * Preview: ![blueGrey 300](https://mui.com/static/colors-preview/blueGrey-300-24x24.png)
      */
    @JSImport("@mui/material/colors", "blueGrey.300")
    @js.native
    val `300`: String /* "#90a4ae" */ = js.native
    
    /**
      * Preview: ![blueGrey 400](https://mui.com/static/colors-preview/blueGrey-400-24x24.png)
      */
    @JSImport("@mui/material/colors", "blueGrey.400")
    @js.native
    val `400`: String /* "#78909c" */ = js.native
    
    /**
      * Preview: ![blueGrey 50](https://mui.com/static/colors-preview/blueGrey-50-24x24.png)
      */
    @JSImport("@mui/material/colors", "blueGrey.50")
    @js.native
    val `50`: String /* "#eceff1" */ = js.native
    
    /**
      * Preview: ![blueGrey 500](https://mui.com/static/colors-preview/blueGrey-500-24x24.png)
      */
    @JSImport("@mui/material/colors", "blueGrey.500")
    @js.native
    val `500`: String /* "#607d8b" */ = js.native
    
    /**
      * Preview: ![blueGrey 600](https://mui.com/static/colors-preview/blueGrey-600-24x24.png)
      */
    @JSImport("@mui/material/colors", "blueGrey.600")
    @js.native
    val `600`: String /* "#546e7a" */ = js.native
    
    /**
      * Preview: ![blueGrey 700](https://mui.com/static/colors-preview/blueGrey-700-24x24.png)
      */
    @JSImport("@mui/material/colors", "blueGrey.700")
    @js.native
    val `700`: String /* "#455a64" */ = js.native
    
    /**
      * Preview: ![blueGrey 800](https://mui.com/static/colors-preview/blueGrey-800-24x24.png)
      */
    @JSImport("@mui/material/colors", "blueGrey.800")
    @js.native
    val `800`: String /* "#37474f" */ = js.native
    
    /**
      * Preview: ![blueGrey 900](https://mui.com/static/colors-preview/blueGrey-900-24x24.png)
      */
    @JSImport("@mui/material/colors", "blueGrey.900")
    @js.native
    val `900`: String /* "#263238" */ = js.native
    
    /**
      * Preview: ![blueGrey A100](https://mui.com/static/colors-preview/blueGrey-A100-24x24.png)
      */
    @JSImport("@mui/material/colors", "blueGrey.A100")
    @js.native
    def A100: String /* "#cfd8dc" */ = js.native
    inline def A100_=(x: "#cfd8dc"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A100")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![blueGrey A200](https://mui.com/static/colors-preview/blueGrey-A200-24x24.png)
      */
    @JSImport("@mui/material/colors", "blueGrey.A200")
    @js.native
    def A200: String /* "#b0bec5" */ = js.native
    inline def A200_=(x: "#b0bec5"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A200")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![blueGrey A400](https://mui.com/static/colors-preview/blueGrey-A400-24x24.png)
      */
    @JSImport("@mui/material/colors", "blueGrey.A400")
    @js.native
    def A400: String /* "#78909c" */ = js.native
    inline def A400_=(x: "#78909c"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A400")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![blueGrey A700](https://mui.com/static/colors-preview/blueGrey-A700-24x24.png)
      */
    @JSImport("@mui/material/colors", "blueGrey.A700")
    @js.native
    def A700: String /* "#455a64" */ = js.native
    inline def A700_=(x: "#455a64"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A700")(x.asInstanceOf[js.Any])
  }
  
  object brown {
    
    @JSImport("@mui/material/colors", "brown")
    @js.native
    val ^ : js.Any = js.native
    
    /**
      * Preview: ![brown 100](https://mui.com/static/colors-preview/brown-100-24x24.png)
      */
    @JSImport("@mui/material/colors", "brown.100")
    @js.native
    val `100`: String /* "#d7ccc8" */ = js.native
    
    /**
      * Preview: ![brown 200](https://mui.com/static/colors-preview/brown-200-24x24.png)
      */
    @JSImport("@mui/material/colors", "brown.200")
    @js.native
    val `200`: String /* "#bcaaa4" */ = js.native
    
    /**
      * Preview: ![brown 300](https://mui.com/static/colors-preview/brown-300-24x24.png)
      */
    @JSImport("@mui/material/colors", "brown.300")
    @js.native
    val `300`: String /* "#a1887f" */ = js.native
    
    /**
      * Preview: ![brown 400](https://mui.com/static/colors-preview/brown-400-24x24.png)
      */
    @JSImport("@mui/material/colors", "brown.400")
    @js.native
    val `400`: String /* "#8d6e63" */ = js.native
    
    /**
      * Preview: ![brown 50](https://mui.com/static/colors-preview/brown-50-24x24.png)
      */
    @JSImport("@mui/material/colors", "brown.50")
    @js.native
    val `50`: String /* "#efebe9" */ = js.native
    
    /**
      * Preview: ![brown 500](https://mui.com/static/colors-preview/brown-500-24x24.png)
      */
    @JSImport("@mui/material/colors", "brown.500")
    @js.native
    val `500`: String /* "#795548" */ = js.native
    
    /**
      * Preview: ![brown 600](https://mui.com/static/colors-preview/brown-600-24x24.png)
      */
    @JSImport("@mui/material/colors", "brown.600")
    @js.native
    val `600`: String /* "#6d4c41" */ = js.native
    
    /**
      * Preview: ![brown 700](https://mui.com/static/colors-preview/brown-700-24x24.png)
      */
    @JSImport("@mui/material/colors", "brown.700")
    @js.native
    val `700`: String /* "#5d4037" */ = js.native
    
    /**
      * Preview: ![brown 800](https://mui.com/static/colors-preview/brown-800-24x24.png)
      */
    @JSImport("@mui/material/colors", "brown.800")
    @js.native
    val `800`: String /* "#4e342e" */ = js.native
    
    /**
      * Preview: ![brown 900](https://mui.com/static/colors-preview/brown-900-24x24.png)
      */
    @JSImport("@mui/material/colors", "brown.900")
    @js.native
    val `900`: String /* "#3e2723" */ = js.native
    
    /**
      * Preview: ![brown A100](https://mui.com/static/colors-preview/brown-A100-24x24.png)
      */
    @JSImport("@mui/material/colors", "brown.A100")
    @js.native
    def A100: String /* "#d7ccc8" */ = js.native
    inline def A100_=(x: "#d7ccc8"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A100")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![brown A200](https://mui.com/static/colors-preview/brown-A200-24x24.png)
      */
    @JSImport("@mui/material/colors", "brown.A200")
    @js.native
    def A200: String /* "#bcaaa4" */ = js.native
    inline def A200_=(x: "#bcaaa4"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A200")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![brown A400](https://mui.com/static/colors-preview/brown-A400-24x24.png)
      */
    @JSImport("@mui/material/colors", "brown.A400")
    @js.native
    def A400: String /* "#8d6e63" */ = js.native
    inline def A400_=(x: "#8d6e63"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A400")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![brown A700](https://mui.com/static/colors-preview/brown-A700-24x24.png)
      */
    @JSImport("@mui/material/colors", "brown.A700")
    @js.native
    def A700: String /* "#5d4037" */ = js.native
    inline def A700_=(x: "#5d4037"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A700")(x.asInstanceOf[js.Any])
  }
  
  object common {
    
    @JSImport("@mui/material/colors", "common")
    @js.native
    val ^ : js.Any = js.native
    
    /**
      * Preview: ![common black](https://mui.com/static/colors-preview/common-black-24x24.png)
      */
    @JSImport("@mui/material/colors", "common.black")
    @js.native
    def black: String /* "#000" */ = js.native
    inline def black_=(x: "#000"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("black")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![common white](https://mui.com/static/colors-preview/common-white-24x24.png)
      */
    @JSImport("@mui/material/colors", "common.white")
    @js.native
    def white: String /* "#fff" */ = js.native
    inline def white_=(x: "#fff"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("white")(x.asInstanceOf[js.Any])
  }
  
  object cyan {
    
    @JSImport("@mui/material/colors", "cyan")
    @js.native
    val ^ : js.Any = js.native
    
    /**
      * Preview: ![cyan 100](https://mui.com/static/colors-preview/cyan-100-24x24.png)
      */
    @JSImport("@mui/material/colors", "cyan.100")
    @js.native
    val `100`: String /* "#b2ebf2" */ = js.native
    
    /**
      * Preview: ![cyan 200](https://mui.com/static/colors-preview/cyan-200-24x24.png)
      */
    @JSImport("@mui/material/colors", "cyan.200")
    @js.native
    val `200`: String /* "#80deea" */ = js.native
    
    /**
      * Preview: ![cyan 300](https://mui.com/static/colors-preview/cyan-300-24x24.png)
      */
    @JSImport("@mui/material/colors", "cyan.300")
    @js.native
    val `300`: String /* "#4dd0e1" */ = js.native
    
    /**
      * Preview: ![cyan 400](https://mui.com/static/colors-preview/cyan-400-24x24.png)
      */
    @JSImport("@mui/material/colors", "cyan.400")
    @js.native
    val `400`: String /* "#26c6da" */ = js.native
    
    /**
      * Preview: ![cyan 50](https://mui.com/static/colors-preview/cyan-50-24x24.png)
      */
    @JSImport("@mui/material/colors", "cyan.50")
    @js.native
    val `50`: String /* "#e0f7fa" */ = js.native
    
    /**
      * Preview: ![cyan 500](https://mui.com/static/colors-preview/cyan-500-24x24.png)
      */
    @JSImport("@mui/material/colors", "cyan.500")
    @js.native
    val `500`: String /* "#00bcd4" */ = js.native
    
    /**
      * Preview: ![cyan 600](https://mui.com/static/colors-preview/cyan-600-24x24.png)
      */
    @JSImport("@mui/material/colors", "cyan.600")
    @js.native
    val `600`: String /* "#00acc1" */ = js.native
    
    /**
      * Preview: ![cyan 700](https://mui.com/static/colors-preview/cyan-700-24x24.png)
      */
    @JSImport("@mui/material/colors", "cyan.700")
    @js.native
    val `700`: String /* "#0097a7" */ = js.native
    
    /**
      * Preview: ![cyan 800](https://mui.com/static/colors-preview/cyan-800-24x24.png)
      */
    @JSImport("@mui/material/colors", "cyan.800")
    @js.native
    val `800`: String /* "#00838f" */ = js.native
    
    /**
      * Preview: ![cyan 900](https://mui.com/static/colors-preview/cyan-900-24x24.png)
      */
    @JSImport("@mui/material/colors", "cyan.900")
    @js.native
    val `900`: String /* "#006064" */ = js.native
    
    /**
      * Preview: ![cyan A100](https://mui.com/static/colors-preview/cyan-A100-24x24.png)
      */
    @JSImport("@mui/material/colors", "cyan.A100")
    @js.native
    def A100: String /* "#84ffff" */ = js.native
    inline def A100_=(x: "#84ffff"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A100")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![cyan A200](https://mui.com/static/colors-preview/cyan-A200-24x24.png)
      */
    @JSImport("@mui/material/colors", "cyan.A200")
    @js.native
    def A200: String /* "#18ffff" */ = js.native
    inline def A200_=(x: "#18ffff"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A200")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![cyan A400](https://mui.com/static/colors-preview/cyan-A400-24x24.png)
      */
    @JSImport("@mui/material/colors", "cyan.A400")
    @js.native
    def A400: String /* "#00e5ff" */ = js.native
    inline def A400_=(x: "#00e5ff"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A400")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![cyan A700](https://mui.com/static/colors-preview/cyan-A700-24x24.png)
      */
    @JSImport("@mui/material/colors", "cyan.A700")
    @js.native
    def A700: String /* "#00b8d4" */ = js.native
    inline def A700_=(x: "#00b8d4"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A700")(x.asInstanceOf[js.Any])
  }
  
  object deepOrange {
    
    @JSImport("@mui/material/colors", "deepOrange")
    @js.native
    val ^ : js.Any = js.native
    
    /**
      * Preview: ![deepOrange 100](https://mui.com/static/colors-preview/deepOrange-100-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepOrange.100")
    @js.native
    val `100`: String /* "#ffccbc" */ = js.native
    
    /**
      * Preview: ![deepOrange 200](https://mui.com/static/colors-preview/deepOrange-200-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepOrange.200")
    @js.native
    val `200`: String /* "#ffab91" */ = js.native
    
    /**
      * Preview: ![deepOrange 300](https://mui.com/static/colors-preview/deepOrange-300-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepOrange.300")
    @js.native
    val `300`: String /* "#ff8a65" */ = js.native
    
    /**
      * Preview: ![deepOrange 400](https://mui.com/static/colors-preview/deepOrange-400-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepOrange.400")
    @js.native
    val `400`: String /* "#ff7043" */ = js.native
    
    /**
      * Preview: ![deepOrange 50](https://mui.com/static/colors-preview/deepOrange-50-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepOrange.50")
    @js.native
    val `50`: String /* "#fbe9e7" */ = js.native
    
    /**
      * Preview: ![deepOrange 500](https://mui.com/static/colors-preview/deepOrange-500-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepOrange.500")
    @js.native
    val `500`: String /* "#ff5722" */ = js.native
    
    /**
      * Preview: ![deepOrange 600](https://mui.com/static/colors-preview/deepOrange-600-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepOrange.600")
    @js.native
    val `600`: String /* "#f4511e" */ = js.native
    
    /**
      * Preview: ![deepOrange 700](https://mui.com/static/colors-preview/deepOrange-700-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepOrange.700")
    @js.native
    val `700`: String /* "#e64a19" */ = js.native
    
    /**
      * Preview: ![deepOrange 800](https://mui.com/static/colors-preview/deepOrange-800-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepOrange.800")
    @js.native
    val `800`: String /* "#d84315" */ = js.native
    
    /**
      * Preview: ![deepOrange 900](https://mui.com/static/colors-preview/deepOrange-900-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepOrange.900")
    @js.native
    val `900`: String /* "#bf360c" */ = js.native
    
    /**
      * Preview: ![deepOrange A100](https://mui.com/static/colors-preview/deepOrange-A100-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepOrange.A100")
    @js.native
    def A100: String /* "#ff9e80" */ = js.native
    inline def A100_=(x: "#ff9e80"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A100")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![deepOrange A200](https://mui.com/static/colors-preview/deepOrange-A200-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepOrange.A200")
    @js.native
    def A200: String /* "#ff6e40" */ = js.native
    inline def A200_=(x: "#ff6e40"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A200")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![deepOrange A400](https://mui.com/static/colors-preview/deepOrange-A400-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepOrange.A400")
    @js.native
    def A400: String /* "#ff3d00" */ = js.native
    inline def A400_=(x: "#ff3d00"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A400")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![deepOrange A700](https://mui.com/static/colors-preview/deepOrange-A700-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepOrange.A700")
    @js.native
    def A700: String /* "#dd2c00" */ = js.native
    inline def A700_=(x: "#dd2c00"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A700")(x.asInstanceOf[js.Any])
  }
  
  object deepPurple {
    
    @JSImport("@mui/material/colors", "deepPurple")
    @js.native
    val ^ : js.Any = js.native
    
    /**
      * Preview: ![deepPurple 100](https://mui.com/static/colors-preview/deepPurple-100-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepPurple.100")
    @js.native
    val `100`: String /* "#d1c4e9" */ = js.native
    
    /**
      * Preview: ![deepPurple 200](https://mui.com/static/colors-preview/deepPurple-200-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepPurple.200")
    @js.native
    val `200`: String /* "#b39ddb" */ = js.native
    
    /**
      * Preview: ![deepPurple 300](https://mui.com/static/colors-preview/deepPurple-300-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepPurple.300")
    @js.native
    val `300`: String /* "#9575cd" */ = js.native
    
    /**
      * Preview: ![deepPurple 400](https://mui.com/static/colors-preview/deepPurple-400-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepPurple.400")
    @js.native
    val `400`: String /* "#7e57c2" */ = js.native
    
    /**
      * Preview: ![deepPurple 50](https://mui.com/static/colors-preview/deepPurple-50-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepPurple.50")
    @js.native
    val `50`: String /* "#ede7f6" */ = js.native
    
    /**
      * Preview: ![deepPurple 500](https://mui.com/static/colors-preview/deepPurple-500-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepPurple.500")
    @js.native
    val `500`: String /* "#673ab7" */ = js.native
    
    /**
      * Preview: ![deepPurple 600](https://mui.com/static/colors-preview/deepPurple-600-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepPurple.600")
    @js.native
    val `600`: String /* "#5e35b1" */ = js.native
    
    /**
      * Preview: ![deepPurple 700](https://mui.com/static/colors-preview/deepPurple-700-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepPurple.700")
    @js.native
    val `700`: String /* "#512da8" */ = js.native
    
    /**
      * Preview: ![deepPurple 800](https://mui.com/static/colors-preview/deepPurple-800-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepPurple.800")
    @js.native
    val `800`: String /* "#4527a0" */ = js.native
    
    /**
      * Preview: ![deepPurple 900](https://mui.com/static/colors-preview/deepPurple-900-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepPurple.900")
    @js.native
    val `900`: String /* "#311b92" */ = js.native
    
    /**
      * Preview: ![deepPurple A100](https://mui.com/static/colors-preview/deepPurple-A100-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepPurple.A100")
    @js.native
    def A100: String /* "#b388ff" */ = js.native
    inline def A100_=(x: "#b388ff"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A100")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![deepPurple A200](https://mui.com/static/colors-preview/deepPurple-A200-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepPurple.A200")
    @js.native
    def A200: String /* "#7c4dff" */ = js.native
    inline def A200_=(x: "#7c4dff"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A200")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![deepPurple A400](https://mui.com/static/colors-preview/deepPurple-A400-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepPurple.A400")
    @js.native
    def A400: String /* "#651fff" */ = js.native
    inline def A400_=(x: "#651fff"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A400")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![deepPurple A700](https://mui.com/static/colors-preview/deepPurple-A700-24x24.png)
      */
    @JSImport("@mui/material/colors", "deepPurple.A700")
    @js.native
    def A700: String /* "#6200ea" */ = js.native
    inline def A700_=(x: "#6200ea"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A700")(x.asInstanceOf[js.Any])
  }
  
  object green {
    
    @JSImport("@mui/material/colors", "green")
    @js.native
    val ^ : js.Any = js.native
    
    /**
      * Preview: ![green 100](https://mui.com/static/colors-preview/green-100-24x24.png)
      */
    @JSImport("@mui/material/colors", "green.100")
    @js.native
    val `100`: String /* "#c8e6c9" */ = js.native
    
    /**
      * Preview: ![green 200](https://mui.com/static/colors-preview/green-200-24x24.png)
      */
    @JSImport("@mui/material/colors", "green.200")
    @js.native
    val `200`: String /* "#a5d6a7" */ = js.native
    
    /**
      * Preview: ![green 300](https://mui.com/static/colors-preview/green-300-24x24.png)
      */
    @JSImport("@mui/material/colors", "green.300")
    @js.native
    val `300`: String /* "#81c784" */ = js.native
    
    /**
      * Preview: ![green 400](https://mui.com/static/colors-preview/green-400-24x24.png)
      */
    @JSImport("@mui/material/colors", "green.400")
    @js.native
    val `400`: String /* "#66bb6a" */ = js.native
    
    /**
      * Preview: ![green 50](https://mui.com/static/colors-preview/green-50-24x24.png)
      */
    @JSImport("@mui/material/colors", "green.50")
    @js.native
    val `50`: String /* "#e8f5e9" */ = js.native
    
    /**
      * Preview: ![green 500](https://mui.com/static/colors-preview/green-500-24x24.png)
      */
    @JSImport("@mui/material/colors", "green.500")
    @js.native
    val `500`: String /* "#4caf50" */ = js.native
    
    /**
      * Preview: ![green 600](https://mui.com/static/colors-preview/green-600-24x24.png)
      */
    @JSImport("@mui/material/colors", "green.600")
    @js.native
    val `600`: String /* "#43a047" */ = js.native
    
    /**
      * Preview: ![green 700](https://mui.com/static/colors-preview/green-700-24x24.png)
      */
    @JSImport("@mui/material/colors", "green.700")
    @js.native
    val `700`: String /* "#388e3c" */ = js.native
    
    /**
      * Preview: ![green 800](https://mui.com/static/colors-preview/green-800-24x24.png)
      */
    @JSImport("@mui/material/colors", "green.800")
    @js.native
    val `800`: String /* "#2e7d32" */ = js.native
    
    /**
      * Preview: ![green 900](https://mui.com/static/colors-preview/green-900-24x24.png)
      */
    @JSImport("@mui/material/colors", "green.900")
    @js.native
    val `900`: String /* "#1b5e20" */ = js.native
    
    /**
      * Preview: ![green A100](https://mui.com/static/colors-preview/green-A100-24x24.png)
      */
    @JSImport("@mui/material/colors", "green.A100")
    @js.native
    def A100: String /* "#b9f6ca" */ = js.native
    inline def A100_=(x: "#b9f6ca"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A100")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![green A200](https://mui.com/static/colors-preview/green-A200-24x24.png)
      */
    @JSImport("@mui/material/colors", "green.A200")
    @js.native
    def A200: String /* "#69f0ae" */ = js.native
    inline def A200_=(x: "#69f0ae"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A200")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![green A400](https://mui.com/static/colors-preview/green-A400-24x24.png)
      */
    @JSImport("@mui/material/colors", "green.A400")
    @js.native
    def A400: String /* "#00e676" */ = js.native
    inline def A400_=(x: "#00e676"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A400")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![green A700](https://mui.com/static/colors-preview/green-A700-24x24.png)
      */
    @JSImport("@mui/material/colors", "green.A700")
    @js.native
    def A700: String /* "#00c853" */ = js.native
    inline def A700_=(x: "#00c853"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A700")(x.asInstanceOf[js.Any])
  }
  
  object grey {
    
    @JSImport("@mui/material/colors", "grey")
    @js.native
    val ^ : js.Any = js.native
    
    /**
      * Preview: ![grey 100](https://mui.com/static/colors-preview/grey-100-24x24.png)
      */
    @JSImport("@mui/material/colors", "grey.100")
    @js.native
    val `100`: String /* "#f5f5f5" */ = js.native
    
    /**
      * Preview: ![grey 200](https://mui.com/static/colors-preview/grey-200-24x24.png)
      */
    @JSImport("@mui/material/colors", "grey.200")
    @js.native
    val `200`: String /* "#eeeeee" */ = js.native
    
    /**
      * Preview: ![grey 300](https://mui.com/static/colors-preview/grey-300-24x24.png)
      */
    @JSImport("@mui/material/colors", "grey.300")
    @js.native
    val `300`: String /* "#e0e0e0" */ = js.native
    
    /**
      * Preview: ![grey 400](https://mui.com/static/colors-preview/grey-400-24x24.png)
      */
    @JSImport("@mui/material/colors", "grey.400")
    @js.native
    val `400`: String /* "#bdbdbd" */ = js.native
    
    /**
      * Preview: ![grey 50](https://mui.com/static/colors-preview/grey-50-24x24.png)
      */
    @JSImport("@mui/material/colors", "grey.50")
    @js.native
    val `50`: String /* "#fafafa" */ = js.native
    
    /**
      * Preview: ![grey 500](https://mui.com/static/colors-preview/grey-500-24x24.png)
      */
    @JSImport("@mui/material/colors", "grey.500")
    @js.native
    val `500`: String /* "#9e9e9e" */ = js.native
    
    /**
      * Preview: ![grey 600](https://mui.com/static/colors-preview/grey-600-24x24.png)
      */
    @JSImport("@mui/material/colors", "grey.600")
    @js.native
    val `600`: String /* "#757575" */ = js.native
    
    /**
      * Preview: ![grey 700](https://mui.com/static/colors-preview/grey-700-24x24.png)
      */
    @JSImport("@mui/material/colors", "grey.700")
    @js.native
    val `700`: String /* "#616161" */ = js.native
    
    /**
      * Preview: ![grey 800](https://mui.com/static/colors-preview/grey-800-24x24.png)
      */
    @JSImport("@mui/material/colors", "grey.800")
    @js.native
    val `800`: String /* "#424242" */ = js.native
    
    /**
      * Preview: ![grey 900](https://mui.com/static/colors-preview/grey-900-24x24.png)
      */
    @JSImport("@mui/material/colors", "grey.900")
    @js.native
    val `900`: String /* "#212121" */ = js.native
    
    /**
      * Preview: ![grey A100](https://mui.com/static/colors-preview/grey-A100-24x24.png)
      */
    @JSImport("@mui/material/colors", "grey.A100")
    @js.native
    def A100: String /* "#f5f5f5" */ = js.native
    inline def A100_=(x: "#f5f5f5"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A100")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![grey A200](https://mui.com/static/colors-preview/grey-A200-24x24.png)
      */
    @JSImport("@mui/material/colors", "grey.A200")
    @js.native
    def A200: String /* "#eeeeee" */ = js.native
    inline def A200_=(x: "#eeeeee"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A200")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![grey A400](https://mui.com/static/colors-preview/grey-A400-24x24.png)
      */
    @JSImport("@mui/material/colors", "grey.A400")
    @js.native
    def A400: String /* "#bdbdbd" */ = js.native
    inline def A400_=(x: "#bdbdbd"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A400")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![grey A700](https://mui.com/static/colors-preview/grey-A700-24x24.png)
      */
    @JSImport("@mui/material/colors", "grey.A700")
    @js.native
    def A700: String /* "#616161" */ = js.native
    inline def A700_=(x: "#616161"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A700")(x.asInstanceOf[js.Any])
  }
  
  object indigo {
    
    @JSImport("@mui/material/colors", "indigo")
    @js.native
    val ^ : js.Any = js.native
    
    /**
      * Preview: ![indigo 100](https://mui.com/static/colors-preview/indigo-100-24x24.png)
      */
    @JSImport("@mui/material/colors", "indigo.100")
    @js.native
    val `100`: String /* "#c5cae9" */ = js.native
    
    /**
      * Preview: ![indigo 200](https://mui.com/static/colors-preview/indigo-200-24x24.png)
      */
    @JSImport("@mui/material/colors", "indigo.200")
    @js.native
    val `200`: String /* "#9fa8da" */ = js.native
    
    /**
      * Preview: ![indigo 300](https://mui.com/static/colors-preview/indigo-300-24x24.png)
      */
    @JSImport("@mui/material/colors", "indigo.300")
    @js.native
    val `300`: String /* "#7986cb" */ = js.native
    
    /**
      * Preview: ![indigo 400](https://mui.com/static/colors-preview/indigo-400-24x24.png)
      */
    @JSImport("@mui/material/colors", "indigo.400")
    @js.native
    val `400`: String /* "#5c6bc0" */ = js.native
    
    /**
      * Preview: ![indigo 50](https://mui.com/static/colors-preview/indigo-50-24x24.png)
      */
    @JSImport("@mui/material/colors", "indigo.50")
    @js.native
    val `50`: String /* "#e8eaf6" */ = js.native
    
    /**
      * Preview: ![indigo 500](https://mui.com/static/colors-preview/indigo-500-24x24.png)
      */
    @JSImport("@mui/material/colors", "indigo.500")
    @js.native
    val `500`: String /* "#3f51b5" */ = js.native
    
    /**
      * Preview: ![indigo 600](https://mui.com/static/colors-preview/indigo-600-24x24.png)
      */
    @JSImport("@mui/material/colors", "indigo.600")
    @js.native
    val `600`: String /* "#3949ab" */ = js.native
    
    /**
      * Preview: ![indigo 700](https://mui.com/static/colors-preview/indigo-700-24x24.png)
      */
    @JSImport("@mui/material/colors", "indigo.700")
    @js.native
    val `700`: String /* "#303f9f" */ = js.native
    
    /**
      * Preview: ![indigo 800](https://mui.com/static/colors-preview/indigo-800-24x24.png)
      */
    @JSImport("@mui/material/colors", "indigo.800")
    @js.native
    val `800`: String /* "#283593" */ = js.native
    
    /**
      * Preview: ![indigo 900](https://mui.com/static/colors-preview/indigo-900-24x24.png)
      */
    @JSImport("@mui/material/colors", "indigo.900")
    @js.native
    val `900`: String /* "#1a237e" */ = js.native
    
    /**
      * Preview: ![indigo A100](https://mui.com/static/colors-preview/indigo-A100-24x24.png)
      */
    @JSImport("@mui/material/colors", "indigo.A100")
    @js.native
    def A100: String /* "#8c9eff" */ = js.native
    inline def A100_=(x: "#8c9eff"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A100")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![indigo A200](https://mui.com/static/colors-preview/indigo-A200-24x24.png)
      */
    @JSImport("@mui/material/colors", "indigo.A200")
    @js.native
    def A200: String /* "#536dfe" */ = js.native
    inline def A200_=(x: "#536dfe"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A200")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![indigo A400](https://mui.com/static/colors-preview/indigo-A400-24x24.png)
      */
    @JSImport("@mui/material/colors", "indigo.A400")
    @js.native
    def A400: String /* "#3d5afe" */ = js.native
    inline def A400_=(x: "#3d5afe"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A400")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![indigo A700](https://mui.com/static/colors-preview/indigo-A700-24x24.png)
      */
    @JSImport("@mui/material/colors", "indigo.A700")
    @js.native
    def A700: String /* "#304ffe" */ = js.native
    inline def A700_=(x: "#304ffe"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A700")(x.asInstanceOf[js.Any])
  }
  
  object lightBlue {
    
    @JSImport("@mui/material/colors", "lightBlue")
    @js.native
    val ^ : js.Any = js.native
    
    /**
      * Preview: ![lightBlue 100](https://mui.com/static/colors-preview/lightBlue-100-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightBlue.100")
    @js.native
    val `100`: String /* "#b3e5fc" */ = js.native
    
    /**
      * Preview: ![lightBlue 200](https://mui.com/static/colors-preview/lightBlue-200-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightBlue.200")
    @js.native
    val `200`: String /* "#81d4fa" */ = js.native
    
    /**
      * Preview: ![lightBlue 300](https://mui.com/static/colors-preview/lightBlue-300-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightBlue.300")
    @js.native
    val `300`: String /* "#4fc3f7" */ = js.native
    
    /**
      * Preview: ![lightBlue 400](https://mui.com/static/colors-preview/lightBlue-400-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightBlue.400")
    @js.native
    val `400`: String /* "#29b6f6" */ = js.native
    
    /**
      * Preview: ![lightBlue 50](https://mui.com/static/colors-preview/lightBlue-50-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightBlue.50")
    @js.native
    val `50`: String /* "#e1f5fe" */ = js.native
    
    /**
      * Preview: ![lightBlue 500](https://mui.com/static/colors-preview/lightBlue-500-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightBlue.500")
    @js.native
    val `500`: String /* "#03a9f4" */ = js.native
    
    /**
      * Preview: ![lightBlue 600](https://mui.com/static/colors-preview/lightBlue-600-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightBlue.600")
    @js.native
    val `600`: String /* "#039be5" */ = js.native
    
    /**
      * Preview: ![lightBlue 700](https://mui.com/static/colors-preview/lightBlue-700-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightBlue.700")
    @js.native
    val `700`: String /* "#0288d1" */ = js.native
    
    /**
      * Preview: ![lightBlue 800](https://mui.com/static/colors-preview/lightBlue-800-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightBlue.800")
    @js.native
    val `800`: String /* "#0277bd" */ = js.native
    
    /**
      * Preview: ![lightBlue 900](https://mui.com/static/colors-preview/lightBlue-900-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightBlue.900")
    @js.native
    val `900`: String /* "#01579b" */ = js.native
    
    /**
      * Preview: ![lightBlue A100](https://mui.com/static/colors-preview/lightBlue-A100-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightBlue.A100")
    @js.native
    def A100: String /* "#80d8ff" */ = js.native
    inline def A100_=(x: "#80d8ff"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A100")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![lightBlue A200](https://mui.com/static/colors-preview/lightBlue-A200-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightBlue.A200")
    @js.native
    def A200: String /* "#40c4ff" */ = js.native
    inline def A200_=(x: "#40c4ff"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A200")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![lightBlue A400](https://mui.com/static/colors-preview/lightBlue-A400-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightBlue.A400")
    @js.native
    def A400: String /* "#00b0ff" */ = js.native
    inline def A400_=(x: "#00b0ff"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A400")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![lightBlue A700](https://mui.com/static/colors-preview/lightBlue-A700-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightBlue.A700")
    @js.native
    def A700: String /* "#0091ea" */ = js.native
    inline def A700_=(x: "#0091ea"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A700")(x.asInstanceOf[js.Any])
  }
  
  object lightGreen {
    
    @JSImport("@mui/material/colors", "lightGreen")
    @js.native
    val ^ : js.Any = js.native
    
    /**
      * Preview: ![lightGreen 100](https://mui.com/static/colors-preview/lightGreen-100-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightGreen.100")
    @js.native
    val `100`: String /* "#dcedc8" */ = js.native
    
    /**
      * Preview: ![lightGreen 200](https://mui.com/static/colors-preview/lightGreen-200-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightGreen.200")
    @js.native
    val `200`: String /* "#c5e1a5" */ = js.native
    
    /**
      * Preview: ![lightGreen 300](https://mui.com/static/colors-preview/lightGreen-300-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightGreen.300")
    @js.native
    val `300`: String /* "#aed581" */ = js.native
    
    /**
      * Preview: ![lightGreen 400](https://mui.com/static/colors-preview/lightGreen-400-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightGreen.400")
    @js.native
    val `400`: String /* "#9ccc65" */ = js.native
    
    /**
      * Preview: ![lightGreen 50](https://mui.com/static/colors-preview/lightGreen-50-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightGreen.50")
    @js.native
    val `50`: String /* "#f1f8e9" */ = js.native
    
    /**
      * Preview: ![lightGreen 500](https://mui.com/static/colors-preview/lightGreen-500-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightGreen.500")
    @js.native
    val `500`: String /* "#8bc34a" */ = js.native
    
    /**
      * Preview: ![lightGreen 600](https://mui.com/static/colors-preview/lightGreen-600-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightGreen.600")
    @js.native
    val `600`: String /* "#7cb342" */ = js.native
    
    /**
      * Preview: ![lightGreen 700](https://mui.com/static/colors-preview/lightGreen-700-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightGreen.700")
    @js.native
    val `700`: String /* "#689f38" */ = js.native
    
    /**
      * Preview: ![lightGreen 800](https://mui.com/static/colors-preview/lightGreen-800-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightGreen.800")
    @js.native
    val `800`: String /* "#558b2f" */ = js.native
    
    /**
      * Preview: ![lightGreen 900](https://mui.com/static/colors-preview/lightGreen-900-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightGreen.900")
    @js.native
    val `900`: String /* "#33691e" */ = js.native
    
    /**
      * Preview: ![lightGreen A100](https://mui.com/static/colors-preview/lightGreen-A100-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightGreen.A100")
    @js.native
    def A100: String /* "#ccff90" */ = js.native
    inline def A100_=(x: "#ccff90"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A100")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![lightGreen A200](https://mui.com/static/colors-preview/lightGreen-A200-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightGreen.A200")
    @js.native
    def A200: String /* "#b2ff59" */ = js.native
    inline def A200_=(x: "#b2ff59"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A200")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![lightGreen A400](https://mui.com/static/colors-preview/lightGreen-A400-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightGreen.A400")
    @js.native
    def A400: String /* "#76ff03" */ = js.native
    inline def A400_=(x: "#76ff03"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A400")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![lightGreen A700](https://mui.com/static/colors-preview/lightGreen-A700-24x24.png)
      */
    @JSImport("@mui/material/colors", "lightGreen.A700")
    @js.native
    def A700: String /* "#64dd17" */ = js.native
    inline def A700_=(x: "#64dd17"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A700")(x.asInstanceOf[js.Any])
  }
  
  object lime {
    
    @JSImport("@mui/material/colors", "lime")
    @js.native
    val ^ : js.Any = js.native
    
    /**
      * Preview: ![lime 100](https://mui.com/static/colors-preview/lime-100-24x24.png)
      */
    @JSImport("@mui/material/colors", "lime.100")
    @js.native
    val `100`: String /* "#f0f4c3" */ = js.native
    
    /**
      * Preview: ![lime 200](https://mui.com/static/colors-preview/lime-200-24x24.png)
      */
    @JSImport("@mui/material/colors", "lime.200")
    @js.native
    val `200`: String /* "#e6ee9c" */ = js.native
    
    /**
      * Preview: ![lime 300](https://mui.com/static/colors-preview/lime-300-24x24.png)
      */
    @JSImport("@mui/material/colors", "lime.300")
    @js.native
    val `300`: String /* "#dce775" */ = js.native
    
    /**
      * Preview: ![lime 400](https://mui.com/static/colors-preview/lime-400-24x24.png)
      */
    @JSImport("@mui/material/colors", "lime.400")
    @js.native
    val `400`: String /* "#d4e157" */ = js.native
    
    /**
      * Preview: ![lime 50](https://mui.com/static/colors-preview/lime-50-24x24.png)
      */
    @JSImport("@mui/material/colors", "lime.50")
    @js.native
    val `50`: String /* "#f9fbe7" */ = js.native
    
    /**
      * Preview: ![lime 500](https://mui.com/static/colors-preview/lime-500-24x24.png)
      */
    @JSImport("@mui/material/colors", "lime.500")
    @js.native
    val `500`: String /* "#cddc39" */ = js.native
    
    /**
      * Preview: ![lime 600](https://mui.com/static/colors-preview/lime-600-24x24.png)
      */
    @JSImport("@mui/material/colors", "lime.600")
    @js.native
    val `600`: String /* "#c0ca33" */ = js.native
    
    /**
      * Preview: ![lime 700](https://mui.com/static/colors-preview/lime-700-24x24.png)
      */
    @JSImport("@mui/material/colors", "lime.700")
    @js.native
    val `700`: String /* "#afb42b" */ = js.native
    
    /**
      * Preview: ![lime 800](https://mui.com/static/colors-preview/lime-800-24x24.png)
      */
    @JSImport("@mui/material/colors", "lime.800")
    @js.native
    val `800`: String /* "#9e9d24" */ = js.native
    
    /**
      * Preview: ![lime 900](https://mui.com/static/colors-preview/lime-900-24x24.png)
      */
    @JSImport("@mui/material/colors", "lime.900")
    @js.native
    val `900`: String /* "#827717" */ = js.native
    
    /**
      * Preview: ![lime A100](https://mui.com/static/colors-preview/lime-A100-24x24.png)
      */
    @JSImport("@mui/material/colors", "lime.A100")
    @js.native
    def A100: String /* "#f4ff81" */ = js.native
    inline def A100_=(x: "#f4ff81"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A100")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![lime A200](https://mui.com/static/colors-preview/lime-A200-24x24.png)
      */
    @JSImport("@mui/material/colors", "lime.A200")
    @js.native
    def A200: String /* "#eeff41" */ = js.native
    inline def A200_=(x: "#eeff41"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A200")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![lime A400](https://mui.com/static/colors-preview/lime-A400-24x24.png)
      */
    @JSImport("@mui/material/colors", "lime.A400")
    @js.native
    def A400: String /* "#c6ff00" */ = js.native
    inline def A400_=(x: "#c6ff00"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A400")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![lime A700](https://mui.com/static/colors-preview/lime-A700-24x24.png)
      */
    @JSImport("@mui/material/colors", "lime.A700")
    @js.native
    def A700: String /* "#aeea00" */ = js.native
    inline def A700_=(x: "#aeea00"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A700")(x.asInstanceOf[js.Any])
  }
  
  object orange {
    
    @JSImport("@mui/material/colors", "orange")
    @js.native
    val ^ : js.Any = js.native
    
    /**
      * Preview: ![orange 100](https://mui.com/static/colors-preview/orange-100-24x24.png)
      */
    @JSImport("@mui/material/colors", "orange.100")
    @js.native
    val `100`: String /* "#ffe0b2" */ = js.native
    
    /**
      * Preview: ![orange 200](https://mui.com/static/colors-preview/orange-200-24x24.png)
      */
    @JSImport("@mui/material/colors", "orange.200")
    @js.native
    val `200`: String /* "#ffcc80" */ = js.native
    
    /**
      * Preview: ![orange 300](https://mui.com/static/colors-preview/orange-300-24x24.png)
      */
    @JSImport("@mui/material/colors", "orange.300")
    @js.native
    val `300`: String /* "#ffb74d" */ = js.native
    
    /**
      * Preview: ![orange 400](https://mui.com/static/colors-preview/orange-400-24x24.png)
      */
    @JSImport("@mui/material/colors", "orange.400")
    @js.native
    val `400`: String /* "#ffa726" */ = js.native
    
    /**
      * Preview: ![orange 50](https://mui.com/static/colors-preview/orange-50-24x24.png)
      */
    @JSImport("@mui/material/colors", "orange.50")
    @js.native
    val `50`: String /* "#fff3e0" */ = js.native
    
    /**
      * Preview: ![orange 500](https://mui.com/static/colors-preview/orange-500-24x24.png)
      */
    @JSImport("@mui/material/colors", "orange.500")
    @js.native
    val `500`: String /* "#ff9800" */ = js.native
    
    /**
      * Preview: ![orange 600](https://mui.com/static/colors-preview/orange-600-24x24.png)
      */
    @JSImport("@mui/material/colors", "orange.600")
    @js.native
    val `600`: String /* "#fb8c00" */ = js.native
    
    /**
      * Preview: ![orange 700](https://mui.com/static/colors-preview/orange-700-24x24.png)
      */
    @JSImport("@mui/material/colors", "orange.700")
    @js.native
    val `700`: String /* "#f57c00" */ = js.native
    
    /**
      * Preview: ![orange 800](https://mui.com/static/colors-preview/orange-800-24x24.png)
      */
    @JSImport("@mui/material/colors", "orange.800")
    @js.native
    val `800`: String /* "#ef6c00" */ = js.native
    
    /**
      * Preview: ![orange 900](https://mui.com/static/colors-preview/orange-900-24x24.png)
      */
    @JSImport("@mui/material/colors", "orange.900")
    @js.native
    val `900`: String /* "#e65100" */ = js.native
    
    /**
      * Preview: ![orange A100](https://mui.com/static/colors-preview/orange-A100-24x24.png)
      */
    @JSImport("@mui/material/colors", "orange.A100")
    @js.native
    def A100: String /* "#ffd180" */ = js.native
    inline def A100_=(x: "#ffd180"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A100")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![orange A200](https://mui.com/static/colors-preview/orange-A200-24x24.png)
      */
    @JSImport("@mui/material/colors", "orange.A200")
    @js.native
    def A200: String /* "#ffab40" */ = js.native
    inline def A200_=(x: "#ffab40"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A200")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![orange A400](https://mui.com/static/colors-preview/orange-A400-24x24.png)
      */
    @JSImport("@mui/material/colors", "orange.A400")
    @js.native
    def A400: String /* "#ff9100" */ = js.native
    inline def A400_=(x: "#ff9100"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A400")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![orange A700](https://mui.com/static/colors-preview/orange-A700-24x24.png)
      */
    @JSImport("@mui/material/colors", "orange.A700")
    @js.native
    def A700: String /* "#ff6d00" */ = js.native
    inline def A700_=(x: "#ff6d00"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A700")(x.asInstanceOf[js.Any])
  }
  
  object pink {
    
    @JSImport("@mui/material/colors", "pink")
    @js.native
    val ^ : js.Any = js.native
    
    /**
      * Preview: ![pink 100](https://mui.com/static/colors-preview/pink-100-24x24.png)
      */
    @JSImport("@mui/material/colors", "pink.100")
    @js.native
    val `100`: String /* "#f8bbd0" */ = js.native
    
    /**
      * Preview: ![pink 200](https://mui.com/static/colors-preview/pink-200-24x24.png)
      */
    @JSImport("@mui/material/colors", "pink.200")
    @js.native
    val `200`: String /* "#f48fb1" */ = js.native
    
    /**
      * Preview: ![pink 300](https://mui.com/static/colors-preview/pink-300-24x24.png)
      */
    @JSImport("@mui/material/colors", "pink.300")
    @js.native
    val `300`: String /* "#f06292" */ = js.native
    
    /**
      * Preview: ![pink 400](https://mui.com/static/colors-preview/pink-400-24x24.png)
      */
    @JSImport("@mui/material/colors", "pink.400")
    @js.native
    val `400`: String /* "#ec407a" */ = js.native
    
    /**
      * Preview: ![pink 50](https://mui.com/static/colors-preview/pink-50-24x24.png)
      */
    @JSImport("@mui/material/colors", "pink.50")
    @js.native
    val `50`: String /* "#fce4ec" */ = js.native
    
    /**
      * Preview: ![pink 500](https://mui.com/static/colors-preview/pink-500-24x24.png)
      */
    @JSImport("@mui/material/colors", "pink.500")
    @js.native
    val `500`: String /* "#e91e63" */ = js.native
    
    /**
      * Preview: ![pink 600](https://mui.com/static/colors-preview/pink-600-24x24.png)
      */
    @JSImport("@mui/material/colors", "pink.600")
    @js.native
    val `600`: String /* "#d81b60" */ = js.native
    
    /**
      * Preview: ![pink 700](https://mui.com/static/colors-preview/pink-700-24x24.png)
      */
    @JSImport("@mui/material/colors", "pink.700")
    @js.native
    val `700`: String /* "#c2185b" */ = js.native
    
    /**
      * Preview: ![pink 800](https://mui.com/static/colors-preview/pink-800-24x24.png)
      */
    @JSImport("@mui/material/colors", "pink.800")
    @js.native
    val `800`: String /* "#ad1457" */ = js.native
    
    /**
      * Preview: ![pink 900](https://mui.com/static/colors-preview/pink-900-24x24.png)
      */
    @JSImport("@mui/material/colors", "pink.900")
    @js.native
    val `900`: String /* "#880e4f" */ = js.native
    
    /**
      * Preview: ![pink A100](https://mui.com/static/colors-preview/pink-A100-24x24.png)
      */
    @JSImport("@mui/material/colors", "pink.A100")
    @js.native
    def A100: String /* "#ff80ab" */ = js.native
    inline def A100_=(x: "#ff80ab"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A100")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![pink A200](https://mui.com/static/colors-preview/pink-A200-24x24.png)
      */
    @JSImport("@mui/material/colors", "pink.A200")
    @js.native
    def A200: String /* "#ff4081" */ = js.native
    inline def A200_=(x: "#ff4081"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A200")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![pink A400](https://mui.com/static/colors-preview/pink-A400-24x24.png)
      */
    @JSImport("@mui/material/colors", "pink.A400")
    @js.native
    def A400: String /* "#f50057" */ = js.native
    inline def A400_=(x: "#f50057"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A400")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![pink A700](https://mui.com/static/colors-preview/pink-A700-24x24.png)
      */
    @JSImport("@mui/material/colors", "pink.A700")
    @js.native
    def A700: String /* "#c51162" */ = js.native
    inline def A700_=(x: "#c51162"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A700")(x.asInstanceOf[js.Any])
  }
  
  object purple {
    
    @JSImport("@mui/material/colors", "purple")
    @js.native
    val ^ : js.Any = js.native
    
    /**
      * Preview: ![purple 100](https://mui.com/static/colors-preview/purple-100-24x24.png)
      */
    @JSImport("@mui/material/colors", "purple.100")
    @js.native
    val `100`: String /* "#e1bee7" */ = js.native
    
    /**
      * Preview: ![purple 200](https://mui.com/static/colors-preview/purple-200-24x24.png)
      */
    @JSImport("@mui/material/colors", "purple.200")
    @js.native
    val `200`: String /* "#ce93d8" */ = js.native
    
    /**
      * Preview: ![purple 300](https://mui.com/static/colors-preview/purple-300-24x24.png)
      */
    @JSImport("@mui/material/colors", "purple.300")
    @js.native
    val `300`: String /* "#ba68c8" */ = js.native
    
    /**
      * Preview: ![purple 400](https://mui.com/static/colors-preview/purple-400-24x24.png)
      */
    @JSImport("@mui/material/colors", "purple.400")
    @js.native
    val `400`: String /* "#ab47bc" */ = js.native
    
    /**
      * Preview: ![purple 50](https://mui.com/static/colors-preview/purple-50-24x24.png)
      */
    @JSImport("@mui/material/colors", "purple.50")
    @js.native
    val `50`: String /* "#f3e5f5" */ = js.native
    
    /**
      * Preview: ![purple 500](https://mui.com/static/colors-preview/purple-500-24x24.png)
      */
    @JSImport("@mui/material/colors", "purple.500")
    @js.native
    val `500`: String /* "#9c27b0" */ = js.native
    
    /**
      * Preview: ![purple 600](https://mui.com/static/colors-preview/purple-600-24x24.png)
      */
    @JSImport("@mui/material/colors", "purple.600")
    @js.native
    val `600`: String /* "#8e24aa" */ = js.native
    
    /**
      * Preview: ![purple 700](https://mui.com/static/colors-preview/purple-700-24x24.png)
      */
    @JSImport("@mui/material/colors", "purple.700")
    @js.native
    val `700`: String /* "#7b1fa2" */ = js.native
    
    /**
      * Preview: ![purple 800](https://mui.com/static/colors-preview/purple-800-24x24.png)
      */
    @JSImport("@mui/material/colors", "purple.800")
    @js.native
    val `800`: String /* "#6a1b9a" */ = js.native
    
    /**
      * Preview: ![purple 900](https://mui.com/static/colors-preview/purple-900-24x24.png)
      */
    @JSImport("@mui/material/colors", "purple.900")
    @js.native
    val `900`: String /* "#4a148c" */ = js.native
    
    /**
      * Preview: ![purple A100](https://mui.com/static/colors-preview/purple-A100-24x24.png)
      */
    @JSImport("@mui/material/colors", "purple.A100")
    @js.native
    def A100: String /* "#ea80fc" */ = js.native
    inline def A100_=(x: "#ea80fc"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A100")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![purple A200](https://mui.com/static/colors-preview/purple-A200-24x24.png)
      */
    @JSImport("@mui/material/colors", "purple.A200")
    @js.native
    def A200: String /* "#e040fb" */ = js.native
    inline def A200_=(x: "#e040fb"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A200")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![purple A400](https://mui.com/static/colors-preview/purple-A400-24x24.png)
      */
    @JSImport("@mui/material/colors", "purple.A400")
    @js.native
    def A400: String /* "#d500f9" */ = js.native
    inline def A400_=(x: "#d500f9"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A400")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![purple A700](https://mui.com/static/colors-preview/purple-A700-24x24.png)
      */
    @JSImport("@mui/material/colors", "purple.A700")
    @js.native
    def A700: String /* "#aa00ff" */ = js.native
    inline def A700_=(x: "#aa00ff"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A700")(x.asInstanceOf[js.Any])
  }
  
  object red {
    
    @JSImport("@mui/material/colors", "red")
    @js.native
    val ^ : js.Any = js.native
    
    /**
      * Preview: ![red 100](https://mui.com/static/colors-preview/red-100-24x24.png)
      */
    @JSImport("@mui/material/colors", "red.100")
    @js.native
    val `100`: String /* "#ffcdd2" */ = js.native
    
    /**
      * Preview: ![red 200](https://mui.com/static/colors-preview/red-200-24x24.png)
      */
    @JSImport("@mui/material/colors", "red.200")
    @js.native
    val `200`: String /* "#ef9a9a" */ = js.native
    
    /**
      * Preview: ![red 300](https://mui.com/static/colors-preview/red-300-24x24.png)
      */
    @JSImport("@mui/material/colors", "red.300")
    @js.native
    val `300`: String /* "#e57373" */ = js.native
    
    /**
      * Preview: ![red 400](https://mui.com/static/colors-preview/red-400-24x24.png)
      */
    @JSImport("@mui/material/colors", "red.400")
    @js.native
    val `400`: String /* "#ef5350" */ = js.native
    
    /**
      * Preview: ![red 50](https://mui.com/static/colors-preview/red-50-24x24.png)
      */
    @JSImport("@mui/material/colors", "red.50")
    @js.native
    val `50`: String /* "#ffebee" */ = js.native
    
    /**
      * Preview: ![red 500](https://mui.com/static/colors-preview/red-500-24x24.png)
      */
    @JSImport("@mui/material/colors", "red.500")
    @js.native
    val `500`: String /* "#f44336" */ = js.native
    
    /**
      * Preview: ![red 600](https://mui.com/static/colors-preview/red-600-24x24.png)
      */
    @JSImport("@mui/material/colors", "red.600")
    @js.native
    val `600`: String /* "#e53935" */ = js.native
    
    /**
      * Preview: ![red 700](https://mui.com/static/colors-preview/red-700-24x24.png)
      */
    @JSImport("@mui/material/colors", "red.700")
    @js.native
    val `700`: String /* "#d32f2f" */ = js.native
    
    /**
      * Preview: ![red 800](https://mui.com/static/colors-preview/red-800-24x24.png)
      */
    @JSImport("@mui/material/colors", "red.800")
    @js.native
    val `800`: String /* "#c62828" */ = js.native
    
    /**
      * Preview: ![red 900](https://mui.com/static/colors-preview/red-900-24x24.png)
      */
    @JSImport("@mui/material/colors", "red.900")
    @js.native
    val `900`: String /* "#b71c1c" */ = js.native
    
    /**
      * Preview: ![red A100](https://mui.com/static/colors-preview/red-A100-24x24.png)
      */
    @JSImport("@mui/material/colors", "red.A100")
    @js.native
    def A100: String /* "#ff8a80" */ = js.native
    inline def A100_=(x: "#ff8a80"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A100")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![red A200](https://mui.com/static/colors-preview/red-A200-24x24.png)
      */
    @JSImport("@mui/material/colors", "red.A200")
    @js.native
    def A200: String /* "#ff5252" */ = js.native
    inline def A200_=(x: "#ff5252"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A200")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![red A400](https://mui.com/static/colors-preview/red-A400-24x24.png)
      */
    @JSImport("@mui/material/colors", "red.A400")
    @js.native
    def A400: String /* "#ff1744" */ = js.native
    inline def A400_=(x: "#ff1744"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A400")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![red A700](https://mui.com/static/colors-preview/red-A700-24x24.png)
      */
    @JSImport("@mui/material/colors", "red.A700")
    @js.native
    def A700: String /* "#d50000" */ = js.native
    inline def A700_=(x: "#d50000"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A700")(x.asInstanceOf[js.Any])
  }
  
  object teal {
    
    @JSImport("@mui/material/colors", "teal")
    @js.native
    val ^ : js.Any = js.native
    
    /**
      * Preview: ![teal 100](https://mui.com/static/colors-preview/teal-100-24x24.png)
      */
    @JSImport("@mui/material/colors", "teal.100")
    @js.native
    val `100`: String /* "#b2dfdb" */ = js.native
    
    /**
      * Preview: ![teal 200](https://mui.com/static/colors-preview/teal-200-24x24.png)
      */
    @JSImport("@mui/material/colors", "teal.200")
    @js.native
    val `200`: String /* "#80cbc4" */ = js.native
    
    /**
      * Preview: ![teal 300](https://mui.com/static/colors-preview/teal-300-24x24.png)
      */
    @JSImport("@mui/material/colors", "teal.300")
    @js.native
    val `300`: String /* "#4db6ac" */ = js.native
    
    /**
      * Preview: ![teal 400](https://mui.com/static/colors-preview/teal-400-24x24.png)
      */
    @JSImport("@mui/material/colors", "teal.400")
    @js.native
    val `400`: String /* "#26a69a" */ = js.native
    
    /**
      * Preview: ![teal 50](https://mui.com/static/colors-preview/teal-50-24x24.png)
      */
    @JSImport("@mui/material/colors", "teal.50")
    @js.native
    val `50`: String /* "#e0f2f1" */ = js.native
    
    /**
      * Preview: ![teal 500](https://mui.com/static/colors-preview/teal-500-24x24.png)
      */
    @JSImport("@mui/material/colors", "teal.500")
    @js.native
    val `500`: String /* "#009688" */ = js.native
    
    /**
      * Preview: ![teal 600](https://mui.com/static/colors-preview/teal-600-24x24.png)
      */
    @JSImport("@mui/material/colors", "teal.600")
    @js.native
    val `600`: String /* "#00897b" */ = js.native
    
    /**
      * Preview: ![teal 700](https://mui.com/static/colors-preview/teal-700-24x24.png)
      */
    @JSImport("@mui/material/colors", "teal.700")
    @js.native
    val `700`: String /* "#00796b" */ = js.native
    
    /**
      * Preview: ![teal 800](https://mui.com/static/colors-preview/teal-800-24x24.png)
      */
    @JSImport("@mui/material/colors", "teal.800")
    @js.native
    val `800`: String /* "#00695c" */ = js.native
    
    /**
      * Preview: ![teal 900](https://mui.com/static/colors-preview/teal-900-24x24.png)
      */
    @JSImport("@mui/material/colors", "teal.900")
    @js.native
    val `900`: String /* "#004d40" */ = js.native
    
    /**
      * Preview: ![teal A100](https://mui.com/static/colors-preview/teal-A100-24x24.png)
      */
    @JSImport("@mui/material/colors", "teal.A100")
    @js.native
    def A100: String /* "#a7ffeb" */ = js.native
    inline def A100_=(x: "#a7ffeb"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A100")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![teal A200](https://mui.com/static/colors-preview/teal-A200-24x24.png)
      */
    @JSImport("@mui/material/colors", "teal.A200")
    @js.native
    def A200: String /* "#64ffda" */ = js.native
    inline def A200_=(x: "#64ffda"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A200")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![teal A400](https://mui.com/static/colors-preview/teal-A400-24x24.png)
      */
    @JSImport("@mui/material/colors", "teal.A400")
    @js.native
    def A400: String /* "#1de9b6" */ = js.native
    inline def A400_=(x: "#1de9b6"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A400")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![teal A700](https://mui.com/static/colors-preview/teal-A700-24x24.png)
      */
    @JSImport("@mui/material/colors", "teal.A700")
    @js.native
    def A700: String /* "#00bfa5" */ = js.native
    inline def A700_=(x: "#00bfa5"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A700")(x.asInstanceOf[js.Any])
  }
  
  object yellow {
    
    @JSImport("@mui/material/colors", "yellow")
    @js.native
    val ^ : js.Any = js.native
    
    /**
      * Preview: ![yellow 100](https://mui.com/static/colors-preview/yellow-100-24x24.png)
      */
    @JSImport("@mui/material/colors", "yellow.100")
    @js.native
    val `100`: String /* "#fff9c4" */ = js.native
    
    /**
      * Preview: ![yellow 200](https://mui.com/static/colors-preview/yellow-200-24x24.png)
      */
    @JSImport("@mui/material/colors", "yellow.200")
    @js.native
    val `200`: String /* "#fff59d" */ = js.native
    
    /**
      * Preview: ![yellow 300](https://mui.com/static/colors-preview/yellow-300-24x24.png)
      */
    @JSImport("@mui/material/colors", "yellow.300")
    @js.native
    val `300`: String /* "#fff176" */ = js.native
    
    /**
      * Preview: ![yellow 400](https://mui.com/static/colors-preview/yellow-400-24x24.png)
      */
    @JSImport("@mui/material/colors", "yellow.400")
    @js.native
    val `400`: String /* "#ffee58" */ = js.native
    
    /**
      * Preview: ![yellow 50](https://mui.com/static/colors-preview/yellow-50-24x24.png)
      */
    @JSImport("@mui/material/colors", "yellow.50")
    @js.native
    val `50`: String /* "#fffde7" */ = js.native
    
    /**
      * Preview: ![yellow 500](https://mui.com/static/colors-preview/yellow-500-24x24.png)
      */
    @JSImport("@mui/material/colors", "yellow.500")
    @js.native
    val `500`: String /* "#ffeb3b" */ = js.native
    
    /**
      * Preview: ![yellow 600](https://mui.com/static/colors-preview/yellow-600-24x24.png)
      */
    @JSImport("@mui/material/colors", "yellow.600")
    @js.native
    val `600`: String /* "#fdd835" */ = js.native
    
    /**
      * Preview: ![yellow 700](https://mui.com/static/colors-preview/yellow-700-24x24.png)
      */
    @JSImport("@mui/material/colors", "yellow.700")
    @js.native
    val `700`: String /* "#fbc02d" */ = js.native
    
    /**
      * Preview: ![yellow 800](https://mui.com/static/colors-preview/yellow-800-24x24.png)
      */
    @JSImport("@mui/material/colors", "yellow.800")
    @js.native
    val `800`: String /* "#f9a825" */ = js.native
    
    /**
      * Preview: ![yellow 900](https://mui.com/static/colors-preview/yellow-900-24x24.png)
      */
    @JSImport("@mui/material/colors", "yellow.900")
    @js.native
    val `900`: String /* "#f57f17" */ = js.native
    
    /**
      * Preview: ![yellow A100](https://mui.com/static/colors-preview/yellow-A100-24x24.png)
      */
    @JSImport("@mui/material/colors", "yellow.A100")
    @js.native
    def A100: String /* "#ffff8d" */ = js.native
    inline def A100_=(x: "#ffff8d"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A100")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![yellow A200](https://mui.com/static/colors-preview/yellow-A200-24x24.png)
      */
    @JSImport("@mui/material/colors", "yellow.A200")
    @js.native
    def A200: String /* "#ffff00" */ = js.native
    inline def A200_=(x: "#ffff00"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A200")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![yellow A400](https://mui.com/static/colors-preview/yellow-A400-24x24.png)
      */
    @JSImport("@mui/material/colors", "yellow.A400")
    @js.native
    def A400: String /* "#ffea00" */ = js.native
    inline def A400_=(x: "#ffea00"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A400")(x.asInstanceOf[js.Any])
    
    /**
      * Preview: ![yellow A700](https://mui.com/static/colors-preview/yellow-A700-24x24.png)
      */
    @JSImport("@mui/material/colors", "yellow.A700")
    @js.native
    def A700: String /* "#ffd600" */ = js.native
    inline def A700_=(x: "#ffd600"): Unit = ^.asInstanceOf[js.Dynamic].updateDynamic("A700")(x.asInstanceOf[js.Any])
  }
}