<commit_before>@import '../constants/dimensions';
@import '../constants/colors';

.themes {
  padding-top: @padding-lg;

  .themes__row {
    display: flex;
    flex-direction: row;
    margin-bottom: @padding-lg;
  }

  .themes__theme {
    text-align: center;

    h2 {
      margin-top: 0;
      margin-bottom: @padding-xs;
      font-size: @font-size-md !important;
    }

    svg {
      .bg-fill {
        fill: var(--color-bg);
      }

      .success-fill {
        fill: var(--color-success);
      }

      .notice-fill {
        fill: var(--color-notice);
      }

      .warning-fill {
        fill: var(--color-warning);
      }

      .danger-fill {
        fill: var(--color-danger);
      }

      .surprise-fill {
        fill: var(--color-surprise);
      }

      .info-fill {
        fill: var(--color-info);
      }

      .fg-fill {
        fill: var(--color-fg);
      }

      .hl-stroke {
        stroke: var(--hl-md);
      }
    }
  }

  button {
    position: relative;
    margin: @padding-md @padding-md;
    font-size: 0;
    border-radius: @radius-md;
    overflow: hidden;
    box-shadow: 0 0 0 1px @hl-sm;

    &.active {
      box-shadow: 0 0 0 @padding-xs var(--color-surprise);
    }

    &:hover {
      transform: scale(1.05);
    }

    &:active {
      transition: all 50ms ease-out;
    }

    &::after {
      display: flex;
      flex-direction: row;<commit_msg>Another small theme styles tweak<commit_after>@import '../constants/dimensions';
@import '../constants/colors';

.themes {
  padding-top: @padding-lg;

  .themes__row {
    display: flex;
    flex-direction: row;
    margin-bottom: @padding-lg;
  }

  .themes__theme {
    text-align: center;

    h2 {
      margin-top: 0;
      margin-bottom: @padding-xs;
      font-size: @font-size-md !important;
    }

    svg {
      .bg-fill {
        fill: var(--color-bg);
      }

      .success-fill {
        fill: var(--color-success);
      }

      .notice-fill {
        fill: var(--color-notice);
      }

      .warning-fill {
        fill: var(--color-warning);
      }

      .danger-fill {
        fill: var(--color-danger);
      }

      .surprise-fill {
        fill: var(--color-surprise);
      }

      .info-fill {
        fill: var(--color-info);
      }

      .fg-fill {
        fill: var(--color-fg);
      }

      .hl-stroke {
        stroke: var(--hl-md);
      }
    }
  }

  button {
    position: relative;
    margin: @padding-md @padding-md;
    font-size: 0;
    border-radius: @radius-md;
    overflow: hidden;
    box-shadow: 0 0 0 1px @hl-sm;

    &.active {
      box-shadow: 0 0 0 @padding-xs var(--color-surprise);
    }

    &.active,
    &:hover {
      transform: scale(1.05);
    }

    &:active {
      transition: all 50ms ease-out;
    }

    &::after {
      display: flex;
      flex-direction: row;
{'fraction_non_alphanumeric': 0.15992970123022848, 'fraction_numerical': 0.01054481546572935, 'mean_word_length': 1.5570530098831985, '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': '4819941', 'n_tokens_mistral': 1053, 'n_tokens_neox': 985, 'n_words': 186}