Tick classes

-100-50050100 -100-50050100
<Plot marginTop={30} x={{ domain: [-100, 100] }}>
    <AxisX
        tickClass={(d) =>
            d < 0 ? 'negative' : 'positive'} />
</Plot>

<style>
    :global {
        .tick.negative {
            color: var(--svp-red) !important;
        }
        .tick.positive {
            color: var(--svp-blue) !important;
        }
    }
</style>

Open in Svelte playground