vaadin-charts将在导出/下载上应用所有CSS样式

Question

We have a few Vaadin charts (Pro) on our dashboard, which have been styled via CSS (font color, font size, bar colors,...). These CSS files are not on the system, but are loaded from an external server using @Stylesheet([URL]) in my Java-Class. The charts are built with Java. Everything is displayed correctly, but when using the built-in export function via the interface, not all styles are used. We are using Vaadin14. Does anyone here have an idea/solution?
[This is how it looks on our dashboard][1]
[This is how the downloaded chart looks like][2]
[This is the contextmenu][3]
As you can see, among other things, the bar colors and the font size are not applied correctly.

:host(.ChartDatenschutz) .highcharts-color-0, :host(.ChartDatenschutzTOM) .highcharts-color-0 {
  stroke: var(---kl-highcharts-fortschritt-color-00);
                fill: var(---kl-highcharts-fortschritt-color-00);
}

:host(.ChartDatenschutz) .highcharts-data-label-color-0 text, :host(.ChartDatenschutzTOM) .highcharts-data-label-color-0 text {
  fill:var(---kl-red-color);
                font-weight: 600;
}

:host(.ChartDatenschutz) .highcharts-color-1, :host(.ChartDatenschutzTOM) .highcharts-color-1 {
  stroke: var(---kl-highcharts-fortschritt-color-01);
                fill: var(---kl-highcharts-fortschritt-color-01);
}

:host(.ChartDatenschutz) .highcharts-color-2, :host(.ChartDatenschutzTOM) .highcharts-color-2 {
  stroke: var(---kl-highcharts-fortschritt-color-02);
                fill: var(---kl-highcharts-fortschritt-color-02);
}

:host(.ChartDatenschutz) .highcharts-color-3, :host(.ChartDatenschutzTOM) .highcharts-color-3 {
  stroke: var(---kl-highcharts-fortschritt-color-03);
                fill: var(---kl-highcharts-fortschritt-color-03);
}

:host(.ChartDatenschutz) .highcharts-color-4, :host(.ChartDatenschutzTOM) .highcharts-color-4 {
  stroke: var(---kl-highcharts-fortschritt-color-04);
                fill: var(---kl-highcharts-fortschritt-color-04);
}

:host(.ChartDatenschutz) .highcharts-color-5, :host(.ChartDatenschutzTOM) .highcharts-color-5 {
  stroke: var(---kl-highcharts-fortschritt-color-05);
                fill: var(---kl-highcharts-fortschritt-color-05);
}

:host(.ChartDatenschutz) .highcharts-data-label-color-5 text, :host(.ChartDatenschutzTOM) .highcharts-data-label-color-5 text {
  fill: var(---kl-white-color);
}

:host(.ChartDatenschutz) .highcharts-legend-item, :host(.ChartDatenschutzTOM) .highcharts-legend-item {
  fill: var(---kl-text-color);
}

（CSS的一部分）
样式来自外部设计团队，这意味着我无法直接访问文件。但是，我可以让他们知道是否需要更改。
提前致谢

Answer 1

Vaadin 23.0中不支持出口图表的CSS样式： https://vaadin.com/docs/latest/ds/components/charts/svg-generator/#customising-svg-generation

在将图表导出为SVG时，不支持CSS样式。