Update accent color tokens (#942)

Author: danielguillan

.changeset/wicked-cooks-hope.md

@@ -0,0 +1,6 @@
+---
+'@primer/brand-primitives': patch
+'@primer/react-brand': patch
+---
+
+Update the default `primary` and `secondary` accent color tokens from `pink` and `purple` to `green` and `yellow`, respectively.

package-lock.json

@@ -38,12 +38,12 @@
     },
     "accent": {
       "primary": {
-        "value": "var(--base-color-scale-pink-5)",
-        "dark": "var(--base-color-scale-pink-3)"
+        "value": "var(--base-color-scale-green-5)",
+        "dark": "var(--base-color-scale-green-3)"
       },
       "secondary": {
-        "value": "var(--base-color-scale-purple-5)",
-        "dark": "var(--base-color-scale-purple-3)"
+        "value": "var(--base-color-scale-yellow-5)",
+        "dark": "var(--base-color-scale-yellow-3)"
       }
     },
     "text": {

packages/design-tokens/src/tokens/functional/colors/global.json

@@ -589,7 +589,7 @@ export function SolutionPage({
                         <Grid>
                           <Grid.Column span={{medium: 10}} start={{medium: 2}}>
                             <Box animate="fade-in">
-                              <Testimonial size="large" quoteMarkColor="pink">
+                              <Testimonial size="large" quoteMarkColor="green">
                                 <Testimonial.Quote>
                                   <TextRevealAnimation>
                                     GitHub helps us ensure that we have our security controls baked into our pipelines
@@ -832,7 +832,7 @@ function TimelineExample() {
 function PillarExample() {
   return (
     <Pillar>
-      <Pillar.Icon color="pink" icon={<ZapIcon />} />
+      <Pillar.Icon color="green" icon={<ZapIcon />} />
       <Pillar.Heading>Here is a core value proposition of this new feature on one or two lines</Pillar.Heading>
       <Pillar.Description>
         Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sapien sit ullamcorper id aliquam luctus sed turpis.