Make TimelineItem-badge--success ready for V2 (#1475)

* Use btn-primary-text for TimelineItem-badge--success * Use emphasis color * Create silent-cycles-camp.md
primer · Jun 28, 2021 · 105296c · 105296c
1 parent 369c5cc
commit 105296c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/silent-cycles-camp.md 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
@@ -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);
   }
 }