add beth.css + remove old tailwind config

resources/css/beth.css

@@ -0,0 +1,33 @@
+@import 'tailwindcss/base';
+@import 'tailwindcss/components';
+@import 'tailwindcss/utilities';
+
+@import '@sethsharp/lumuix/dist/types/presets/styles.css';
+
+:root {
+    --primary-foreground: 168 84% 90%;
+
+    --primary-50: 340 70% 98%;
+    --primary-100: 339 85% 92%;
+    --primary-200: 338 91% 84%;
+    --primary-300: 337 85% 74%;
+    --primary-400: 336 77% 63%;
+    --primary-500: 335 100% 54%;
+    --primary-600: 334 90% 44%;
+    --primary-700: 333 83% 36%;
+    --primary-800: 332 75% 29%;
+    --primary-900: 331 66% 23%;
+    --primary-950: 330 60% 19%;
+
+    --secondary-50: 264 100% 94%;
+    --secondary-100: 263 100% 88%;
+    --secondary-200: 262 96% 78%;
+    --secondary-300: 261 92% 68%;
+    --secondary-400: 260 87% 58%;
+    --secondary-500: 259 100% 48%;
+    --secondary-600: 258 94% 38%;
+    --secondary-700: 257 89% 29%;
+    --secondary-800: 256 84% 22%;
+    --secondary-900: 255 78% 17%;
+    --secondary-950: 254 72% 12%;
+}

resources/views/layouts/beth-main.blade.php

@@ -4,14 +4,14 @@
 
     <title> @yield('title', config('app.name')) </title>
 
-    @vite('resources/css/app.css')
+    @vite('resources/css/beth.css')
     @vite('resources/js/main.js')
 
     <link rel="preconnect" href="https://fonts.bunny.net">
     <link rel="icon" href="{{ asset('/beth/favicon.ico') }}" type="image/x-icon">
 
     @stack('meta')
-    
+
     @routes
     @livewireStyles
 </head>

tailwind.config.js

@@ -1,18 +1,6 @@
 const defaultTheme = require('tailwindcss/defaultTheme')
-import colors from 'tailwindcss/colors.js'
 import { preset } from '@sethsharp/lumuix'
 
-require('dotenv').config()
-
-let primary, secondary
-if (process.env.EB_ENVIRONMENT === 'seth') {
-    primary = buildPrimaryColour(colors.teal)
-    secondary = buildPrimaryColour(colors.purple)
-} else {
-    primary = buildPrimaryColour(colors.rose)
-    secondary = buildPrimaryColour(colors.purple)
-}
-
 module.exports = {
     presets: [preset],
 
@@ -70,18 +58,3 @@ module.exports = {
 
     plugins: [require('@tailwindcss/forms')],
 }
-
-function buildPrimaryColour(colour) {
-    return {
-        50: colour[50],
-        100: colour[100],
-        200: colour[200],
-        300: colour[300],
-        400: colour[400],
-        500: colour[500],
-        600: colour[600],
-        700: colour[700],
-        800: colour[800],
-        900: colour[900],
-    }
-}

vite.config.js

@@ -5,7 +5,12 @@ import laravel from 'laravel-vite-plugin'
 export default defineConfig({
     plugins: [
         laravel({
-            input: ['resources/css/app.css', 'resources/js/app.js', 'resources/js/main.js'],
+            input: [
+                'resources/css/beth.css',
+                'resources/css/app.css',
+                'resources/js/app.js',
+                'resources/js/main.js',
+            ],
             refresh: true,
         }),
         vue({