<commit_before>// Globals used in this file
$code-background-color: $grey-100;
$code-divider-color: $grey-400;
$code-font-family: Roboto Mono;
$code-text-color: $text-color;
$code-text-size: 12px;
$code-text-weight: 500;
$code-lineheight: 20px;

.code-text-style {
  font-family: $code-font-family;
  font-weight: $code-text-weight;
  font-size: $code-text-size;
  line-height: $code-lineheight;
  color: $code-text-color
}


.CodeMirror {
  height: auto;
  margin: 24px 0;
  background: $code-background-color;
  border: none;
  @extend .code-text-style;
}

// Override the standard codemirror margins
// when inside the multicode container
.material-code-render .CodeMirror{
  position: absolute;
  visibility: hidden;
  width: 100%;
  margin: 0px;

  &.active {
    visibility: visible;
  }
}

.CodeMirror-scroll {
  max-height: 300px;
}

// The box containing code text inside the codemirror shell
.CodeMirror-code {
  // Margin above and below source code text, within scroll box.
  margin: 12px 0;
}

// Text and border for line number area
.CodeMirror-gutters {
  border: none;
  @extend .code-text-style;
}

// Add period and left padding to line numbers
.material-code-render .CodeMirror-linenumber {
  padding: 0 24px 0 16px;
  &:after {
    content: '';
  }
}

// Padding between code lines and their line number
pre.CodeMirror-line {
  padding-left: 24px;
}
// Padding is already present in editors with line-numbers
.material-code-render.line-numbers pre.CodeMirror-line {
  padding-left: 0;
}


// Syntax highlight colors
.CodeMirror {
  .cm-string {
    color: rgb(245, 127, 23);  //orange
  }
  .cm-keyword {
    color: rgb(0, 184, 212);  //blue
  }
  .cm-def {
    color: $indigo-500;
  }
  .cm-userpath {
    color: $grey-800;
  }
  .cm-comment {
    color: rgba(0 ,0 ,0, 0.4);
  }
}

// Styles for the multi-code container
.material-code-render {
  position: relative;
  background: $code-background-color;
  margin: 24px 0 24px 0;

  h3 {
    display: none;
  }<commit_msg>Changing mdc-code-renderer highlight scheme away from blue-green-ish colors<commit_after>// Globals used in this file
$code-background-color: $grey-100;
$code-divider-color: $grey-400;
$code-font-family: Roboto Mono;
$code-text-color: $text-color;
$code-text-size: 12px;
$code-text-weight: 500;
$code-lineheight: 20px;

// Highlight colors, avoid any blue-green colors
$brown-200: #BCAAA4;
$orange-500: #FF9800;
$amber-500: #FFC107;
$red-500: #F44336;
$purple-500: #9C27B0;

.code-text-style {
  font-family: $code-font-family;
  font-weight: $code-text-weight;
  font-size: $code-text-size;
  line-height: $code-lineheight;
  color: $code-text-color
}


.CodeMirror {
  height: auto;
  margin: 24px 0;
  background: $code-background-color;
  border: none;
  @extend .code-text-style;
}

// Override the standard codemirror margins
// when inside the multicode container
.material-code-render .CodeMirror{
  position: absolute;
  visibility: hidden;
  width: 100%;
  margin: 0px;

  &.active {
    visibility: visible;
  }
}

.CodeMirror-scroll {
  max-height: 300px;
}

// The box containing code text inside the codemirror shell
.CodeMirror-code {
  // Margin above and below source code text, within scroll box.
  margin: 12px 0;
}

// Text and border for line number area
.CodeMirror-gutters {
  border: none;
  @extend .code-text-style;
}

// Add period and left padding to line numbers
.material-code-render .CodeMirror-linenumber {
  padding: 0 24px 0 16px;
  &:after {
    content: '';
  }
}

// Padding between code lines and their line number
pre.CodeMirror-line {
  padding-left: 24px;
}
// Padding is already present in editors with line-numbers
.material-code-render.line-numbers pre.CodeMirror-line {
  padding-left: 0;
}


// Syntax highlight colors
.CodeMirror {
  .cm-string, .cm-atom {
    color: $purple-500;
  }
  .cm-keyword {
    color: $red-500;
  }
  .cm-def, .cm-variable-3 {
    color: $orange-500;
  }
  .cm-userpath {
    color: $amber-500;
  }
  .cm-comment {
    color: $brown-200;
  }
}

// Styles for the multi-code container
.material-code-render {
  position: relative;
  background: $code-background-color;
  margin: 24px 0 24px 0;

  h3 {
    display: none;
  }
{'fraction_non_alphanumeric': 0.1369928400954654, 'fraction_numerical': 0.037708830548926014, 'mean_word_length': 3.191, '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': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7587265', 'n_tokens_mistral': 1685, 'n_tokens_neox': 1509, 'n_words': 398}