From 704cce581d3672d0e39ec147d758930dd8d7acec Mon Sep 17 00:00:00 2001
From: annedino4 <76442964+annedino4@users.noreply.github.com>
Date: Mon, 6 Jun 2022 10:34:44 +0100
Subject: [PATCH] Update tailwind.config.js

Added new colours and changed some old colours with the new colourful tree design in mind. See below file for reference:
https://www.figma.com/file/w8RpeMkOo63As4k50y4ezt/Primer-Design-Library-22?node-id=0%3A1
---
 packages/primer-components/tailwind.config.js | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/packages/primer-components/tailwind.config.js b/packages/primer-components/tailwind.config.js
index 0a9943ca..f2b07c78 100644
--- a/packages/primer-components/tailwind.config.js
+++ b/packages/primer-components/tailwind.config.js
@@ -12,6 +12,7 @@ module.exports = {
       blue: {
         primary: "#34375d",
         secondary: "#4b5097",
+        quaternary: "64B0C8",
         "primary-hover": "#46486f",
         "secondary-hover": "#2b3679",
       },
@@ -22,12 +23,20 @@ module.exports = {
         "primary-hover": "#e2e2e2",
       },
       red: {
-        primary: "#a52326",
-        secondary: "#f1685e",
-        "primary-hover": "#c7433f",
-        "secondary-hover": "#bf3c38",
+        primary: "#982F2C",
+        secondary: "#D24232",
+        "primary-hover": "#C7433f",
+        "secondary-hover": "#922F2C",
+      },
+      green: {
+        primary: "#62E2B4",
+      },
+      yellow: {
+        primary: "#9FFB961",
+        secondary: "#E5A34F",
       },
     },
+
     stroke: (theme) => ({
       "blue-primary": theme("colors.blue.primary"),
       "blue-secondary": theme("colors.blue.secondary"),