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 { .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; color: white;
border-color: transparent;
} }
.btn-primary:hover { .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; color: white;
border-color: transparent;
transform: translateY(-2px); 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 { .btn-success {
@@ -497,8 +499,8 @@ body {
} }
.form-control:focus { .form-control:focus {
border-color: var(--primary-color); border-color: var(--brand, var(--primary-color));
box-shadow: 0 0 0 0.2rem rgba(37, 211, 102, 0.25); box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--brand, #1565c0) 22%, transparent);
outline: none; outline: none;
} }
@@ -550,7 +552,7 @@ body {
} }
.table-hover tbody tr:hover { .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 */ /* Badges */
@@ -676,12 +678,12 @@ body {
} }
.menu-item:hover { .menu-item:hover {
border-color: var(--primary-color); border-color: var(--brand, var(--primary-color));
background: rgba(37, 211, 102, 0.05); background: color-mix(in srgb, var(--brand, #1565c0) 5%, transparent);
} }
.menu-item.root { .menu-item.root {
border-left: 4px solid var(--primary-color); border-left: 4px solid var(--brand, var(--primary-color));
} }
.menu-item.child { .menu-item.child {
@@ -694,8 +696,8 @@ body {
padding: 10px 15px; padding: 10px 15px;
border-radius: 8px; border-radius: 8px;
margin-bottom: 10px; margin-bottom: 10px;
border-left: 4px solid var(--primary-color); border-left: 4px solid var(--brand, var(--primary-color));
background: rgba(37, 211, 102, 0.05); background: color-mix(in srgb, var(--brand, #1565c0) 5%, transparent);
} }
.recent-message .time { .recent-message .time {