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
hackworthltd · Jun 6, 2022 · 704cce5 · 704cce5
1 parent fa53a05
commit 704cce5
Showing 1 changed file with 13 additions and 4 deletions.
diff --git 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"),