fix(web): линия тональной кривой была не видна
Цвета каналов задавались CSS-переменными темы прямо в SVG-атрибутах stroke и fill, но presentation-атрибуты не понимают var(), а переменные темы хранят компоненты HSL, а не готовый цвет. В итоге обводка была пустой, и на тёмном фоне графика кривую не было видно. Теперь цвет канала идёт через style в формате hsl(var(--text)), а заливка точек — hsl(var(--bg)).
This commit is contained in:
@@ -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}"
|
||||
|
||||
Reference in New Issue
Block a user