carlostellocba/admin-edu-space
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(ui): optimizar contrastes del modo claro para accesibilidad y confort visual

Browse Source
This commit is contained in:
carlostellocba
2026-09-23 16:06:09 -03:00
parent 7b6baca2b5
commit 122caca9ce
3 changed files with 365 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/views/layouts/base.html
+38 -18
View File
@@ -43,49 +43,69 @@
padding-bottom: 0.35rem;
}
/* --- MODO CLARO ([data-bs-theme="light"]) --- */
/* --- MODO CLARO ([data-bs-theme="light"]) - ALTO CONTRASTE & CONFORT VISUAL --- */
[data-bs-theme="light"] body {
background: #F8FAFC !important;
color: #1E293B !important;
background-color: #EEF2F6 !important;
color: #0F172A !important;
}
[data-bs-theme="light"] .glass-navbar {
background: rgba(255, 255, 255, 0.92) !important;
background: rgba(255, 255, 255, 0.95) !important;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05) !important;
border-bottom: 1px solid #CBD5E1 !important;
box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05) !important;
}
[data-bs-theme="light"] .glass-navbar .navbar-brand span {
background: linear-gradient(90deg, #B43E8E, #682CAD);
background: linear-gradient(90deg, #9E2D77, #581C87);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
[data-bs-theme="light"] .glass-navbar .nav-link {
color: #334155 !important;
color: #1E293B !important;
font-weight: 600;
}
[data-bs-theme="light"] .glass-navbar .nav-link:hover,
[data-bs-theme="light"] .glass-navbar .nav-link.active {
color: #B43E8E !important;
background: rgba(180, 62, 142, 0.06);
color: #9E2D77 !important;
background: rgba(158, 45, 119, 0.08);
border-radius: 7px;
}
[data-bs-theme="light"] .glass-card,
[data-bs-theme="light"] .card {
background: #FFFFFF !important;
color: #1E293B !important;
border: 1px solid rgba(0, 0, 0, 0.08) !important;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
color: #0F172A !important;
border: 1px solid #D8E0E9 !important;
box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05), 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}
[data-bs-theme="light"] .card-header {
background-color: #F8FAFC !important;
border-bottom: 1px solid #E2E8F0 !important;
color: #0F172A !important;
}
[data-bs-theme="light"] .table {
--bs-table-color: #0F172A;
border-color: #E2E8F0 !important;
}
[data-bs-theme="light"] .table thead th {
background-color: #F1F5F9 !important;
color: #0F172A !important;
font-weight: 700 !important;
border-bottom: 2px solid #CBD5E1 !important;
}
[data-bs-theme="light"] .text-muted {
color: #475569 !important;
}
/* Toggle button - modo claro */
[data-bs-theme="light"] .navbar-toggle-custom {
color: #334155;
border-color: rgba(51, 65, 85, 0.25);
color: #1E293B;
border-color: #CBD5E1;
background-color: #F1F5F9;
}
[data-bs-theme="light"] .navbar-toggle-custom:hover {
background: rgba(180, 62, 142, 0.08);
border-color: #B43E8E;
color: #B43E8E;
background: rgba(158, 45, 119, 0.1);
border-color: #9E2D77;
color: #9E2D77;
}
/* --- MODO OSCURO ([data-bs-theme="dark"]) --- */