nucleo000/perfil
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Style: Mejorar contraste en modo oscuro
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 56s
Details

Browse Source 
- Contenedores principales mucho más transparentes (0.15)
- Cards de aplicaciones negras sólidas (0.85)
- Mantener efectos 3D en todas las cards
This commit is contained in:
josedario87
2025-10-16 22:12:58 -06:00
parent 75069a7633
commit 32c9006ca0
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
nuxt4/app/app.vue
View File

@@ -86,7 +86,7 @@ useHead({
} }
:global(.dark) .quick-actions { :global(.dark) .quick-actions {
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.15);
box-shadow: box-shadow:
0 8px 32px 0 rgba(0, 0, 0, 0.5), 0 8px 32px 0 rgba(0, 0, 0, 0.5),
inset 0 1px 1px 0 rgba(255, 255, 255, 0.05); inset 0 1px 1px 0 rgba(255, 255, 255, 0.05);
@@ -110,7 +110,7 @@ useHead({
} }
:global(.dark) .auth-message :deep(.card) { :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); border: 1px solid rgba(255, 255, 255, 0.08);
box-shadow: box-shadow:
0 8px 32px 0 rgba(0, 0, 0, 0.5), 0 8px 32px 0 rgba(0, 0, 0, 0.5),

4
nuxt4/app/components/UserHeader.vue
View File

@@ -217,7 +217,7 @@ const handleSubmit = async () => {
} }
:global(.dark) .header-content { :global(.dark) .header-content {
background: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.15);
box-shadow: box-shadow:
0 8px 32px 0 rgba(0, 0, 0, 0.5), 0 8px 32px 0 rgba(0, 0, 0, 0.5),
inset 0 1px 1px 0 rgba(255, 255, 255, 0.05); inset 0 1px 1px 0 rgba(255, 255, 255, 0.05);
@@ -342,7 +342,7 @@ const handleSubmit = async () => {
} }
:global(.dark) .theme-toggle { :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); border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: box-shadow:
0 4px 16px 0 rgba(0, 0, 0, 0.5), 0 4px 16px 0 rgba(0, 0, 0, 0.5),

4
nuxt4/app/components/auth/ApplicationsList.vue
View File

@@ -188,7 +188,7 @@ onUnmounted(() => {
} }
:global(.dark) .applications-container { :global(.dark) .applications-container {
background: rgba(0, 0, 0, 0.35); background: rgba(0, 0, 0, 0.15);
box-shadow: box-shadow:
0 8px 32px 0 rgba(0, 0, 0, 0.5), 0 8px 32px 0 rgba(0, 0, 0, 0.5),
inset 0 1px 1px 0 rgba(255, 255, 255, 0.05); inset 0 1px 1px 0 rgba(255, 255, 255, 0.05);
@@ -262,7 +262,7 @@ onUnmounted(() => {
} }
:global(.dark) .app-card { :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); border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: box-shadow:
0 4px 16px 0 rgba(0, 0, 0, 0.4), 0 4px 16px 0 rgba(0, 0, 0, 0.4),