feat(nxdev): Set TailwindCSS colours extend for Nx (#5650)

nrwl · May 13, 2021 · ce57fc5 · ce57fc5
1 parent 5abd640
commit ce57fc5
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/nx-dev/nx-dev/pages/index.tsx b/nx-dev/nx-dev/pages/index.tsx
@@ -9,7 +9,7 @@ export function Index() {
         <div className="max-w-7xl mx-auto py-3 px-3 sm:px-6 lg:px-8">
           <div className="flex items-center justify-between flex-wrap">
             <div className="w-0 flex-1 flex items-center">
-              <span className="flex p-2 rounded-lg bg-blue-800">
+              <span className="flex p-2 rounded-lg bg-blue-nx">
                 <svg
                   className="h-6 w-6 text-white"
                   fill="none"

diff --git a/nx-dev/nx-dev/tailwind.config.js b/nx-dev/nx-dev/tailwind.config.js
@@ -28,7 +28,13 @@ module.exports = {
   ],
   darkMode: false, // or 'media' or 'class'
   theme: {
-    extend: {},
+    extend: {
+      colors: {
+        blue: {
+          nx: 'rgba(3, 47, 86, 1)',
+        },
+      },
+    },
   },
   variants: {
     extend: {},