From 32c9006ca07cf46d8ca4d206e03b6cff7e4ef8a4 Mon Sep 17 00:00:00 2001 From: josedario87 Date: Thu, 16 Oct 2025 22:12:58 -0600 Subject: [PATCH] Style: Mejorar contraste en modo oscuro MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Contenedores principales mucho más transparentes (0.15) - Cards de aplicaciones negras sólidas (0.85) - Mantener efectos 3D en todas las cards --- nuxt4/app/app.vue | 4 ++-- nuxt4/app/components/UserHeader.vue | 4 ++-- nuxt4/app/components/auth/ApplicationsList.vue | 4 ++-- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/nuxt4/app/app.vue b/nuxt4/app/app.vue index 09e6e21..10b48d6 100644 --- a/nuxt4/app/app.vue +++ b/nuxt4/app/app.vue @@ -86,7 +86,7 @@ useHead({ } :global(.dark) .quick-actions { - background: rgba(0, 0, 0, 0.3); + background: rgba(0, 0, 0, 0.15); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5), inset 0 1px 1px 0 rgba(255, 255, 255, 0.05); @@ -110,7 +110,7 @@ useHead({ } :global(.dark) .auth-message :deep(.card) { - background: rgba(0, 0, 0, 0.3); + background: rgba(0, 0, 0, 0.15); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5), diff --git a/nuxt4/app/components/UserHeader.vue b/nuxt4/app/components/UserHeader.vue index 8bf1479..bc95f94 100644 --- a/nuxt4/app/components/UserHeader.vue +++ b/nuxt4/app/components/UserHeader.vue @@ -217,7 +217,7 @@ const handleSubmit = async () => { } :global(.dark) .header-content { - background: rgba(0, 0, 0, 0.4); + background: rgba(0, 0, 0, 0.15); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5), inset 0 1px 1px 0 rgba(255, 255, 255, 0.05); @@ -342,7 +342,7 @@ const handleSubmit = async () => { } :global(.dark) .theme-toggle { - background: rgba(0, 0, 0, 0.3); + background: rgba(0, 0, 0, 0.15); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.5), diff --git a/nuxt4/app/components/auth/ApplicationsList.vue b/nuxt4/app/components/auth/ApplicationsList.vue index 774fd7c..5725d29 100644 --- a/nuxt4/app/components/auth/ApplicationsList.vue +++ b/nuxt4/app/components/auth/ApplicationsList.vue @@ -188,7 +188,7 @@ onUnmounted(() => { } :global(.dark) .applications-container { - background: rgba(0, 0, 0, 0.35); + background: rgba(0, 0, 0, 0.15); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5), inset 0 1px 1px 0 rgba(255, 255, 255, 0.05); @@ -262,7 +262,7 @@ onUnmounted(() => { } :global(.dark) .app-card { - background: rgba(0, 0, 0, 0.3); + background: rgba(0, 0, 0, 0.85); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.4),