feat: added a login page with Authentik authentication

This commit is contained in:
Zakaria
2026-10-16 19:35:27 -04:00
parent 668911ed6e
commit 924e354788
18 changed files with 441 additions and 54 deletions
+46 -38
View File
@@ -1,55 +1,55 @@
:root {
color-scheme: dark;
/* ── AWS dark palette ── */
--bg: #0f141a;
--surface: #161d26;
--elevated: #1b232d;
--raised: #232b37;
--raised-hover: #333843;
--border: #424650;
--border-faint: rgba(101, 104, 113, 0.55);
--border-lighter: rgba(101, 104, 113, 0.3);
--border-hover: #75cfff;
--active-nav-bg: #001129;
/* ── TheCloud dark palette ── */
--bg: #07111d;
--surface: #0c1a2b;
--elevated: #0d1c2f;
--raised: #10243a;
--raised-hover: #16304b;
--border: rgba(232, 241, 250, 0.16);
--border-faint: rgba(232, 241, 250, 0.1);
--border-lighter: rgba(232, 241, 250, 0.06);
--border-hover: #6cc4ff;
--active-nav-bg: #0d2943;
--text: #c6c6cd;
--text-bright: #f9f9fa;
--text-2: #b4b4bb;
--text-3: #a4a4ad;
--text: #bdd0e3;
--text-bright: #e8f1fa;
--text-2: #c9d9e8;
--text-3: #8aa3bc;
--text-muted: var(--text-3);
--text-nav: #c6c6cd;
--status-ok: #2bb534;
--status-warn: #fbd332;
--status-error: #ff7a7a;
--status-ok: #5ce0b0;
--status-warn: #ffb547;
--status-error: #ff9a9a;
--accent: #42b4ff;
--accent-tint: rgba(66, 180, 255, 0.16);
--accent-tint-faint: rgba(66, 180, 255, 0.07);
--accent-tint-border: rgba(66, 180, 255, 0.35);
--accent: #6cc4ff;
--accent-tint: rgba(108, 196, 255, 0.16);
--accent-tint-faint: rgba(108, 196, 255, 0.07);
--accent-tint-border: rgba(108, 196, 255, 0.35);
--link: #42b4ff;
--link-tint: rgba(66, 180, 255, 0.08);
--link-tint-hover: rgba(66, 180, 255, 0.14);
--link-tint-border: rgba(66, 180, 255, 0.3);
--link: #6cc4ff;
--link-tint: rgba(108, 196, 255, 0.08);
--link-tint-hover: rgba(108, 196, 255, 0.14);
--link-tint-border: rgba(108, 196, 255, 0.3);
--hover: rgba(255, 255, 255, 0.04);
--hover-md: rgba(255, 255, 255, 0.06);
--hover-lg: rgba(255, 255, 255, 0.07);
/* 3:1 vs raised so inputs/buttons meet non-text contrast. */
--input-border: #656871;
--input-bg: #161d26;
--connection-bg: #131920;
--kbd-border: #424650;
--scrollbar-thumb: #656871;
--service-card-bg: #161d26;
--service-card-hover: #1b232d;
--fn-card-hover: #232b37;
--bulk-bar-bg: #001129;
--bulk-bar-border: #42b4ff;
--bulk-bar-text: #f9f9fa;
--code-bg: #282c34;
--input-border: rgba(232, 241, 250, 0.28);
--input-bg: #0c1a2b;
--connection-bg: #091624;
--kbd-border: rgba(232, 241, 250, 0.2);
--scrollbar-thumb: #48627c;
--service-card-bg: #0c1a2b;
--service-card-hover: #0d1c2f;
--fn-card-hover: #10243a;
--bulk-bar-bg: #0d2943;
--bulk-bar-border: #6cc4ff;
--bulk-bar-text: #e8f1fa;
--code-bg: #050d17;
/* Workflow Studio: keep canvas surfaces readable independently of state accents. */
--workflow-save-border: #4e628f;
@@ -2300,6 +2300,14 @@ pre,
background: var(--link-tint);
}
.ecr-images-table { min-width: 680px; }
.ecr-images-table th, .ecr-images-table td { padding: 13px 16px; vertical-align: middle; }
.ecr-images-table th:nth-child(1) { width: 22%; }
.ecr-images-table th:nth-child(2) { width: 27%; }
.ecr-images-table th:nth-child(3) { width: 31%; }
.ecr-images-table th:nth-child(4) { width: 14%; }
.ecr-images-table th:last-child { width: 48px; }
.logs-query-panel {
display: grid;
margin-top: 12px;