I mostly use the "dark" theme which these badges looked good in. The "light" theme is broken though. No contrast.
updateStyleHelper(
    theme,
    'color-component-badge-background-inverted',
    documentElements,
  );
  updateStyleHelper(theme, 'color-component-badge-count', documentElements);
  updateStyleHelper(
    theme,
    'color-component-badge-count-inverted',
    documentElements,
  );
  updateStyleHelper(theme, 'color-console-error-badge-text', documentElements);
  updateStyleHelper(theme, 'color-console-error-background', documentElements);
  updateStyleHelper(theme, 'color-console-error-border', documentElements);
  updateStyleHelper(theme, 'color-console-error-icon', documentElements);
  updateStyleHelper(theme, 'color-console-error-text', documentElements);
  updateStyleHelper(
    theme,
    'color-console-warning-badge-text',
    documentElements,
  );
  updateStyleHelper(
    theme,
    'color-console-warning-background',
    documentElements,
  );
  updateStyleHelper(theme, 'color-console-warning-border', documentElements);
  updateStyleHelper(theme, 'color-console-warning-icon', documentElements);
  updateStyleHelper(theme, 'color-console-warning-text', documentElements);
  updateStyleHelper(theme, 'color-context-border', documentElements);