updating packages

tailwind.config.js

@@ -1,12 +1,20 @@
-// tailwind.config.js
+//https://stackoverflow.com/questions/70704377/default-colors-given-in-tailwind-documentation-are-not-working
+const colors = require("./node_modules/tailwindcss/colors");
+
+delete colors["lightBlue"];
+delete colors["warmGray"];
+delete colors["trueGray"];
+delete colors["coolGray"];
+delete colors["blueGray"];
+
 module.exports = {
   purge: {
     enabled: !process.env.ROLLUP_WATCH,
     //mode: 'all',
     //preserveHtmlElements: false,
-    content: ['./public/index.html', './src/**/*.svelte'],
+    content: ["./public/index.html", "./src/**/*.svelte"],
     options: {
-      defaultExtractor: content => [
+      defaultExtractor: (content) => [
         ...(content.match(/[^<>"'`\s]*[^<>"'`\s:]/g) || []),
         ...(content.match(/(?<=class:)[^=>\/\s]*/g) || []),
       ],
@@ -15,7 +23,15 @@ module.exports = {
   },
   darkMode: false, // or 'media' or 'class'
   theme: {
-    extend: {},
+    extend: {
+      colors: {
+        // you can either spread `colors` to apply all the colors
+        ...colors,
+        // or add them one by one and name whatever you want
+        //amber: colors.amber,
+        //emerald: colors.emerald,
+      },
+    },
   },
   variants: {
     extend: {},
@@ -23,19 +39,19 @@ module.exports = {
   plugins: [],
   theme: {
     fontSize: {
-      'xxs': '.5rem',
-      'xs': '.75rem',
-      'sm': '.875rem',
-      'tiny': '.875rem',
-      'base': '1rem',
-      'lg': '1.125rem',
-      'xl': '1.25rem',
-      '2xl': '1.5rem',
-      '3xl': '1.875rem',
-      '4xl': '2.25rem',
-      '5xl': '3rem',
-      '6xl': '4rem',
-      '7xl': '5rem',
-    }
-  }
-}
+      xxs: ".5rem",
+      xs: ".75rem",
+      sm: ".875rem",
+      tiny: ".875rem",
+      base: "1rem",
+      lg: "1.125rem",
+      xl: "1.25rem",
+      "2xl": "1.5rem",
+      "3xl": "1.875rem",
+      "4xl": "2.25rem",
+      "5xl": "3rem",
+      "6xl": "4rem",
+      "7xl": "5rem",
+    },
+  },
+};