usite-sas-bic/whatsapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: reemplazar verde WhatsApp por --brand en hover/focus/botones del ERP

Browse Source 
- table-hover, form-control:focus, btn-primary, menu-item hover
- Usar var(--brand, fallback) para que funcione sin Layout.php
- Contextos chat/WhatsApp mantienen su verde propio

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Lizandro Guarnizo
2026-06-23 20:20:59 -05:00
co-authored by Claude Sonnet 4.6
parent a5d42a54be
commit f57fa39c33
1 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/styles.css
+13 -11
View File
@@ -460,15 +460,17 @@ body {
}
.btn-primary {
background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
background: linear-gradient(135deg, var(--brand, #1565c0), var(--brand-dark, #0d47a1));
color: white;
border-color: transparent;
}
.btn-primary:hover {
background: linear-gradient(135deg, var(--secondary-color), var(--tertiary-color));
background: linear-gradient(135deg, var(--brand-dark, #0d47a1), var(--brand, #1565c0));
color: white;
border-color: transparent;
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(37, 211, 102, 0.4);
box-shadow: 0 5px 15px color-mix(in srgb, var(--brand, #1565c0) 40%, transparent);
}
.btn-success {
@@ -497,8 +499,8 @@ body {
}
.form-control:focus {
border-color: var(--primary-color);
box-shadow: 0 0 0 0.2rem rgba(37, 211, 102, 0.25);
border-color: var(--brand, var(--primary-color));
box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--brand, #1565c0) 22%, transparent);
outline: none;
}
@@ -550,7 +552,7 @@ body {
}
.table-hover tbody tr:hover {
background-color: rgba(37, 211, 102, 0.05);
background-color: color-mix(in srgb, var(--brand, #1565c0) 6%, transparent);
}
/* Badges */
@@ -676,12 +678,12 @@ body {
}
.menu-item:hover {
border-color: var(--primary-color);
background: rgba(37, 211, 102, 0.05);
border-color: var(--brand, var(--primary-color));
background: color-mix(in srgb, var(--brand, #1565c0) 5%, transparent);
}
.menu-item.root {
border-left: 4px solid var(--primary-color);
border-left: 4px solid var(--brand, var(--primary-color));
}
.menu-item.child {
@@ -694,8 +696,8 @@ body {
padding: 10px 15px;
border-radius: 8px;
margin-bottom: 10px;
border-left: 4px solid var(--primary-color);
background: rgba(37, 211, 102, 0.05);
border-left: 4px solid var(--brand, var(--primary-color));
background: color-mix(in srgb, var(--brand, #1565c0) 5%, transparent);
}
.recent-message .time {