implemented header and dark theme.

2024-09-29 12:22:08 +05:30
commit dc36a9c094
24 changed files with 6189 additions and 0 deletions
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -0,0 +1,44 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+  ],
+  darkMode: 'selector',
+  theme: {
+    colors: {
+      white: '#FFFFFF',
+      black: '#000000',
+      transparent: 'transparent',
+      primary: {
+        DEFAULT: '#008C46',
+        dark: '#6affb4'
+      },
+      secondary: {
+        DEFAULT: '#B1E1B3',
+        dark: '#20542f',
+        variant: {DEFAULT: '#80AE82', dark: '#5F8E5F'}
+      },
+      surface: {
+        DEFAULT: '#F6F6F6',
+        dark: '#3C3C3C',
+        variant: {DEFAULT: '#F4FFF4', dark: '#525252'}
+      },
+      
+    },
+    fontFamily: {
+      display: ['Montserrat', 'sans-serif'],
+      body: ['Rubik', 'sans-serif'],
+    },
+    extend: {
+      borderWidth: {
+        '3': '3px',
+      },
+      fontSize: {
+        title: '40px',
+      },
+    },
+  },
+  plugins: [],
+}
+