I want to give my X and Y axis a specific color ('#204623'), but I can't seem to find the right solution for vuechart-js.

Solutions for chart.js dont seem to work

Note: The graph has no gridlines.

This is what my code looks like:

 render() {
        this.renderChart(this.data, {
            maintainAspectRatio: false,
            responsive: true,
            legend: {display: false},
            tooltips: {
                enabled: true,
                backgroundColor: '#204623',
                bodyAlign: 'center',
                titleAlign: 'center',
                displayColors: false,
                callbacks: {
                  label: ((tooltipItems, data) => {
                      return tooltipItems.yLabel + ' gasten'
                  }),
                }
            },
            scales: {
                yAxes: [{
                    baseLineColor: '#204623',
                    ticks: {display: false},
                    labelString: translation.get('system.amount'),
                    gridLines: {
                        display: false
                    }
                }],
                xAxes: [{
                    baseLineColor: '#204623',
                    position: 'bottom',
                    gridLines: {
                        display: false
                    },
                    scaleLabel: {
                        display: false,
                        labelString: translation.get('system.time'),
                    },
                    ticks: {
                        display: false,
                    }
                }],

            },
        })
    }