materialcolors.css

/* Material Colors */
:root {
  --blue: #2196F3;        --blue-light: #BBDEFB;        --blue-dark: #1976D2;
  --light-blue: #03A9F4;  --light-blue-light: #B3E5FC;  --light-blue-dark: #0288D1;
  --blue-gray: #607D8B;   --blue-gray-light: #CFD8DC;   --blue-gray-dark: #455A64;
  --indigo: #3F51B5;      --indigo-light: #C5CAE9;      --indigo-dark: #303F9F;
  --purple: #9C27B0;      --purple-light: #E1BEE7;      --purple-dark: #7B1FA2;
  --deep-purple: #673AB7; --deep-purple-light: #D1C4E9; --deep-purple-dark: #512DA8;
  --pink: #E91E63;        --pink-light: #F8BBD0;        --pink-dark: #C2185B;
  --red: #F44336;         --red-light: #FFCDD2;         --red-dark: #D32F2F;
  --orange: #FF9800;      --orange-light: #FFE0B2;      --orange-dark: #F57C00;
  --deep-orange: #FF5722; --deep-orange-light: #FFE0B2; --deep-orange-dark: #F57C00;
  --amber: #FFC107;       --amber-light: #FFECB3;       --amber-dark: #FFA000;
  --yellow: #FFEB3B;      --yellow-light: #FFF9C4;      --yellow-dark: #FBC02D;
  --green: #4CAF50;       --green-light: #C8E6C9;       --green-dark: #388E3C;
  --light-green: #8BC34A; --light-green-light: #DCEDC8; --light-green-dark: #689F38;
  --lime: #CDDC39;        --lime-light: #F0F4C3;        --lime-dark: #AFB42B;
  --teal: #009688;        --teal-light: #B2DFDB;        --teal-dark: #00796B;
  --cyan: #00BCD4;        --cyan-light: #B2EBF2;        --cyan-dark: #0097A7;
  --brown: #795548;       --brown-light: #D7CCC8;       --brown-dark: #5D4037;
  --gray: #9E9E9E;        --gray-light: #F5F5F5;        --gray-dark: #616161;
  --white: #fff;          --light: #F5F5F5;             --dark: #212121;
  --primary: var(--indigo);
  --secondary: var(--gray-dark);
  --success: var(--green);
  --info: var(--light-blue);
  --warning: var(--orange);
  --danger: var(--red);
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  /*
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  */
}