From 105296c6b4b33d9e84038173bf9af09889a99dcd Mon Sep 17 00:00:00 2001
From: simurai <simurai@github.com>
Date: Mon, 28 Jun 2021 20:43:51 +0900
Subject: [PATCH] Make `TimelineItem-badge--success` ready for V2 (#1475)

* Use btn-primary-text for TimelineItem-badge--success

* Use emphasis color

* Create silent-cycles-camp.md
---
 .changeset/silent-cycles-camp.md | 5 +++++
 src/timeline/timeline-item.scss  | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/silent-cycles-camp.md

diff --git a/.changeset/silent-cycles-camp.md b/.changeset/silent-cycles-camp.md
new file mode 100644
index 00000000..d8a10c59
--- /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 f55b0f29..cb54acb2 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);
   }
 }