From bcc1921928b97ba61eb63806266621613bbcc8d6 Mon Sep 17 00:00:00 2001
From: Divyateja Pasupuleti <divyateja2004@gmail.com>
Date: Sat, 27 Apr 2024 12:07:58 +0530
Subject: [PATCH] chore: modify tailwind config

---
 frontend/tailwind.config.js | 265 ++++++++++++++++++------------------
 1 file changed, 133 insertions(+), 132 deletions(-)

diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 71cacccb..b9698126 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -1,137 +1,138 @@
-import {nextui} from '@nextui-org/theme'
-const colors = require('tailwindcss/colors');
+import { nextui } from "@nextui-org/theme";
+const colors = require("tailwindcss/colors");
 
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: [
-    './pages/**/*.{js,ts,jsx,tsx,mdx}',
-    './components/**/*.{js,ts,jsx,tsx,mdx}',
-    './app/**/*.{js,ts,jsx,tsx,mdx}',
-    './node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}'
-  ],
-  theme: {
-    transparent: 'transparent',
-    current: 'currentColor',
-    extend: {
-      colors: {
-        // light mode
-        tremor: {
-          brand: {
-            faint: colors.blue[50],
-            muted: colors.blue[200],
-            subtle: colors.blue[400],
-            DEFAULT: colors.blue[500],
-            emphasis: colors.blue[700],
-            inverted: colors.white,
-          },
-          background: {
-            muted: colors.gray[50],
-            subtle: colors.gray[100],
-            DEFAULT: colors.white,
-            emphasis: colors.gray[700],
-          },
-          border: {
-            DEFAULT: colors.gray[200],
-          },
-          ring: {
-            DEFAULT: colors.gray[200],
-          },
-          content: {
-            subtle: colors.gray[400],
-            DEFAULT: colors.gray[500],
-            emphasis: colors.gray[700],
-            strong: colors.gray[900],
-            inverted: colors.white,
-          },
+    content: [
+        "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+        "./components/**/*.{js,ts,jsx,tsx,mdx}",
+        "./app/**/*.{js,ts,jsx,tsx,mdx}",
+        "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",
+        "./node_modules/@tremor/**/*.{js,ts,jsx,tsx}",
+    ],
+    theme: {
+        transparent: "transparent",
+        current: "currentColor",
+        extend: {
+            colors: {
+                // light mode
+                tremor: {
+                    brand: {
+                        faint: colors.blue[50],
+                        muted: colors.blue[200],
+                        subtle: colors.blue[400],
+                        DEFAULT: colors.blue[500],
+                        emphasis: colors.blue[700],
+                        inverted: colors.white,
+                    },
+                    background: {
+                        muted: colors.gray[50],
+                        subtle: colors.gray[100],
+                        DEFAULT: colors.white,
+                        emphasis: colors.gray[700],
+                    },
+                    border: {
+                        DEFAULT: colors.gray[200],
+                    },
+                    ring: {
+                        DEFAULT: colors.gray[200],
+                    },
+                    content: {
+                        subtle: colors.gray[400],
+                        DEFAULT: colors.gray[500],
+                        emphasis: colors.gray[700],
+                        strong: colors.gray[900],
+                        inverted: colors.white,
+                    },
+                },
+                // dark mode
+                "dark-tremor": {
+                    brand: {
+                        faint: "#0B1229",
+                        muted: colors.blue[950],
+                        subtle: colors.blue[800],
+                        DEFAULT: colors.blue[500],
+                        emphasis: colors.blue[400],
+                        inverted: colors.blue[950],
+                    },
+                    background: {
+                        muted: "#131A2B",
+                        subtle: colors.gray[800],
+                        DEFAULT: colors.gray[900],
+                        emphasis: colors.gray[300],
+                    },
+                    border: {
+                        DEFAULT: colors.gray[800],
+                    },
+                    ring: {
+                        DEFAULT: colors.gray[800],
+                    },
+                    content: {
+                        subtle: colors.gray[600],
+                        DEFAULT: colors.gray[500],
+                        emphasis: colors.gray[200],
+                        strong: colors.gray[50],
+                        inverted: colors.gray[950],
+                    },
+                },
+            },
+            boxShadow: {
+                // light
+                "tremor-input": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+                "tremor-card":
+                    "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+                "tremor-dropdown":
+                    "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+                // dark
+                "dark-tremor-input": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+                "dark-tremor-card":
+                    "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+                "dark-tremor-dropdown":
+                    "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+            },
+            borderRadius: {
+                "tremor-small": "0.375rem",
+                "tremor-default": "0.5rem",
+                "tremor-full": "9999px",
+            },
+            fontSize: {
+                "tremor-label": ["0.75rem", { lineHeight: "1rem" }],
+                "tremor-default": ["0.875rem", { lineHeight: "1.25rem" }],
+                "tremor-title": ["1.125rem", { lineHeight: "1.75rem" }],
+                "tremor-metric": ["1.875rem", { lineHeight: "2.25rem" }],
+            },
         },
-        // dark mode
-        'dark-tremor': {
-          brand: {
-            faint: '#0B1229',
-            muted: colors.blue[950],
-            subtle: colors.blue[800],
-            DEFAULT: colors.blue[500],
-            emphasis: colors.blue[400],
-            inverted: colors.blue[950],
-          },
-          background: {
-            muted: '#131A2B',
-            subtle: colors.gray[800],
-            DEFAULT: colors.gray[900],
-            emphasis: colors.gray[300],
-          },
-          border: {
-            DEFAULT: colors.gray[800],
-          },
-          ring: {
-            DEFAULT: colors.gray[800],
-          },
-          content: {
-            subtle: colors.gray[600],
-            DEFAULT: colors.gray[500],
-            emphasis: colors.gray[200],
-            strong: colors.gray[50],
-            inverted: colors.gray[950],
-          },
-        },
-      },
-      boxShadow: {
-        // light
-        'tremor-input': '0 1px 2px 0 rgb(0 0 0 / 0.05)',
-        'tremor-card':
-          '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',
-        'tremor-dropdown':
-          '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
-        // dark
-        'dark-tremor-input': '0 1px 2px 0 rgb(0 0 0 / 0.05)',
-        'dark-tremor-card':
-          '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',
-        'dark-tremor-dropdown':
-          '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
-      },
-      borderRadius: {
-        'tremor-small': '0.375rem',
-        'tremor-default': '0.5rem',
-        'tremor-full': '9999px',
-      },
-      fontSize: {
-        'tremor-label': ['0.75rem', { lineHeight: '1rem' }],
-        'tremor-default': ['0.875rem', { lineHeight: '1.25rem' }],
-        'tremor-title': ['1.125rem', { lineHeight: '1.75rem' }],
-        'tremor-metric': ['1.875rem', { lineHeight: '2.25rem' }],
-      },
-    },
-  },
-  safelist: [
-    {
-      pattern:
-        /^(bg-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/,
-      variants: ['hover', 'ui-selected'],
-    },
-    {
-      pattern:
-        /^(text-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/,
-      variants: ['hover', 'ui-selected'],
-    },
-    {
-      pattern:
-        /^(border-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/,
-      variants: ['hover', 'ui-selected'],
-    },
-    {
-      pattern:
-        /^(ring-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/,
-    },
-    {
-      pattern:
-        /^(stroke-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/,
-    },
-    {
-      pattern:
-        /^(fill-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/,
     },
-  ],
-  plugins: [require('@headlessui/tailwindcss')],
-  darkMode: "class",
-  plugins: [nextui()],
-}
+    safelist: [
+        {
+            pattern:
+                /^(bg-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/,
+            variants: ["hover", "ui-selected"],
+        },
+        {
+            pattern:
+                /^(text-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/,
+            variants: ["hover", "ui-selected"],
+        },
+        {
+            pattern:
+                /^(border-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/,
+            variants: ["hover", "ui-selected"],
+        },
+        {
+            pattern:
+                /^(ring-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/,
+        },
+        {
+            pattern:
+                /^(stroke-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/,
+        },
+        {
+            pattern:
+                /^(fill-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/,
+        },
+    ],
+    plugins: [require("@headlessui/tailwindcss")],
+    darkMode: "class",
+    plugins: [nextui()],
+};