Skip to content

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;
}