badge-css-variables

/* badge-on-text */
--text-badge-bg-color: transparent;
--text-badge-border: 1px dashed #000;
--badge1-bg-color: #bae6fd;
--badge1-border: 1px solid #000;
/* badge-on-button */
--button-badge-bg-color: #bae6fd;
--button-badge-border: 1px solid #000;
--badge2-bg-color: #2563eb;
--badge2-border: 1px solid #000;
/* badge-on-icon */
--icon-badge-color: #059669;
--badge3-bg-color: #dc2626;
--badge3-border: 1px solid #fff;
/* badge-on-avatar */
--avatar-badge-border: none;
--badge4-bg-color: #ff0000;
--badge4-border: 1px solid #fff;
/* focus color is seen when you use tab key to access buttons or links */
--badge-focus-outline-color: #000;