Frontend Basics

drone-frontend/tailwind.config.js

@@ -0,0 +1,27 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ["./index.html", "./src/**/*.{svelte,js,ts,jsx,tsx}"],
+  darkMode: "class",
+  theme: {
+    extend: {
+      colors: {
+        // Palette for drone paths
+        // Light theme
+        "p-light-1": "#16a34a", // green-600
+        "p-light-2": "#ca8a04", // yellow-600
+        "p-light-3": "#0ea5e9", // sky-500
+        "p-light-4": "#db2777", // pink-600
+        "p-light-5": "#7c3aed", // violet-600
+        "p-light-6": "#dc2626", // red-600
+
+        "p-dark-1": "#00ff00", // Lime
+        "p-dark-2": "#ffff00", // Yellow
+        "p-dark-3": "#00ffff", // Cyan
+        "p-dark-4": "#ff00ff", // Magenta
+        "p-dark-5": "#bd00ff", // Violet
+        "p-dark-6": "#ff4d4d", // Red-ish
+      },
+    },
+  },
+  plugins: [],
+};