Skip to content

Instantly share code, notes, and snippets.

@ennerf
Created September 30, 2023 15:27
Sample for AtlantaFX colors for ChartFX 11.3.0
.chart {
-fx-background-color: -color-bg-default;
.chart-title {
-fx-text-fill: -color-fg-muted;
}
.axis {
.axis-label, .axis-tick-label {
-fx-fill: -color-fg-default;
}
.axis-major-tick-mark {
-fx-stroke: -color-fg-subtle;
}
.axis-minor-tick-mark {
-fx-stroke: -color-border-default;
}
}
.grid-renderer {
.chart-major-grid-lines, .chart-major-grid-lines:withMinor {
-fx-stroke: -color-border-default;
}
.chart-minor-grid-lines {
-fx-stroke: -color-border-muted;
}
}
.chart-zoom-rect {
-fx-fill: -color-accent-fg;
-fx-stroke: -color-accent-fg;
}
.value-indicator-line, .value-indicator-marker, .value-indicator-label {
-fx-fill: -color-fg-default;
-fx-stroke: -color-fg-default;
}
.chart-legend {
.chart-legend-item {
-fx-background-color: -color-bg-default;
-fx-border-color: -color-border-default;
.text {
-fx-fill: -color-fg-default;
}
&:hover, &:focused {
-fx-background-color: -color-bg-subtle;
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment