diff --git a/apps/desktop/index.html b/apps/desktop/index.html index 043ef84..dbb411d 100644 --- a/apps/desktop/index.html +++ b/apps/desktop/index.html @@ -2,6 +2,7 @@ + Sistema de Chamados — Agente Desktop diff --git a/apps/desktop/src/styles.css b/apps/desktop/src/styles.css index 646a43c..94979f7 100644 --- a/apps/desktop/src/styles.css +++ b/apps/desktop/src/styles.css @@ -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; } } diff --git a/resp.json b/resp.json new file mode 100644 index 0000000..bfff84b --- /dev/null +++ b/resp.json @@ -0,0 +1 @@ +{"machineId":"jn7dtb6hy25w8f6h3hkxfr66wx7s7mk4","tenantId":"tenant-atlas","machineToken":"eea4477d0f107b5291a2fcdf41945be12d0ff8775beeb92d7bbeb1b26df101ca","machineEmail":"machine-jn7dtb6hy25w8f6h3hkxfr66wx7s7mk4@machines.local","expiresAt":1762658209388} \ No newline at end of file