From c3b4a0c36302af7bb06ca996f37a63470ab99c62 Mon Sep 17 00:00:00 2001
From: Jon Rohan <yes@jonrohan.codes>
Date: Wed, 8 Sep 2021 18:11:45 -0700
Subject: [PATCH] Removing v2 color mode css variable fallbacks (#1579)

* Removing v2 color mode fallbacks

* Create shaggy-shirts-camp.md
---
 .changeset/shaggy-shirts-camp.md | 5 +++++
 src/forms/form-control.scss      | 2 +-
 src/progress/progress.scss       | 2 +-
 src/timeline/timeline-item.scss  | 4 ++--
 4 files changed, 9 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/shaggy-shirts-camp.md

diff --git a/.changeset/shaggy-shirts-camp.md b/.changeset/shaggy-shirts-camp.md
new file mode 100644
index 0000000000..e90f630f69
--- /dev/null
+++ b/.changeset/shaggy-shirts-camp.md
@@ -0,0 +1,5 @@
+---
+"@primer/css": minor
+---
+
+Removing v2 color mode css var fallbacks. `var(--color-v2, var(--color-v1))` becomes `var(--color-v2)`
diff --git a/src/forms/form-control.scss b/src/forms/form-control.scss
index ddf67f9c85..666394d441 100644
--- a/src/forms/form-control.scss
+++ b/src/forms/form-control.scss
@@ -130,7 +130,7 @@ textarea.form-control {
       // stylelint-disable-next-line primer/spacing
       padding: 2px $spacer-1;
       font-style: normal;
-      background: var(--color-attention-subtle, var(--color-auto-yellow-1));
+      background: var(--color-attention-subtle);
       border-radius: $border-radius;
     }
   }
diff --git a/src/progress/progress.scss b/src/progress/progress.scss
index 4cf6cebe13..1953fce6a7 100644
--- a/src/progress/progress.scss
+++ b/src/progress/progress.scss
@@ -4,7 +4,7 @@
   display: flex;
   height: 8px;
   overflow: hidden;
-  background-color: var(--color-neutral-muted, var(--color-auto-gray-2));
+  background-color: var(--color-neutral-muted);
   border-radius: $border-radius;
   outline: 1px solid transparent; // Support Firefox custom colors
 }
diff --git a/src/timeline/timeline-item.scss b/src/timeline/timeline-item.scss
index d73c637b9d..44db27fe0b 100644
--- a/src/timeline/timeline-item.scss
+++ b/src/timeline/timeline-item.scss
@@ -41,8 +41,8 @@
   flex-shrink: 0;
 
   &--success {
-    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
+    color: var(--color-fg-on-emphasis);
+    background-color: var(--color-success-emphasis);
     border: $border-width $border-style transparent;
   }
 }