Skip to content
VSCode Elements Lite

Badge

Configurator

2 unsaved

CSS

.vscode-badge {
  background-color: var(--vscode-badge-background);
  border: 1px solid var(--vscode-contrastBorder, transparent);
  border-radius: 2px;
  box-sizing: border-box;
  color: var(--vscode-badge-foreground);
  display: inline-block;
  font-family: var(--vscode-font-family);
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
  min-width: 18px;
  padding: 2px 3px;
  text-align: center;
  white-space: nowrap;
}


.vscode-badge.counter {
  border-radius: 11px;
  box-sizing: border-box;
  height: 18px;
  line-height: 1;
  padding: 3px 5px;
}


.vscode-badge.activity-bar-counter {
  background-color: var(--vscode-activityBarBadge-background);
  border-radius: 20px;
  color: var(--vscode-activityBarBadge-foreground);
  font-size: 9px;
  font-weight: 600;
  line-height: 16px;
  padding: 0 4px;
}