From d904b2fe315d01f4d68a464575e35a74f960a09e Mon Sep 17 00:00:00 2001
From: Iu <iu@prhub.ru>
Date: Wed, 21 Oct 2026 01:24:40 +0300
Subject: [PATCH] =?UTF-8?q?fix(web):=20=D0=BB=D0=B8=D0=BD=D0=B8=D1=8F=20?=
 =?UTF-8?q?=D1=82=D0=BE=D0=BD=D0=B0=D0=BB=D1=8C=D0=BD=D0=BE=D0=B9=20=D0=BA?=
 =?UTF-8?q?=D1=80=D0=B8=D0=B2=D0=BE=D0=B9=20=D0=B1=D1=8B=D0=BB=D0=B0=20?=
 =?UTF-8?q?=D0=BD=D0=B5=20=D0=B2=D0=B8=D0=B4=D0=BD=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Цвета каналов задавались CSS-переменными темы прямо в SVG-атрибутах stroke и
fill, но presentation-атрибуты не понимают var(), а переменные темы хранят
компоненты HSL, а не готовый цвет. В итоге обводка была пустой, и на тёмном
фоне графика кривую не было видно.

Теперь цвет канала идёт через style в формате hsl(var(--text)), а заливка
точек — hsl(var(--bg)).
---
 frontend/src/lib/components/PhotoEditPanel.svelte | 12 ++++++++----
 frontend/src/lib/edit.ts                          |  3 ++-
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/frontend/src/lib/components/PhotoEditPanel.svelte b/frontend/src/lib/components/PhotoEditPanel.svelte
index 035b863..bfbcbe9 100644
--- a/frontend/src/lib/components/PhotoEditPanel.svelte
+++ b/frontend/src/lib/components/PhotoEditPanel.svelte
@@ -351,16 +351,20 @@
 						<line x1={step} y1="0" x2={step} y2="100" class="stroke-border" stroke-width="0.4" />
 						<line x1="0" y1={step} x2="100" y2={step} class="stroke-border" stroke-width="0.4" />
 					{/each}
-					<path d={curvePath(channel)} fill="none" stroke={CHANNEL_COLORS[channel]} stroke-width="1.2" />
+					<path
+						d={curvePath(channel)}
+						fill="none"
+						stroke-width="1.4"
+						style="stroke: {CHANNEL_COLORS[channel]}"
+					/>
 					{#each channelPoints(channel) as point, index (index)}
 						<circle
 							cx={point.x * 100}
 							cy={(1 - point.y) * 100}
 							r="2.4"
 							class="cursor-grab"
-							fill="var(--bg)"
-							stroke={CHANNEL_COLORS[channel]}
-							stroke-width="1"
+							stroke-width="1.2"
+							style="fill: hsl(var(--bg)); stroke: {CHANNEL_COLORS[channel]}"
 							role="slider"
 							tabindex="0"
 							aria-label="Точка кривой {index + 1}"
diff --git a/frontend/src/lib/edit.ts b/frontend/src/lib/edit.ts
index 4221116..af1ee25 100644
--- a/frontend/src/lib/edit.ts
+++ b/frontend/src/lib/edit.ts
@@ -45,7 +45,8 @@ export const CHANNEL_LABELS: Record<CurveChannel, string> = {
 };
 
 export const CHANNEL_COLORS: Record<CurveChannel, string> = {
-	rgb: 'var(--text)',
+	// --text в теме хранит компоненты HSL, поэтому цвет собирается через hsl().
+	rgb: 'hsl(var(--text))',
 	red: '#ef4444',
 	green: '#22c55e',
 	blue: '#3b82f6'