<commit_before>body {
  div.large-centered {
    height: 100%;
  }

  div.ace-chrome div.ace_line span.ace_text {
    color: #000;
  }
}

form#form_html {
  h1 {
    color: black;
  }
  height: calc(100% - #{$desktop-header-height} - #{$desktop-header-margin-bottom});

  label.usage-switch-elems {
    display: inline-block;
  }

  div#small-contents {
    height: 100%;

    div.callout-full {
      height: 100%;
      display: flex;
      background-color: $key-background-color;

      div {
        h1 {
          color: white;
        }
        h2 {
          a {
            color: $key-orange-color;
          }
        }
        align-self: center;
        margin: auto;
      }
    }
  }

  div#large-medium-contents {
    $margin-bottom: 1rem;
    height: calc(100% - #{$margin-bottom});
    margin-bottom: $margin-bottom;

    $contents-header-height: 3.5rem;

    div.contents-header {
      height: $contents-header-height;
    }
    div.contents-body {
      height: calc(100% - #{$contents-header-height});

      div.editor-side {
        height: 100%;
        position: relative;
        $header-height: 1.813rem;
        $header-margin-bottom: 0.5rem;

        div.header {
          height: $header-height;
          margin-bottom: $header-margin-bottom;
        }
        div.ace-chrome {
          div.ace_line {
             span.ace_list {
               span.ace_cjk {
                 color: rgb(185, 6, 144);
               }
             }
            span.ace_text {
              color: #000;
            }
          }
        }
        div#markdown_editor {
          height: calc(100% - #{$header-height + $header-margin-bottom});
          border: 1px solid #cacaca;

          h1, h2, h3, h4, h5, a, button, div, label {
            color: black;
          }
        }
        a.usage-toggle-btn {
          position: absolute;
          top: 0px;
          right: 15px;
          margin: 3px 6px;
          z-index: 1;

          &:hover {
            color: $key-green-color;
          }
        }
      }

      div.preview-side {
        height: 100%;

        div.preview {
          height: 100%;
          overflow-y: hidden ;
          background-color: #8a8a8a;

          div.slide {
            height: 20.375rem;
            overflow-y: scroll;
            code {
              border: none;<commit_msg>Markdown Syntax Color change<commit_after>body {
  div.large-centered {
    height: 100%;
  }

  div.ace-chrome div.ace_line span.ace_text {
    color: #000;
  }
}

form#form_html {
  h1 {
    color: black;
  }
  height: calc(100% - #{$desktop-header-height} - #{$desktop-header-margin-bottom});

  label.usage-switch-elems {
    display: inline-block;
  }

  div#small-contents {
    height: 100%;

    div.callout-full {
      height: 100%;
      display: flex;
      background-color: $key-background-color;

      div {
        h1 {
          color: white;
        }
        h2 {
          a {
            color: $key-orange-color;
          }
        }
        align-self: center;
        margin: auto;
      }
    }
  }

  div#large-medium-contents {
    $margin-bottom: 1rem;
    height: calc(100% - #{$margin-bottom});
    margin-bottom: $margin-bottom;

    $contents-header-height: 3.5rem;

    div.contents-header {
      height: $contents-header-height;
    }
    div.contents-body {
      height: calc(100% - #{$contents-header-height});

      div.editor-side {
        height: 100%;
        position: relative;
        $header-height: 1.813rem;
        $header-margin-bottom: 0.5rem;

        div.header {
          height: $header-height;
          margin-bottom: $header-margin-bottom;
        }
        div.ace-chrome {
          div.ace_line {
             span.ace_list {
               span.ace_cjk {
                 color: rgb(185, 6, 144);
               }
             }
            span.ace_text {
              color: #000;
            }
          }
        }
        div#markdown_editor {
          height: calc(100% - #{$header-height + $header-margin-bottom});
          border: 1px solid #cacaca;
        }
        div {
          color: $key-green-color;
        }
        a.usage-toggle-btn {
          position: absolute;
          top: 0px;
          right: 15px;
          margin: 3px 6px;
          z-index: 1;

          &:hover {
            color: $key-green-color;
          }
        }
      }

      div.preview-side {
        height: 100%;

        div.preview {
          height: 100%;
          overflow-y: hidden ;
          background-color: #8a8a8a;

          div.slide {
            height: 20.375rem;
            overflow-y: scroll;
            code {
              border: none;
{'fraction_non_alphanumeric': 0.12540055543687245, 'fraction_numerical': 0.03097628711813715, 'mean_word_length': 1.3281949278965688, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 1, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4884107', 'n_tokens_mistral': 1609, 'n_tokens_neox': 1460, 'n_words': 268}