META-INF.resources.frontend.styles.components.charts.css Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of fluent-vaadin-flow Show documentation

Broderick Labs for fluent vaadin flow. Inherits common Vaadin components.

There is a newer version: 22.0.1

/*
 * Copyright (c) 2008 - 2020. - Broderick Labs.
 * Author: Broderick Johansson
 * E-mail: [email protected]
 * Modify date：2020-07-02 09:33:44
 * _____________________________
 * Project name: fluent-vaadin-flow
 * Class name：D:/broderick/develop/vaadin/16/fluent-vaadin-flow/frontend/styles/components/charts.css
 * Copyright (c) 2008 - 2020. - Broderick Labs.
 */

.highcharts-axis-title {
    fill: var(--lumo-secondary-text-color);
}

.highcharts-axis-labels {
    fill: var(--lumo-tertiary-text-color);
}

.highcharts-axis-line,
.highcharts-tick {
    stroke: var(--lumo-contrast-30pct);
}

.highcharts-area {
    fill-opacity: 0.5;
}

:host(.pending) .highcharts-color-0,
:host(.outstanding) .highcharts-color-0 {
    fill: rgb(255, 194, 122);
}

:host(.confirmed) .highcharts-color-0,
:host(.paid) .highcharts-color-0 {
    fill: var(--lumo-success-text-color);
}

:host(.submitted) .highcharts-color-0,
:host(.open) .highcharts-color-0 {
    fill: var(--lumo-primary-text-color);
}

:host(.failed) .highcharts-color-0,
:host(.overdue) .highcharts-color-0 {
    fill: var(--lumo-error-text-color);
}

.highcharts-background {
    fill: transparent;
}

.highcharts-container {
    font-family: inherit;
}

.highcharts-data-label {
    font-size: inherit;
    font-weight: inherit;
}

.highcharts-yaxis-grid {
    display: none;
}