🐛 fixing profile data and some QA issues

modules/shared/app.config.ts

@@ -1,22 +1,40 @@
+const preset = {
+  border: ''
+}
+
 export default defineAppConfig({
   ui: {
     primary: 'orange',
+    gray: 'slate',
     button: {
+      colors: {
+        orange: {
+          solid: 'border-x-2 border-b-2 border-orange-600 dark:border-orange-900 active:border-t-2 active:border-b-0',
+        }
+      },
+      variant: {
+        solid: 'border-x-2 border-b-2 border-{color}-600 dark:border-{color}-900 active:border-t-2 active:border-b-0',
+      },
       default: {
-        color: 'primary',
+        size: 'md',
       },
     },
     input: {
-      base: 'focus:bg-orange-100',
+      colors: {
+        orange: {
+          base: 'dark:focus:bg-orange-800 focus:bg-orange-100',
+        }
+      },
+      base: 'dark:focus:bg-{color}-800 focus:bg-{color}-100',
       default: {
         size: 'md',
-        color: 'primary',
       },
     },
     formGroup: {
       label: {
         base: 'font-thin'
       },
+      help: 'text-gray-400 text-xs leading-tight',
       default: {
         size: 'md',
       },

modules/shared/nuxt.config.ts

@@ -5,8 +5,6 @@ const currentDir = dirname(fileURLToPath(import.meta.url))
 
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  compatibilityDate: '2024-09-11',
-
   devtools: { enabled: true },
 
   extends: ['@nuxt/ui-pro'],
@@ -44,6 +42,10 @@ export default defineNuxtConfig({
     },
   ],
 
+  ui: {
+    safelistColors: ['orange', 'slate']
+  },
+
   fonts: {
     families: [
       {

modules/shared/tailwind.config.ts

@@ -9,25 +9,25 @@ export default <Partial<Config>>{
         sans: ['Londrina Solid', 'DM Sans', ...defaultTheme.fontFamily.sans]
       },
       colors: {
-        'orange': {
-          '50': '#fffbec',
-          '100': '#fff6d3',
-          '200': '#ffe9a5',
-          '300': '#ffd76d',
-          '400': '#ffba32',
-          '500': '#ffa20a',
-          '600': '#ff8a00',
-          '700': '#cc6502',
-          '800': '#a14e0b',
-          '900': '#82410c',
-          '950': '#461f04',
+        orange: {
+          50: '#fffbec',
+          100: '#fff6d3',
+          200: '#ffe9a5',
+          300: '#ffd76d',
+          400: '#ffba32',
+          500: '#ffa20a',
+          600: '#ff8a00',
+          700: '#cc6502',
+          800: '#a14e0b',
+          900: '#82410c',
+          950: '#461f04',
         },
-        'black': {
-          '500': '#303030',
+        black: {
+          500: '#303030',
         }
       },
       fontSize: {
-        'hlogo': '45px',
+        hlogo: '45px',
       },
       boxShadow: {
         'input-orange': 'inset 0 0 0 1px #ffa20a',