@import 'variables';
@import 'theme-colors';

// SCSS for Chartist-JS
.ct-chart {
  .ct-label {
    color: $muted-color !important;
    fill: var(--default-font-color) !important;
  }

  .ct-grid {
    stroke: var(--default-border-color) !important;
    stroke-width: 1px;
    stroke-dasharray: 5px;
  }

  $color-collection: 'a' #4466F2, 'b' #f96868, 'c' #7868e6, 'd' #6a008a, 'e' #008000, 'f' #00538a, 'g' #00008B;

  .ct-series {
    @each $name, $color in $color-collection {
      &.ct-series-#{$name} {
        .ct-slice-pie, .ct-area {
          fill: $color;
        }

        .ct-bar, .ct-line, .ct-point {
          stroke: $color;
        }
      }
    }
  }
}
