Nivo Calander Axis Color not changing

[hilyas786786]

`export default function HeatMap() {
const theme = {
axis: {
ticks: {
text: {
fill: '#f7f7f7f7', // Teal-900 for axis labels
},
},
legend: {
text: {
fill: '#f7f7f7f7',
},
},
},
tooltip: {
container: {
background: '#000',
color: '#38b2ac',
fontSize: '24px',
},
},
};

return (
<ResponsiveCalendar
data={data.filter((d) => d.day.startsWith(${currentYear}-))}
from={${currentYear}-01-01}
to={${currentYear}-12-31}
emptyColor="#E6FFFA"
colors={['#B2F5EA', '#81E6D9', '#4FD1C5', '#38B2AC']}
margin={{ top: 10, right: 40, bottom: 0, left: 40 }}
yearSpacing={40}
monthBorderColor="#000000"
dayBorderWidth={0}
dayBorderColor="#000000"
theme={theme}
legends={[
{
anchor: 'bottom-right',
direction: 'row',
translateY: 36,
itemCount: 4,
itemWidth: 42,
itemHeight: 36,
itemsSpacing: 14,
itemDirection: 'right-to-left',
},
]}
/>
);
}`

tooltip works, however axis dosen't change color to any value
It works in nivo/line in this map it wont work

[plouc]

Please use the issue template, format code snippets and provide a codesandbox showcasing the issue.