fix: update extension title bar color

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;

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 */