Merge pull request #46 from rt4914/kvngjamesng/Add-Color-Palette-to-W…

…ebsite Fixes #29: Add-Color-palette-to-Website
rt4914 · Oct 10, 2024 · c3b72be · c3b72be
2 parents 6454bca + 0647e9f
commit c3b72be
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 4 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -1,8 +1,10 @@
 const App = () => {
   return (
-    <>
-      <h1 className="underline p-4">Hello World!</h1>
-    </>
+    <div>
+      <h1 className="text-orange bg-brown text-4xl font-bold">
+        Welcome to KlinicCon App
+      </h1>
+    </div>
   );
 };
 

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,3 +1,5 @@
+const defaultColors = require('tailwindcss/colors');
+
 /** @type {import('tailwindcss').Config} */
 export default {
   content: [
@@ -6,7 +8,18 @@ export default {
     "./.storybook/**/*.{js,jsx,ts,tsx}",
   ],
   theme: {
-    extend: {},
+    extend: {
+      colors: {
+        ...defaultColors,
+        'orange': {
+          DEFAULT: '#ff6725',
+          'dark': '#ff3f25',
+          'light': '#fef7f3',
+        },
+        'brown': '#453a34',
+        'green': '#00b579',
+      },
+    },
   },
   plugins: [],
 };