fix(web): линия тональной кривой была не видна

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

Теперь цвет канала идёт через style в формате hsl(var(--text)), а заливка
точек — hsl(var(--bg)).
This commit is contained in:
iu
2026-10-21 01:24:40 +03:00
parent 2668d87347
commit d904b2fe31
2 changed files with 10 additions and 5 deletions
@@ -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}"