@synergy-design-system/tokens
Version:
Design tokens for Synergy, the SICK Design System
147 lines (145 loc) • 9.75 kB
JavaScript
/**
* @synergy-design-system/tokens version 3.22.2
* SICK Global UX Foundation
*/
export const ResolvedTokens = {
SynChartBackgroundColor: { dark: '#00051a', light: '#ffffff' },
SynChartCategorical01: { dark: '#066fff', light: '#005aff' },
SynChartCategorical02: { dark: '#a5e1b9', light: '#2d9c60' },
SynChartCategorical03: { dark: '#ab988c', light: '#8d7269' },
SynChartCategorical04: { dark: '#e0a7ff', light: '#c457ff' },
SynChartCategorical05: { dark: '#91bbff', light: '#0d3f9b' },
SynChartCategorical06: { dark: '#009797', light: '#009797' },
SynChartCategorical07: { dark: '#e13393', light: '#c1156e' },
SynChartCategorical08: { dark: '#9298b6', light: '#333333' },
SynChartCategorical09: { dark: '#04c8c3', light: '#0a6365' },
SynChartCategorical10: { dark: '#b73ef7', light: '#8515b6' },
SynChartCategorical11: { dark: '#c8ccdb', light: '#868686' },
SynChartCategorical12: { dark: '#f76fc5', light: '#ef45ab' },
SynChartDisabledColor: { dark: '#404769', light: '#999999' },
SynChartGridLinesColor: { dark: '#262f55', light: '#e7e7e7' },
SynChartGridLinesColorEmphasize: { dark: '#404769', light: '#cccccc' },
SynChartPlotLineColor: { dark: '#e9ebf1', light: '#000000' },
SynChartRangeSelectionColor: { dark: '#5f678e', light: '#868686' },
SynChartSequential01_10: { dark: '#0d3f9b', light: '#dae7ff' },
SynChartSequential01_20: { dark: '#0845c5', light: '#ccdeff' },
SynChartSequential01_30: { dark: '#005aff', light: '#91bbff' },
SynChartSequential01_40: { dark: '#066fff', light: '#5e97fc' },
SynChartSequential01_50: { dark: '#3183fe', light: '#3183fe' },
SynChartSequential01_60: { dark: '#5e97fc', light: '#066fff' },
SynChartSequential01_70: { dark: '#91bbff', light: '#005aff' },
SynChartSequential01_80: { dark: '#ccdeff', light: '#0845c5' },
SynChartSequential01_90: { dark: '#dae7ff', light: '#0d3f9b' },
SynChartSequential01_100: { dark: '#eff5ff', light: '#0e275d' },
SynChartSequential02_10: { dark: '#155033', light: '#d2f0dc' },
SynChartSequential02_20: { dark: '#18643e', light: '#bbe8c8' },
SynChartSequential02_30: { dark: '#1e7d4c', light: '#a5e1b9' },
SynChartSequential02_40: { dark: '#2d9c60', light: '#83d2a3' },
SynChartSequential02_50: { dark: '#4fb87c', light: '#4fb87c' },
SynChartSequential02_60: { dark: '#83d2a3', light: '#2d9c60' },
SynChartSequential02_70: { dark: '#a5e1b9', light: '#1e7d4c' },
SynChartSequential02_80: { dark: '#bbe8c8', light: '#18643e' },
SynChartSequential02_90: { dark: '#d2f0dc', light: '#155033' },
SynChartSequential02_100: { dark: '#e9f8ed', light: '#092518' },
SynChartSequential03_10: { dark: '#50423e', light: '#f2f0ed' },
SynChartSequential03_20: { dark: '#614e4b', light: '#ece8e5' },
SynChartSequential03_30: { dark: '#765f58', light: '#e6e1dc' },
SynChartSequential03_40: { dark: '#8d7269', light: '#d5ccc5' },
SynChartSequential03_50: { dark: '#ab988c', light: '#ab988c' },
SynChartSequential03_60: { dark: '#d5ccc5', light: '#8d7269' },
SynChartSequential03_70: { dark: '#e6e1dc', light: '#765f58' },
SynChartSequential03_80: { dark: '#ece8e5', light: '#614e4b' },
SynChartSequential03_90: { dark: '#f2f0ed', light: '#50423e' },
SynChartSequential03_100: { dark: '#f8f7f6', light: '#2a2120' },
SynChartSequential04_10: { dark: '#5e1679', light: '#f6e7ff' },
SynChartSequential04_20: { dark: '#6f1395', light: '#ebceff' },
SynChartSequential04_30: { dark: '#8515b6', light: '#e0a7ff' },
SynChartSequential04_40: { dark: '#9d1edb', light: '#c457ff' },
SynChartSequential04_50: { dark: '#b73ef7', light: '#b73ef7' },
SynChartSequential04_60: { dark: '#c457ff', light: '#9d1edb' },
SynChartSequential04_70: { dark: '#e0a7ff', light: '#8515b6' },
SynChartSequential04_80: { dark: '#ebceff', light: '#6f1395' },
SynChartSequential04_90: { dark: '#f6e7ff', light: '#5e1679' },
SynChartSequential04_100: { dark: '#faf3ff', light: '#3c0151' },
SynChartSequential05_10: { dark: '#0d5354', light: '#c7fff9' },
SynChartSequential05_20: { dark: '#0a6365', light: '#90fff3' },
SynChartSequential05_30: { dark: '#057f80', light: '#51f7ec' },
SynChartSequential05_40: { dark: '#009797', light: '#1de4dd' },
SynChartSequential05_50: { dark: '#04c8c3', light: '#04c8c3' },
SynChartSequential05_60: { dark: '#1de4dd', light: '#009797' },
SynChartSequential05_70: { dark: '#51f7ec', light: '#057f80' },
SynChartSequential05_80: { dark: '#90fff3', light: '#0a6365' },
SynChartSequential05_90: { dark: '#c7fff9', light: '#0d5354' },
SynChartSequential05_100: { dark: '#effefc', light: '#002f33' },
SynChartSequential06_10: { dark: '#85164f', light: '#fce7f5' },
SynChartSequential06_20: { dark: '#a0145b', light: '#fcceed' },
SynChartSequential06_30: { dark: '#c1156e', light: '#fba6dd' },
SynChartSequential06_40: { dark: '#e13393', light: '#f76fc5' },
SynChartSequential06_50: { dark: '#ef45ab', light: '#ef45ab' },
SynChartSequential06_60: { dark: '#f76fc5', light: '#e13393' },
SynChartSequential06_70: { dark: '#fba6dd', light: '#c1156e' },
SynChartSequential06_80: { dark: '#fcceed', light: '#a0145b' },
SynChartSequential06_90: { dark: '#fce7f5', light: '#85164f' },
SynChartSequential06_100: { dark: '#fdf2f9', light: '#51062c' },
SynChartSequential07_10: { dark: '#000a37', light: '#e7e7e7' },
SynChartSequential07_20: { dark: '#0e1633', light: '#cccccc' },
SynChartSequential07_30: { dark: '#262f55', light: '#b2b2b2' },
SynChartSequential07_40: { dark: '#404769', light: '#999999' },
SynChartSequential07_50: { dark: '#4d5473', light: '#868686' },
SynChartSequential07_60: { dark: '#5f678e', light: '#666666' },
SynChartSequential07_70: { dark: '#777ea4', light: '#565656' },
SynChartSequential07_80: { dark: '#9298b6', light: '#333333' },
SynChartSequential07_90: { dark: '#adb2c8', light: '#1a1a1a' },
SynChartSequential07_100: { dark: '#c8ccdb', light: '#0d0d0d' },
SynChartSequentialStatusCritical10: { dark: '#82450c', light: '#fff7d3' },
SynChartSequentialStatusCritical20: { dark: '#a1520b', light: '#ffeba5' },
SynChartSequentialStatusCritical30: { dark: '#cc6b02', light: '#ffdb6d' },
SynChartSequentialStatusCritical40: { dark: '#ff9100', light: '#ffbf32' },
SynChartSequentialStatusCritical50: { dark: '#ffa80a', light: '#ffa80a' },
SynChartSequentialStatusCritical60: { dark: '#ffbf32', light: '#ff9100' },
SynChartSequentialStatusCritical70: { dark: '#ffdb6d', light: '#cc6b02' },
SynChartSequentialStatusCritical80: { dark: '#ffeba5', light: '#a1520b' },
SynChartSequentialStatusCritical90: { dark: '#fff7d3', light: '#82450c' },
SynChartSequentialStatusCritical100: { dark: '#fffbec', light: '#462104' },
SynChartSequentialStatusError10: { dark: '#6c0c0e', light: '#ffe3e4' },
SynChartSequentialStatusError20: { dark: '#941013', light: '#ffcfd1' },
SynChartSequentialStatusError30: { dark: '#bc1519', light: '#ffa0a2' },
SynChartSequentialStatusError40: { dark: '#e6191e', light: '#ff696d' },
SynChartSequentialStatusError50: { dark: '#f93a3f', light: '#f93a3f' },
SynChartSequentialStatusError60: { dark: '#ff696d', light: '#e6191e' },
SynChartSequentialStatusError70: { dark: '#ffa0a2', light: '#bc1519' },
SynChartSequentialStatusError80: { dark: '#ffcfd1', light: '#941013' },
SynChartSequentialStatusError90: { dark: '#ffe3e4', light: '#6c0c0e' },
SynChartSequentialStatusError100: { dark: '#fff1f1', light: '#450709' },
SynChartSequentialStatusInfo10: { dark: '#085172', light: '#dff4ff' },
SynChartSequentialStatusInfo20: { dark: '#02628a', light: '#a6e9ff' },
SynChartSequentialStatusInfo30: { dark: '#0075a7', light: '#78ddff' },
SynChartSequentialStatusInfo40: { dark: '#0092ce', light: '#26c9ff' },
SynChartSequentialStatusInfo50: { dark: '#06b6f1', light: '#06b6f1' },
SynChartSequentialStatusInfo60: { dark: '#26c9ff', light: '#0092ce' },
SynChartSequentialStatusInfo70: { dark: '#78ddff', light: '#0075a7' },
SynChartSequentialStatusInfo80: { dark: '#a6e9ff', light: '#02628a' },
SynChartSequentialStatusInfo90: { dark: '#dff4ff', light: '#085172' },
SynChartSequentialStatusInfo100: { dark: '#effaff', light: '#06334b' },
SynChartSequentialStatusSuccess10: { dark: '#026524', light: '#ddfbe6' },
SynChartSequentialStatusSuccess20: { dark: '#00852c', light: '#bcf6cf' },
SynChartSequentialStatusSuccess30: { dark: '#1a9945', light: '#84eca7' },
SynChartSequentialStatusSuccess40: { dark: '#34ad5c', light: '#6ad88f' },
SynChartSequentialStatusSuccess50: { dark: '#4fc275', light: '#4fc275' },
SynChartSequentialStatusSuccess60: { dark: '#6ad88f', light: '#34ad5c' },
SynChartSequentialStatusSuccess70: { dark: '#84eca7', light: '#1a9945' },
SynChartSequentialStatusSuccess80: { dark: '#bcf6cf', light: '#00852c' },
SynChartSequentialStatusSuccess90: { dark: '#ddfbe6', light: '#026524' },
SynChartSequentialStatusSuccess100: { dark: '#f0fdf4', light: '#003911' },
SynChartSequentialStatusWarning10: { dark: '#74450f', light: '#fff5c6' },
SynChartSequentialStatusWarning20: { dark: '#89540a', light: '#ffe67c' },
SynChartSequentialStatusWarning30: { dark: '#a66c02', light: '#fbdb52' },
SynChartSequentialStatusWarning40: { dark: '#d19800', light: '#f6d029' },
SynChartSequentialStatusWarning50: { dark: '#f2c500', light: '#f2c500' },
SynChartSequentialStatusWarning60: { dark: '#f6d029', light: '#d19800' },
SynChartSequentialStatusWarning70: { dark: '#fbdb52', light: '#a66c02' },
SynChartSequentialStatusWarning80: { dark: '#ffe67c', light: '#89540a' },
SynChartSequentialStatusWarning90: { dark: '#fff5c6', light: '#74450f' },
SynChartSequentialStatusWarning100: { dark: '#fffbeb', light: '#442404' },
SynChartTooltipColor: { dark: '#0e1633', light: '#ffffff' },
};