@use "@material/theme/color-palette" as palette;

$graph-colors: (
  palette.$red-500,
  palette.$deep-orange-500,
  palette.$orange-500,
  palette.$amber-500,
  palette.$yellow-500,
  palette.$lime-500,
  palette.$light-green-500,
  palette.$green-500,
  palette.$teal-500,
  palette.$cyan-500,
  palette.$light-blue-500,
  palette.$blue-500,
  palette.$indigo-500,
  palette.$deep-purple-500,
  palette.$purple-500,
  palette.$pink-500,
  palette.$blue-grey-500,
  palette.$grey-500,
  palette.$brown-500,
  palette.$red-300,
  palette.$deep-orange-300,
  palette.$orange-300,
  palette.$amber-300,
  palette.$yellow-300,
  palette.$lime-300,
  palette.$light-green-300,
  palette.$green-300,
  palette.$teal-300,
  palette.$cyan-300,
  palette.$light-blue-300,
  palette.$blue-300,
  palette.$indigo-300,
  palette.$deep-purple-300,
  palette.$purple-300,
  palette.$pink-300,
  palette.$blue-grey-300,
  palette.$grey-300,
  palette.$brown-300
);

$graph-colors-dark: (
  palette.$red-300,
  palette.$deep-orange-300,
  palette.$orange-300,
  palette.$amber-300,
  palette.$yellow-300,
  palette.$lime-300,
  palette.$light-green-300,
  palette.$green-300,
  palette.$teal-300,
  palette.$cyan-300,
  palette.$light-blue-300,
  palette.$blue-300,
  palette.$indigo-300,
  palette.$deep-purple-300,
  palette.$purple-300,
  palette.$pink-300,
  palette.$blue-grey-300,
  palette.$grey-300,
  palette.$brown-300,
  palette.$red-200,
  palette.$deep-orange-200,
  palette.$orange-200,
  palette.$amber-200,
  palette.$yellow-200,
  palette.$lime-200,
  palette.$light-green-200,
  palette.$green-200,
  palette.$teal-200,
  palette.$cyan-200,
  palette.$light-blue-200,
  palette.$blue-200,
  palette.$indigo-200,
  palette.$deep-purple-200,
  palette.$purple-200,
  palette.$pink-200,
  palette.$blue-grey-200,
  palette.$grey-200,
  palette.$brown-200
);

:export {
  @for $i from 1 through length($graph-colors) {
    $c: nth($graph-colors, $i);
    #{"light|" + $i}: $c;
  }
  @for $i from 1 through length($graph-colors-dark) {
    $c: nth($graph-colors-dark, $i);
    #{"dark|" + $i}: $c;
  }
}
