@import "~bootstrap/scss/bootstrap";
@import "~github-markdown-css/github-markdown.css";

$colors: #73a857, #3f2e7a, #bdbb99, #77b1a9, #fb6964, #9b59b6, #2c3e50, #27ae60,
  #f39c12, #16a085;

@for $i from 1 through length($colors) {
  $color: nth($colors, $i);
  .color-#{$i} {
    color: $color;
  }
  .bg-color-#{$i} {
    background-color: $color;
    color: white;
  }
}

.editor-topbar {
  background-color: lighten(#2c3e50, 20%);
}

.preview-topbar {
  background-color: lighten(#3f2e7a, 20%);
}