esdras/sistema-de-chamados
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(desktop/ui): force light theme for readability in Tauri; strengthen contrast for card/input/alerts; add inventory summary cards

Browse source
This commit is contained in:
Esdras Renan 2025-10-10 00:18:39 -03:00
parent c70691bce8
commit 319e9d0eef
3 changed files with 22 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

83
apps/desktop/src/styles.css
View file

@ -1,10 +1,10 @@
:root {
color-scheme: light dark;
color-scheme: light; /* força tema claro para máxima legibilidade */
font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
line-height: 1.5;
background-color: #f1f5f9;
color: #0f172a;
background-color: #f8fafc; /* slate-50 */
color: #0f172a; /* slate-900 */
margin: 0;
}
@ -22,12 +22,11 @@ body {
}
.card {
width: min(440px, 100%);
background-color: rgba(255, 255, 255, 0.85);
width: min(520px, 100%);
background-color: #ffffff;
border-radius: 16px;
box-shadow: 0 16px 60px rgba(15, 23, 42, 0.16);
box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);
padding: 28px;
backdrop-filter: blur(12px);
}
.card header h1 {
@ -88,10 +87,10 @@ input,
select {
padding: 10px 12px;
border-radius: 10px;
border: 1px solid rgba(148, 163, 184, 0.6);
border: 1px solid #cbd5e1; /* slate-300 */
font-size: 1rem;
background-color: rgba(241, 245, 249, 0.8);
color: inherit;
background-color: #ffffff;
color: #0f172a;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
@ -231,57 +230,15 @@ button:hover:not(:disabled) {
}
@media (prefers-color-scheme: dark) {
:root {
background-color: #0f172a;
color: #e2e8f0;
}
.card {
background-color: rgba(15, 23, 42, 0.75);
color: #e2e8f0;
box-shadow: 0 12px 32px rgba(15, 23, 42, 0.4);
}
.subtitle {
color: #94a3b8;
}
.alert {
background-color: rgba(37, 99, 235, 0.16);
color: #bfdbfe;
}
.alert.error {
background-color: rgba(248, 113, 113, 0.2);
color: #fecaca;
}
.alert.success {
background-color: rgba(34, 197, 94, 0.18);
color: #bbf7d0;
}
input,
select {
background-color: rgba(15, 23, 42, 0.5);
border-color: rgba(148, 163, 184, 0.35);
}
input:focus,
select:focus {
border-color: #60a5fa;
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.32);
}
button.secondary {
color: #93c5fd;
}
.machine-summary {
background-color: rgba(148, 163, 184, 0.12);
}
.status-text {
color: #cbd5f5;
}
/* forçamos visual claro também em modo escuro do sistema */
:root { background-color: #f8fafc; color: #0f172a; }
.card { background-color: #ffffff; color: #0f172a; box-shadow: 0 10px 30px rgba(15,23,42,0.12); }
.subtitle { color: #475569; }
.alert { background-color: #e0f2fe; color: #0f172a; }
.alert.error { background-color: #fee2e2; color: #b91c1c; }
.alert.success { background-color: #dcfce7; color: #166534; }
input, select { background-color: #ffffff; border-color: #cbd5e1; }
button.secondary { color: #2563eb; }
.machine-summary { background-color: rgba(15, 23, 42, 0.05); }
.status-text { color: #334155; }
}