josedario87
b4cad99419
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m7s
- Crear composable useColorCustomization para manejar colores personalizados - Agregar botón de paleta en CataUserInfo para acceder al color picker - Implementar modal con selector de color (input color + text) - Guardar preferencias en localStorage por tema (light/dark) - Generar paleta de gradientes automáticamente desde color base - Aplicar colores dinámicamente a variables CSS - Incluir vista previa del color en el modal - Botón para restablecer al color por defecto - Persistencia de colores entre sesiones - Inicialización automática en app.vue
33 lines
816 B
Vue
33 lines
816 B
Vue
<template>
|
|
<UApp>
|
|
<NuxtRouteAnnouncer />
|
|
<UNotifications />
|
|
<NuxtPage />
|
|
</UApp>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const { isAuthenticated } = useAuthentik()
|
|
const { inicializar } = useColorCustomization()
|
|
|
|
// Inicializar personalización de colores
|
|
onMounted(() => {
|
|
inicializar()
|
|
})
|
|
|
|
// Configurar meta tags para PWA
|
|
useHead({
|
|
link: [
|
|
{ rel: 'manifest', href: '/manifest.webmanifest' },
|
|
{ rel: 'icon', type: 'image/svg+xml', href: '/icon.svg' },
|
|
{ rel: 'apple-touch-icon', href: '/apple-touch-icon.png' }
|
|
],
|
|
meta: [
|
|
{ name: 'theme-color', content: '#00DC82' },
|
|
{ name: 'mobile-web-app-capable', content: 'yes' },
|
|
{ name: 'apple-mobile-web-app-capable', content: 'yes' },
|
|
{ name: 'apple-mobile-web-app-status-bar-style', content: 'default' }
|
|
]
|
|
})
|
|
</script>
|