// Colors from Atom's One Dark theme, see https://github.com/atom/one-dark-syntax/blob/master/styles/colors.less
$blue-dark:   hsl(207, 82%, 66%);
$orange-dark: hsl( 29, 54%, 61%);
$red-dark:    hsl(355, 65%, 65%);
$green-dark:  hsl( 95, 38%, 62%);
$cyan-dark:   hsl(187, 47%, 55%);
$purple-dark: hsl(286, 60%, 67%);
// Colors from Atom's One Light theme, see https://github.com/atom/one-light-syntax/blob/master/styles/colors.less
$blue-light:   hsl(221, 87%, 60%);
$orange-light: hsl( 41, 99%, 30%);
$red-light:    hsl(  5, 74%, 59%);
$green-light:  hsl(119, 34%, 47%);
$cyan-light:   hsl(198, 99%, 37%);
$purple-light: hsl(301, 63%, 40%);

#logalize {
  color: black;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-style: normal;
  display: none;

  &.default {}

  &.badge {
    color: white;
    background-color: black;
    border-radius: 3px;
    padding: 2px;
    margin: 0 2px;

    &.blue {
      color: white;
      background-color: $blue-dark;
    }

    &.orange {
      color: white;
      background-color: $orange-dark;
    }

    &.red {
      color: white;
      background-color: $red-dark;
    }

    &.green {
      color: white;
      background-color: $green-dark;
    }

    &.cyan {
      color: white;
      background-color: $cyan-dark;
    }

    &.purple {
      color: white;
      background-color: $purple-dark;
    }

    &.focus {
      color: #bada55;
      background: #444;
    }
  }

  &.blue {
    color: $blue-light;
  }

  &.orange {
    color: $orange-light;
  }

  &.red {
    color: $red-light;
  }

  &.green {
    color: $green-light;
  }

  &.cyan {
    color: $cyan-light;
  }

  &.purple {
    color: $purple-light;
  }

  &.bold {
    font-weight: bold;
  }

  &.italic {
    font-style: italic;
  }

  &.strikethrough {
    text-decoration: line-through;
  }

  &.underline {
    text-decoration: underline;
  }
}