70 lines
4.5 KiB
CSS
70 lines
4.5 KiB
CSS
|
:where(.pf-v5-theme-dark) .pf-v5-chart svg g[clip-path] {
|
||
|
|
mix-blend-mode: normal;
|
||
|
|
}
|
||
|
|
:where(.pf-v5-theme-dark) {
|
||
|
|
--pf-v5-chart-color-blue-100: #add6ff;
|
||
|
|
--pf-v5-chart-color-blue-200: #85c2ff;
|
||
|
|
--pf-v5-chart-color-blue-300: #47a3ff;
|
||
|
|
--pf-v5-chart-color-blue-400: #0a85ff;
|
||
|
|
--pf-v5-chart-color-blue-500: #06c;
|
||
|
|
--pf-v5-chart-color-green-100: #d6eed3;
|
||
|
|
--pf-v5-chart-color-green-200: #aedca7;
|
||
|
|
--pf-v5-chart-color-green-300: #85cb7c;
|
||
|
|
--pf-v5-chart-color-green-400: #5cb950;
|
||
|
|
--pf-v5-chart-color-green-500: #3e8635;
|
||
|
|
--pf-v5-chart-color-cyan-100: #b9feff;
|
||
|
|
--pf-v5-chart-color-cyan-200: #86fdff;
|
||
|
|
--pf-v5-chart-color-cyan-300: #00b5b8;
|
||
|
|
--pf-v5-chart-color-cyan-400: #008c8f;
|
||
|
|
--pf-v5-chart-color-cyan-500: #005f60;
|
||
|
|
--pf-v5-chart-color-purple-100: #cec8e4;
|
||
|
|
--pf-v5-chart-color-purple-200: #a99fd1;
|
||
|
|
--pf-v5-chart-color-purple-300: #9183c3;
|
||
|
|
--pf-v5-chart-color-purple-400: #7968b6;
|
||
|
|
--pf-v5-chart-color-purple-500: #6753ac;
|
||
|
|
--pf-v5-chart-color-red-100: #ffadad;
|
||
|
|
--pf-v5-chart-color-red-200: #ff7070;
|
||
|
|
--pf-v5-chart-color-red-300: #ff4747;
|
||
|
|
--pf-v5-chart-color-red-400: #ff0a0a;
|
||
|
|
--pf-v5-chart-color-red-500: #a30000;
|
||
|
|
--pf-v5-chart-global--BorderColor: var(--pf-v5-global--BorderColor--100);
|
||
|
|
--pf-v5-chart-global--BorderColor--accent: var(--pf-v5-global--BorderColor--400);
|
||
|
|
--pf-v5-chart-global--label--Fill: var(--pf-v5-global--Color--100);
|
||
|
|
--pf-v5-chart-global--title--Fill: var(--pf-v5-global--Color--100);
|
||
|
|
--pf-v5-chart-global--subtitle--Fill: var(--pf-v5-global--Color--200);
|
||
|
|
--pf-v5-chart-global--tooltip--Fill: var(--pf-v5-global--Color--100);
|
||
|
|
--pf-v5-chart-global--tooltip--bg--Fill: var(--pf-v5-global--BackgroundColor--300);
|
||
|
|
--pf-v5-chart-global--tooltip--BorderWidth: 1;
|
||
|
|
--pf-v5-chart-global--tooltip--BorderColor: var(--pf-v5-global--BorderColor--300);
|
||
|
|
--pf-v5-chart-axis--axis--stroke--Color: var(--pf-v5-chart-global--BorderColor);
|
||
|
|
--pf-v5-chart-axis--grid--stroke--Color: var(--pf-v5-chart-global--BorderColor);
|
||
|
|
--pf-v5-chart-axis--tick--stroke--Color: var(--pf-v5-chart-global--BorderColor);
|
||
|
|
--pf-v5-chart-axis--axis--tick--stroke--Color: var(--pf-v5-chart-global--BorderColor);
|
||
|
|
--pf-v5-chart-axis--grid--Fill: var(--pf-v5-chart-global--BorderColor);
|
||
|
|
--pf-v5-chart-axis--tick-label--Fill: var(--pf-v5-chart-global--label--Fill);
|
||
|
|
--pf-v5-chart-bullet--label--title--Fill: var(--pf-v5-chart-global--title--Fill);
|
||
|
|
--pf-v5-chart-bullet--label--grouptitle--Fill: var(--pf-v5-chart-bullet--label--title--Fill);
|
||
|
|
--pf-v5-chart-bullet--label--subtitle--Fill: var(--pf-v5-chart-global--subtitle--Fill);
|
||
|
|
--pf-v5-chart-bullet--negative-measure--ColorScale--100: var(--pf-v5-global--palette--red-400);
|
||
|
|
--pf-v5-chart-bullet--negative-measure--ColorScale--200: var(--pf-v5-global--palette--red-300);
|
||
|
|
--pf-v5-chart-bullet--negative-measure--ColorScale--300: var(--pf-v5-global--palette--red-200);
|
||
|
|
--pf-v5-chart-bullet--negative-measure--ColorScale--400: var(--pf-v5-global--palette--red-100);
|
||
|
|
--pf-v5-chart-bullet--negative-measure--ColorScale--500: var(--pf-v5-global--palette--red-9999);
|
||
|
|
--pf-v5-chart-bullet--qualitative-range--ColorScale--100: var(--pf-v5-global--palette--black-600);
|
||
|
|
--pf-v5-chart-bullet--qualitative-range--ColorScale--200: var(--pf-v5-global--palette--black-500);
|
||
|
|
--pf-v5-chart-bullet--qualitative-range--ColorScale--300: var(--pf-v5-global--palette--black-400);
|
||
|
|
--pf-v5-chart-bullet--qualitative-range--ColorScale--400: var(--pf-v5-global--palette--black-300);
|
||
|
|
--pf-v5-chart-bullet--qualitative-range--ColorScale--500: var(--pf-v5-global--palette--black-200);
|
||
|
|
--pf-v5-chart-container--cursor--line--Fill: var(--pf-v5-chart-global--BorderColor--accent);
|
||
|
|
--pf-v5-chart-donut--label--title--Fill: var(--pf-v5-chart-global--title--Fill);
|
||
|
|
--pf-v5-chart-donut--label--subtitle--Fill: var(--pf-v5-chart-global--subtitle--Fill);
|
||
|
|
--pf-v5-chart-line--data--stroke--Color: var(--pf-v5-chart-global--BorderColor);
|
||
|
|
--pf-v5-chart-tooltip--Fill: var(--pf-v5-chart-global--tooltip--Fill);
|
||
|
|
--pf-v5-chart-voronoi--labels--Fill: var(--pf-v5-chart-global--tooltip--Fill);
|
||
|
|
--pf-v5-chart-tooltip--flyoutStyle--Fill: var(--pf-v5-chart-global--tooltip--bg--Fill);
|
||
|
|
--pf-v5-chart-voronoi--flyout--stroke--Fill: var(--pf-v5-chart-global--tooltip--bg--Fill);
|
||
|
|
--pf-v5-chart-tooltip--flyoutStyle--stroke--Width: var(--pf-v5-chart-global--tooltip--BorderWidth);
|
||
|
|
--pf-v5-chart-tooltip--flyoutStyle--stroke--Color: var(--pf-v5-chart-global--tooltip--BorderColor);
|
||
|
|
--pf-v5-chart-voronoi--flyout--stroke--Width: var(--pf-v5-chart-global--tooltip--BorderWidth);
|
||
|
|
--pf-v5-chart-voronoi--flyout--stroke--Color: var(--pf-v5-chart-global--tooltip--BorderColor);
|
||
|
|
}
|