message: docs: update header
diff: &--hide {
  display: none;
  }
  - }
  - &__list-colors {
  - padding: 0 8px;
  + &--colors {
  + padding: 10px 8px;
  box-sizing: border-box;
  - li {
  + }
  + }
  + &__item {
  + padding: 8px 0;
  + cursor: pointer;
  + &:hover {
  + color: #4284f5;
  + }
  + &--color {
  display: flex;
  align-items: center;
  - cursor: pointer;
  span:last-child {
  margin-left: 6px;
  }
  }
  - .hi-demo__color-item {
  + }
  + &__item-dot {
  display: block;
  - width: 20px;
  - height: 20px;
  + width: 16px;
  + height: 16px;
  cursor: pointer;
  border-radius: 50%;
  - margin: 4px 0;
  - }
  + @each $key, $value in $palette-primary {
  + &.theme__#{$key} {
  + background-color: map-get(get-palette($value), '50');
  }
  - &__item {
  - line-height: 1;
  - padding: 10px 0;
  - cursor: pointer;
  - &:hover {
  - color: #4284f5;
  }
  }
  }
  