diff --git a/.changeset/silent-cycles-camp.md b/.changeset/silent-cycles-camp.md new file mode 100644 index 0000000000..d8a10c591f --- /dev/null +++ b/.changeset/silent-cycles-camp.md @@ -0,0 +1,5 @@ +--- +"@primer/css": patch +--- + +Make `TimelineItem-badge--success` ready for Color Modes V2 diff --git a/src/timeline/timeline-item.scss b/src/timeline/timeline-item.scss index f55b0f2927..cb54acb28e 100644 --- a/src/timeline/timeline-item.scss +++ b/src/timeline/timeline-item.scss @@ -42,8 +42,8 @@ flex-shrink: 0; &--success { - color: var(--color-text-white); - background-color: var(--color-btn-primary-bg); + color: var(--color-fg-on-emphasis, var(--color-btn-primary-text)); // TODO remove V1 fallback + background-color: var(--color-success-emphasis, var(--color-btn-primary-bg)); // TODO remove V1 fallback border: $border-width $border-style var(--color-timeline-badge-success-border); } }