<commit_before>@import 'theme';

$input-placeholder-color: #cdcdcd;
$input-background-color: #373737;
$input-border-color: #0f0f0f;

$select-background-color: $input-background-color;
$select-border-color: $input-border-color;

@mixin ltb-forms() {
  .ltb-input {
    border-radius: 4px;
    border: 1px solid $input-border-color;
    background-color: $input-background-color;
    font-weight: normal !important;

    &::placeholder {
      color: $input-placeholder-color;
    }

    &:focus {
      box-shadow: none !important;
    }
  }

  .ltb-input-appended-addon {
    display: flex;

    > .ltb-input {
      flex: 1;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
    }

    .ltb-addon {
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
    }
  }

  .ltb-input-inner-addon {
    position: relative;

    > .ltb-input {
      padding-right: 2.25em;
    }

    > nb-icon {
      right: 0;
      position: absolute;
      top: 0.5em;
      width: 3.5em;
      height: 1.5em;
      z-index: 4;
      font-size: inherit;
      color: $input-placeholder-color;
    }
  }

  .ltb-select {
    > button, > nb-spinner  {
      background-color: $select-background-color !important;
      border: 1px solid $input-border-color !important;
      font-weight: normal !important;

      &:focus {
        box-shadow: none !important;
      }
    }
  }

  .ltb-option {
    background-color: $select-background-color !important;
    font-weight: normal !important;

    &.selected {
      color: nb-theme(color-primary-500) !important; // overridden because the color only gets set after a click on it
    }
  }
}<commit_msg>Improve ltb forms styling to match those of ltb buttons<commit_after>@import 'theme';

$input-placeholder-color: #cdcdcd;
$input-background-color: #2a2a2a;
$input-border-color: #c79a3c;

$select-background-color: $input-background-color;
$select-border-color: $input-border-color;

@mixin ltb-forms() {
  .ltb-input {
    border-radius: 4px;
    border: 1px solid $input-border-color !important;
    background-color: $input-background-color !important;
    font-weight: normal !important;

    &::placeholder {
      color: $input-placeholder-color;
    }

    &:focus {
      box-shadow: none !important;
    }
  }

  .ltb-input-appended-addon {
    display: flex;

    > .ltb-input {
      flex: 1;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
    }

    .ltb-addon {
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
    }
  }

  .ltb-input-inner-addon {
    position: relative;

    > .ltb-input {
      padding-right: 2.25em;
    }

    > nb-icon {
      right: 0;
      position: absolute;
      top: 0.5em;
      width: 3.5em;
      height: 1.5em;
      z-index: 4;
      font-size: inherit;
      color: $input-placeholder-color;
    }
  }

  .ltb-select {
    > button, > nb-spinner  {
      background-color: $select-background-color !important;
      border: 1px solid $select-border-color !important;
      font-weight: normal !important;

      &:focus {
        box-shadow: none !important;
      }
    }
  }

  .ltb-option {
    background-color: $select-background-color !important;
    font-weight: normal !important;

    &.selected {
      color: nb-theme(color-primary-500) !important; // overridden because the color only gets set after a click on it
    }
  }
}
{'fraction_non_alphanumeric': 0.13789141051422005, 'fraction_numerical': 0.01694915254237288, 'mean_word_length': 2.38715953307393, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 13, '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': '7145376', 'n_tokens_mistral': 1265, 'n_tokens_neox': 1199, 'n_words': 243}