From 3e1ad15ba388b2221ef545655fe917df8cb0aafc Mon Sep 17 00:00:00 2001
From: Denozordec <shatskiy.blog@gmail.com>
Date: Sun, 18 Oct 2026 14:43:30 +0700
Subject: [PATCH] =?UTF-8?q?fix(design-preview):=20=D0=BF=D0=B0=D0=BB=D0=B8?=
 =?UTF-8?q?=D1=82=D1=80=D0=B0=20MikrotikManager=20v2=20=D0=B4=D0=BB=D1=8F?=
 =?UTF-8?q?=20=D0=BC=D0=B0=D0=BA=D0=B5=D1=82=D0=B0=20Auth=20Portal?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
---
 .../web/src/design-preview/design-preview.css | 64 ++++++++++++++++++-
 1 file changed, 63 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/design-preview/design-preview.css b/apps/web/src/design-preview/design-preview.css
index 9bb878d..3d893ac 100644
--- a/apps/web/src/design-preview/design-preview.css
+++ b/apps/web/src/design-preview/design-preview.css
@@ -10,13 +10,75 @@ html[data-preview-density='compact'] [data-slot='sidebar-inset'] > div:last-chil
   gap: 0.75rem;
 }
 
-html[data-preview-contrast='high'] {
+/* Палитра MikrotikManager v2 (доски Auth Portal): только пока смонтирован макет. */
+html[data-preview-density] {
+  --background: oklch(0.973 0.004 247.858);
+  --foreground: oklch(0.205 0.01 264);
+  --card: oklch(1 0 0);
+  --popover: oklch(1 0 0);
+  --secondary: oklch(0.955 0.005 264);
+  --muted: oklch(0.95 0.006 264);
+  --muted-foreground: oklch(0.44 0.02 264);
+  --accent: oklch(0.93 0.01 264);
+  --border: oklch(0.88 0.008 264);
+  --input: oklch(0.86 0.008 264);
+  --ring: oklch(0.488 0.243 264.376);
+  --sidebar: oklch(0.985 0.003 264);
+  --sidebar-accent: oklch(0.93 0.01 264);
+  --sidebar-border: oklch(0.88 0.008 264);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --destructive-foreground: oklch(0.45 0.2 27);
+  --success: oklch(0.6 0.15 163);
+  --success-foreground: oklch(0.4 0.1 163);
+  --warning: oklch(0.75 0.16 80);
+  --warning-foreground: oklch(0.45 0.1 70);
+  --info: oklch(0.55 0.23 293);
+  --info-foreground: oklch(0.42 0.2 293);
+}
+
+html[data-preview-density].dark {
+  --background: oklch(0.133 0.011 264.376);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.191 0.011 264.376);
+  --popover: oklch(0.191 0.011 264.376);
+  --secondary: oklch(0.252 0.01 264.376);
+  --muted: oklch(0.252 0.01 264.376);
+  --muted-foreground: oklch(0.648 0.008 264.376);
+  --accent: oklch(0.285 0.022 264.376);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.488 0.243 264.376);
+  --sidebar: oklch(0.191 0.011 264.376);
+  --sidebar-accent: oklch(0.262 0.014 264.376);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --destructive: oklch(0.704 0.191 22.216);
+  --destructive-foreground: oklch(0.577 0.245 27.325);
+  --success: oklch(0.696 0.17 162.48);
+  --success-foreground: oklch(0.596 0.145 163.225);
+  --warning: oklch(0.795 0.184 86.047);
+  --warning-foreground: oklch(0.681 0.162 75.834);
+  --info: oklch(0.606 0.25 292.717);
+  --info-foreground: oklch(0.541 0.281 293.009);
+}
+
+html[data-preview-density][data-preview-contrast='high'] {
   --border: color-mix(in oklch, var(--foreground) 55%, transparent);
   --input: color-mix(in oklch, var(--foreground) 60%, transparent);
   --muted-foreground: color-mix(in oklch, var(--foreground) 88%, transparent);
   --ring: oklch(0.85 0.17 95);
 }
 
+html[data-preview-density].dark[data-preview-contrast='high'] {
+  --background: oklch(0 0 0);
+  --card: oklch(0.12 0 0);
+  --popover: oklch(0.1 0 0);
+  --muted: oklch(0.22 0 0);
+  --muted-foreground: oklch(0.86 0 0);
+  --border: oklch(1 0 0 / 55%);
+  --input: oklch(1 0 0 / 60%);
+  --ring: oklch(0.85 0.17 95);
+}
+
 /* Шрифты дизайн-системы (Geist / Geist Mono) — только пока смонтирован макет. */
 html[data-preview-density] {
   --font-sans: 'Geist Variable', ui-sans-serif, system-ui, sans-serif;