From 4a348d0d1adde60e4fd4320dc290a6944f2126b5 Mon Sep 17 00:00:00 2001
From: Andy O'Neill <andy@scratch.mit.edu>
Date: Tue, 6 Jun 2023 13:30:43 -0400
Subject: [PATCH] fix: update extension title bar color

---
 src/components/connection-modal/connection-modal.css | 4 ++--
 src/css/colors.css                                   | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/connection-modal/connection-modal.css b/src/components/connection-modal/connection-modal.css
index a97c4355d..6527ff180 100644
--- a/src/components/connection-modal/connection-modal.css
+++ b/src/components/connection-modal/connection-modal.css
@@ -6,7 +6,7 @@
 }
 
 .header {
-    background-color: $pen-primary;
+    background-color: $pen-tertiary;
 }
 
 .body {
@@ -264,7 +264,7 @@
 }
 
 .help-step-number {
-    background: $pen-primary;
+    background: $pen-tertiary;
     border-radius: 100%;
     display: flex;
     justify-content: center;
diff --git a/src/css/colors.css b/src/css/colors.css
index 13a861788..d5ae6f1a6 100644
--- a/src/css/colors.css
+++ b/src/css/colors.css
@@ -34,6 +34,7 @@ $data-primary: hsla(30, 100%, 55%, 1); /* #FF8C1A */
 
 $pen-primary: hsla(163, 85%, 40%, 1); /* #0FBD8C */
 $pen-transparent: hsla(163, 85%, 40%, 0.25); /* #0FBD8C */
+$pen-tertiary: hsla(163, 86%, 30%, 1); /* #0B8E69 */
 
 $error-primary: hsla(30, 100%, 55%, 1); /* #FF8C1A */
 $error-light: hsla(30, 100%, 70%, 1); /* #FFB366 */