.pr-badge {
  display: flex;
  flex-direction: row;
  height: 18px;

  align-items: center;

  background: $gray-800;
  border: var(--base-border);
  border-radius: var(--border-radius);
  border-width: 0;

  margin-right: var(--spacing);
  margin-left: var(--spacing);
  padding: var(--spacing-half);

  .number {
    font-size: var(--font-size-sm);
    margin-right: var(--spacing-half);
  }
}

.toolbar-dropdown.open .pr-badge {
  background: $gray-200;
}

.toolbar-dropdown:not(.open) .pr-badge {
  background: $gray-800;
}

.pr-badge {
  display: flex;
  flex-direction: row;
  height: 18px;

  align-items: center;

  border: var(--base-border);
  border-radius: var(--border-radius);
  border-width: 0;

  margin-right: var(--spacing);
  margin-left: var(--spacing);
  padding: var(--spacing-half);

  .number {
    font-size: var(--font-size-sm);
    margin-right: var(--spacing-half);
  }
}

Change the background color if the dropdown is open
Change the background color if the dropdown is open
