How to use the @patternfly/react-tokens.chart_color_cyan_400.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 / dark / cyan-color-theme.ts View on Github external
chart_color_cyan_100,
  chart_color_cyan_200,
  chart_color_cyan_300,
  chart_color_cyan_400,
  chart_color_cyan_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_cyan_300.value,
  chart_color_cyan_100.value,
  chart_color_cyan_500.value,
  chart_color_cyan_200.value,
  chart_color_cyan_400.value
];

export const DarkCyanColorTheme = ColorTheme({
  COLOR_SCALE
});
github patternfly / patternfly-react / packages / patternfly-4 / react-charts / src / components / ChartTheme / themes / light / cyan-color-theme.ts View on Github external
chart_color_cyan_100,
  chart_color_cyan_200,
  chart_color_cyan_300,
  chart_color_cyan_400,
  chart_color_cyan_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_cyan_300.value,
  chart_color_cyan_100.value,
  chart_color_cyan_500.value,
  chart_color_cyan_200.value,
  chart_color_cyan_400.value
];

export const LightCyanColorTheme = 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_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({
  COLOR_SCALE
});
github openshift / console / frontend / packages / knative-plugin / src / models.ts View on Github external
color: knativeServingColor.value,
};

export const RevisionModel: K8sKind = {
  apiGroup: 'serving.knative.dev',
  apiVersion,
  kind: 'Revision',
  label: 'Revision',
  labelPlural: 'Revisions',
  plural: 'revisions',
  id: 'revision',
  abbr: 'REV',
  namespaced: true,
  crd: true,
  badge: BadgeType.TECH,
  color: knativeServingColor.value,
};

export const RouteModel: K8sKind = {
  apiGroup: 'serving.knative.dev',
  apiVersion,
  kind: 'Route',
  label: 'Route',
  labelPlural: 'Routes',
  plural: 'routes',
  id: 'route',
  abbr: 'RT',
  namespaced: true,
  crd: true,
  badge: BadgeType.TECH,
  color: knativeServingColor.value,
};
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_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({
  COLOR_SCALE
});
github openshift / console / frontend / packages / knative-plugin / src / models.ts View on Github external
const apiVersion = `v1beta1`;

export const ConfigurationModel: K8sKind = {
  apiGroup: 'serving.knative.dev',
  apiVersion,
  kind: 'Configuration',
  plural: 'configurations',
  label: 'Configuration',
  labelPlural: 'Configurations',
  id: 'configuration',
  abbr: 'CFG',
  namespaced: true,
  crd: true,
  badge: BadgeType.TECH,
  color: knativeServingColor.value,
};

export const KnativeServingModel: K8sKind = {
  apiGroup: 'serving.knative.dev',
  apiVersion: 'v1alpha1',
  kind: 'KnativeServing',
  label: 'Knative Serving',
  labelPlural: 'Knative Servings',
  plural: 'knativeservings',
  id: 'knativeserving',
  abbr: 'KS',
  namespaced: true,
  crd: true,
  badge: BadgeType.TECH,
  color: knativeServingColor.value,
};