<commit_before>@import "ui-variables";

@border-color: @pane-item-border-color;
@breakpoint-color: @contrast-color;
@breakpoint-disabled-color: silver;
@contrast-color: navy;
@disabled-color: red;
@end-of-tape-color: purple;
@highlight-color: #FFE600;
@position-color: @highlight-color;
@running-color: #00805E;
@stopped-color: @contrast-color;
@waiting-color: @highlight-color;

@component-margin: @component-padding / 2;
@status-height: @tab-height + @component-padding;

atom-text-editor.editor {
  .line-number {
    &.syntax--annotation:hover {
      opacity: 1;
    }

    &.annotation-breakpoint {
      background-color: @breakpoint-color;
      color: lime;
    }

    &.annotation-breakpoint-disabled {
      background-color: @breakpoint-disabled-color;
      color: black;
    }

    &.annotation-position {
      background-color: @position-color;
      color: black;
    }
  }
}

.levels-debugger-ruby {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;

  &.disabled {
    opacity: 0.3;
    pointer-events: none;
    user-select: none;
  }

  .btn {
    width: 100%;
    .overflow-ellipsis;
  }

  .commands {
    flex: 0 0 auto;
    margin: @component-margin;

    .btn {
      margin-bottom: @component-margin;
    }

    .btn:last-child {
      margin-bottom: 0;
    }
  }

  .header {
    display: flex;
    flex: 0 0 auto;
    font-weight: bold;
    margin: @component-margin;
  }

  .highlight {
    animation: highlight 1s;
  }

  .overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .stack-body {
    margin: 0 @component-margin;
    overflow-y: auto;

    td, th {
      width: 50%;
    }
  }

  .stack-head {
    flex: 0 0 auto;
    margin: @component-margin;
    margin-bottom: 0;

    td, th {
      width: 50%;
    }
  }

  .status {
    align-items: center;
    color: white;
    display: flex;
    flex: 0 0 auto;
    height: @status-height;
    justify-content: center;
    margin-bottom: @component-margin;
    padding: @component-padding;

    &.status-disabled {
      background-color: @disabled-color;
    }

    &.status-endoftape {
      background-color: @end-of-tape-color;
    }

    &.status-replay {
      background-image: repeating-linear-gradient(135deg, transparent, transparent 35px, rgba(255, 255, 255, 0.5) 35px, rgba(255, 255, 255, 0.5) 70px);
    }

    &.status-running {
      background-color: @running-color;
    }

    &.status-stopped {
      background-color: @stopped-color;
    }

    &.status-waiting {
      background-color: @waiting-color;
      color: black;
    }
  }

  .table {
    margin: 0;
    table-layout: fixed;

    td, th {
      border-top: 1px solid @border-color;
      text-align: center;
      vertical-align: middle;
      .overflow-ellipsis;
    }
  }

  .table > tbody:first-child > tr:first-child > td {
    border-top-style: none;
  }

  .table > thead:first-child > tr:first-child > th {
    border-top: 1px solid @border-color;
  }

  .table > thead:last-child > tr:last-child > th {<commit_msg>Added new variables for some colors in the style file<commit_after>@import "ui-variables";

@border-color: @pane-item-border-color;
@contrast-color: navy;
@highlight-color: #FFE600;

@breakpoint-color-background: @contrast-color;
@breakpoint-color-text: lime;
@breakpoint-disabled-color-background: silver;
@breakpoint-disabled-color-text: black;

@position-color-background: @highlight-color;
@position-color-text: black;

@status-disabled-color: red;
@status-end-of-tape-color: purple;
@status-running-color: #00805E;
@status-stopped-color: @contrast-color;
@status-waiting-color: @highlight-color;

@component-margin: @component-padding / 2;
@status-height: @tab-height + @component-padding;

atom-text-editor.editor {
  .line-number {
    &.syntax--annotation:hover {
      opacity: 1;
    }

    &.annotation-breakpoint {
      background-color: @breakpoint-color-background;
      color: @breakpoint-color-text;
    }

    &.annotation-breakpoint-disabled {
      background-color: @breakpoint-disabled-color-background;
      color: @breakpoint-disabled-color-text;
    }

    &.annotation-position {
      background-color: @position-color-background;
      color: @position-color-text;
    }
  }
}

.levels-debugger-ruby {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;

  &.disabled {
    opacity: 0.3;
    pointer-events: none;
    user-select: none;
  }

  .btn {
    width: 100%;
    .overflow-ellipsis;
  }

  .commands {
    flex: 0 0 auto;
    margin: @component-margin;

    .btn {
      margin-bottom: @component-margin;
    }

    .btn:last-child {
      margin-bottom: 0;
    }
  }

  .header {
    display: flex;
    flex: 0 0 auto;
    font-weight: bold;
    margin: @component-margin;
  }

  .highlight {
    animation: highlight 1s;
  }

  .overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .stack-body {
    margin: 0 @component-margin;
    overflow-y: auto;

    td, th {
      width: 50%;
    }
  }

  .stack-head {
    flex: 0 0 auto;
    margin: @component-margin;
    margin-bottom: 0;

    td, th {
      width: 50%;
    }
  }

  .status {
    align-items: center;
    color: white;
    display: flex;
    flex: 0 0 auto;
    height: @status-height;
    justify-content: center;
    margin-bottom: @component-margin;
    padding: @component-padding;

    &.status-disabled {
      background-color: @status-disabled-color;
    }

    &.status-endoftape {
      background-color: @status-end-of-tape-color;
    }

    &.status-replay {
      background-image: repeating-linear-gradient(135deg, transparent, transparent 35px, rgba(255, 255, 255, 0.5) 35px, rgba(255, 255, 255, 0.5) 70px);
    }

    &.status-running {
      background-color: @status-running-color;
    }

    &.status-stopped {
      background-color: @status-stopped-color;
    }

    &.status-waiting {
      background-color: @status-waiting-color;
      color: black;
    }
  }

  .table {
    margin: 0;
    table-layout: fixed;

    td, th {
      border-top: 1px solid @border-color;
      text-align: center;
      vertical-align: middle;
      .overflow-ellipsis;
    }
  }

  .table > tbody:first-child > tr:first-child > td {
    border-top-style: none;
  }

  .table > thead:first-child > tr:first-child > th {
    border-top: 1px solid @border-color;
  }

  .table > thead:last-child > tr:last-child > th {
{'fraction_non_alphanumeric': 0.1437645236250968, 'fraction_numerical': 0.021998450813323005, 'mean_word_length': 2.495397942609637, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 21, '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': '950863', 'n_tokens_mistral': 2444, 'n_tokens_neox': 2235, 'n_words': 443}