How to use the @patternfly/react-tokens.chart_color_blue_200.value function in @patternfly/react-tokens

To help you get started, we’ve selected a few @patternfly/react-tokens examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github patternfly / patternfly-react / packages / patternfly-4 / react-charts / src / components / ChartTheme / themes / light / blue-color-theme.ts View on Github external
import {
  chart_color_blue_100,
  chart_color_blue_200,
  chart_color_blue_300,
  chart_color_blue_400,
  chart_color_blue_500
} from '@patternfly/react-tokens';
import { ColorTheme } from '../color-theme';

// Color scale
// See https://docs.google.com/document/d/1cw10pJFXWruB1SA8TQwituxn5Ss6KpxYPCOYGrH8qAY/edit
const COLOR_SCALE = [
  chart_color_blue_300.value,
  chart_color_blue_100.value,
  chart_color_blue_500.value,
  chart_color_blue_200.value,
  chart_color_blue_400.value
];

export const LightBlueColorTheme = ColorTheme({
  COLOR_SCALE
});
github patternfly / patternfly-react / packages / patternfly-4 / react-charts / src / components / ChartTheme / themes / dark / blue-color-theme.ts View on Github external
import {
  chart_color_blue_100,
  chart_color_blue_200,
  chart_color_blue_300,
  chart_color_blue_400,
  chart_color_blue_500
} from '@patternfly/react-tokens';
import { ColorTheme } from '../color-theme';

// Color scale
// See https://docs.google.com/document/d/1cw10pJFXWruB1SA8TQwituxn5Ss6KpxYPCOYGrH8qAY/edit
const COLOR_SCALE = [
  chart_color_blue_300.value,
  chart_color_blue_100.value,
  chart_color_blue_500.value,
  chart_color_blue_200.value,
  chart_color_blue_400.value
];

export const DarkBlueColorTheme = ColorTheme({
  COLOR_SCALE
});
github patternfly / patternfly-react / packages / patternfly-4 / react-charts / src / components / ChartTheme / themes / dark / multi-color-unordered-theme.ts View on Github external
chart_color_black_300.value,
  chart_color_blue_100.value,
  chart_color_gold_500.value,
  chart_color_green_100.value,
  chart_color_purple_500.value,
  chart_color_orange_100.value,
  chart_color_cyan_500.value,
  chart_color_black_100.value,
  chart_color_blue_500.value,
  chart_color_gold_100.value,
  chart_color_green_500.value,
  chart_color_purple_100.value,
  chart_color_orange_500.value,
  chart_color_cyan_100.value,
  chart_color_black_500.value,
  chart_color_blue_200.value,
  chart_color_gold_400.value,
  chart_color_green_200.value,
  chart_color_purple_400.value,
  chart_color_orange_200.value,
  chart_color_cyan_400.value,
  chart_color_black_200.value,
  chart_color_blue_400.value,
  chart_color_gold_200.value,
  chart_color_green_400.value,
  chart_color_purple_200.value,
  chart_color_orange_400.value,
  chart_color_cyan_200.value,
  chart_color_black_400.value
];

export const DarkMultiColorUnorderedTheme = ColorTheme({
github patternfly / patternfly-react / packages / patternfly-4 / react-charts / src / components / ChartTheme / themes / light / multi-color-unordered-theme.ts View on Github external
chart_color_black_300.value,
  chart_color_blue_100.value,
  chart_color_gold_500.value,
  chart_color_green_100.value,
  chart_color_purple_500.value,
  chart_color_orange_100.value,
  chart_color_cyan_500.value,
  chart_color_black_100.value,
  chart_color_blue_500.value,
  chart_color_gold_100.value,
  chart_color_green_500.value,
  chart_color_purple_100.value,
  chart_color_orange_500.value,
  chart_color_cyan_100.value,
  chart_color_black_500.value,
  chart_color_blue_200.value,
  chart_color_gold_400.value,
  chart_color_green_200.value,
  chart_color_purple_400.value,
  chart_color_orange_200.value,
  chart_color_cyan_400.value,
  chart_color_black_200.value,
  chart_color_blue_400.value,
  chart_color_gold_200.value,
  chart_color_green_400.value,
  chart_color_purple_200.value,
  chart_color_orange_400.value,
  chart_color_cyan_200.value,
  chart_color_black_400.value
];

export const LightMultiColorUnorderedTheme = ColorTheme({