@import (reference) "syntax-variables";

// Markdown color improvements by fievelk
@yellow: #cbcb41;
@orange: #e37933;
@yellow-highlight: #a2852f;
@red: #cc3e44;
@green: #8dc149;
@blue: #519aba;
@purple: #a074c4;

@markup-heading: @orange;
@markup-h1: @markup-heading;
@markup-h2: lighten(@markup-heading, 5);
@markup-h3: lighten(@markup-heading, 10);
@markup-h4: lighten(@markup-heading, 15);
@markup-h5: lighten(@markup-heading, 20);
@markup-h6: lighten(@markup-heading, 25);

// These lines can be commented when using Seti Syntax Theme
@quotes: lighten(@blue, 20);
@code-background: black;
@string-quoted-single: @quotes;
@string-quoted-double: lighten(@blue, 20);
@meta-control-flow: @green;
// [END] These lines can be commented when using Seti Syntax Theme

atom-text-editor {
  // Styles shared between language-markdown and gfm packages
  .syntax--markup.syntax--md, .syntax--source.syntax--gfm {
     .syntax--heading-1 {
       color: @markup-h1;
     }
     .syntax--heading-2 {
       color: @markup-h2;
     }
     .syntax--heading-3 {
       color: @markup-h3;
     }
     .syntax--heading-4 {
       color: @markup-h4;
     }
     .syntax--heading-5 {
       color: @markup-h5;
     }
     .syntax--heading-6 {
       color: @markup-h6;
     }
   }

  // code block style
  .syntax--code.syntax--md {
    &.syntax--fenced {
      color: @blue;
      border: 1px solid mix(@code-background, @string-quoted-double, 90%);
      background-color: mix(@code-background, @string-quoted-double, 90%);
      border-radius: 2px;
    }
  }

  // punctuation style
  .syntax--punctuation.syntax--md {
    color: @red;
  }

  .syntax--markup.syntax--md {
    &.syntax--bold {
      color: @yellow;
      font-weight: bold;
    }

    &.syntax--quote {
      font-style: italic;
    }

    &.syntax--italic {
      color: @yellow;
      font-style: italic;
    }

    &.syntax--list {
      .syntax--punctuation {
        color: @yellow-highlight;
      }
    }

    // Inline code
    &.syntax--raw {
      //color: @blue;
      border: 1px solid mix(@code-background, @string-quoted-double, 90%);
      background-color: mix(@code-background, @string-quoted-double, 90%);
      border-radius: 2px;
    }

    &.syntax--link {
      .syntax--destination .syntax--uri {
        color: @green;
      }
      .syntax--string {
        color: @purple;
      }
    }
  }

  .syntax--source.syntax--gfm {
    .syntax--link {
      color: @green;
      .syntax--entity {
        color: @purple;
      }
    }

    .syntax--italic {
      color: @yellow;
    }
    .syntax--bold {
      color: @yellow;
      font-weight: bold;
    }
    .syntax--variable.syntax--list {
      color: @yellow-highlight;
    }

    .syntax--hr {
      color: @meta-control-flow;
    }

    .syntax--comment.syntax--quote {
      color: @string-quoted-single;
    }

    .syntax--raw {
      color: @red;
      border: 1px solid mix(@code-background, @string-quoted-double, 90%);
      background-color: mix(@code-background, @string-quoted-double, 90%);
      border-radius: 3px;
    }
  }
}