@glance-networks/agent-plugin
Version:
Glance Networks Agent Plugin
449 lines (447 loc) • 9.64 kB
JavaScript
/*
----- Color tokens object exported from script [scripts/tailwind/generateTokens] -----
Please do not edit this file manually, it is generated automatically with supernova export output
To update this file, run the following command: "npm run generate:tokens" or do "npm install"
*/
export const glanceColorTokens = {
sky: {
'10': '#f4fafd',
'20': '#ecf6fb',
'25': '#dcf0f9',
'30': '#e6f2f8',
'50': '#d4eef8',
'100': '#aaddf2',
'200': '#80ccec',
'300': '#55bbe6',
'400': '#2baae0',
'500': '#019ada',
'600': '#0080b5',
'700': '#006691',
'800': '#004d6d',
'900': '#003348',
'950': '#002a3d'
},
brand: {
accent: '#019ada',
neutral: '#626e80',
monotone: '#000000',
'fixed-dark': '#000000',
primary: '#134fb9',
secondary: '#019ada',
tertiary: '#13804d',
'fixed-light': '#ffffff'
},
blue: {
'50': '#eff6ff',
'100': '#dbeafe',
'200': '#bfdbfe',
'300': '#93c5fd',
'400': '#60a5fa',
'500': '#3b82f6',
'600': '#2563eb',
'700': '#1d4ed8',
'800': '#1e40af',
'900': '#193071',
'950': '#101a3c'
},
green: {
'50': '#f0fdf4',
'100': '#dcfce7',
'200': '#bbf7d0',
'300': '#86efac',
'400': '#4ade80',
'500': '#22c55e',
'600': '#16a34a',
'700': '#15803d',
'800': '#166534',
'900': '#14532d',
'950': '#052e16'
},
yellow: {
'50': '#fefce8',
'100': '#fef9c3',
'200': '#fef08a',
'300': '#fde047',
'400': '#facc15',
'500': '#eab308',
'600': '#ca8a04',
'700': '#a16207',
'800': '#854d0e',
'900': '#663910',
'950': '#462206'
},
charcoal: {
'0': '#ffffff',
'50': '#f7f7f7',
'100': '#f2f2f2',
'200': '#d9d9d9',
'300': '#bfbfbf',
'400': '#a6a6a6',
'500': '#8c8c8c',
'600': '#737373',
'700': '#595959',
'800': '#404040',
'900': '#262626',
'950': '#1a1a1a',
'1000': '#000000'
},
'secondary-on-surface': {
'text-default': '#0080b5',
'text-cloudy': '#006691',
default: '#0080b5',
bright: '#019ada',
cloudy: '#0080b5',
dim: '#006691',
disabled: '#aaddf2',
inverse: '#ffffff',
'fixed-light': '#ffffff'
},
'secondary-border': {
dim: '#0080b5',
bright: '#60a5fa',
cloudy: '#019ada',
subtle: '#55bbe6',
default: '#2baae0',
ring: '#019ada'
},
'secondary-surface': {
default: '#019ada',
bright: '#2baae0',
cloudy: '#006691',
dim: '#004d6d',
disabled: '#80ccec',
subtle: '#d4eef8',
weakest: '#f4fafd',
weaker: '#ecf6fb',
weak: '#e6f2f8',
inverse: '#003348'
},
'tertiary-surface': {
default: '#13804d',
bright: '#1f9960',
cloudy: '#116f43',
dim: '#0d5936',
subtle: '#a6dec4',
weakest: '#f8fcfa',
weaker: '#e2ede7',
weak: '#cee5da',
disabled: '#cee5da',
inverse: '#5ccc98'
},
'tertiary-on-surface': {
'text-default': '#13804d',
'text-cloudy': '#116f43',
default: '#13804d',
bright: '#36b278',
cloudy: '#116f43',
dim: '#0d5936',
disabled: '#a6dec4',
inverse: '#ffffff',
'fixed-light': '#ffffff'
},
'tertiary-border': {
default: '#1f9960',
bright: '#36b278',
cloudy: '#13804d',
dim: '#116f43',
subtle: '#5ccc98',
ring: '#019ada'
},
'neutral-surface': {
default: '#ffffff',
dim: '#b8c1cc',
bright: '#e7edf3',
cloudy: '#d7dfea',
weakest: '#fcfdfd',
weaker: '#f8fafc',
weak: '#f4f6f9',
subtle: '#f8fafc',
disabled: '#d7dfea',
inverse: '#273140',
'inverse-bright': '#4a5666',
'inverse-dim': '#0f141b'
},
'neutral-border': {
default: '#b8c1cc',
bright: '#d7dfea',
cloudy: '#90a0b6',
dim: '#626e80',
subtle: '#e7edf3',
disabled: '#d7dfea',
ring: '#019ada'
},
'neutral-on-surface': {
'text-default': '#18202b',
'text-dim': '#364152',
'text-bright': '#626e80',
'text-cloudy': '#4a5666',
'text-disabled': '#b8c1cc',
'text-reverse': '#e7edf3',
default: '#364152',
dim: '#4a5666',
cloudy: '#90a0b6',
bright: '#d7dfea',
disabled: '#b8c1cc',
inverse: '#ffffff',
'fixed-light': '#ffffff'
},
link: {
active: '#134fb9',
hover: '#0f419a',
visited: '#08327b',
enabled: '#18202b',
disabled: '#b8c1cc'
},
slate: {
'0': '#ffffff',
'10': '#fcfdfd',
'50': '#f8fafc',
'60': '#f4f6f9',
'100': '#e7edf3',
'200': '#d7dfea',
'300': '#b8c1cc',
'400': '#90a0b6',
'500': '#626e80',
'600': '#4a5666',
'700': '#364152',
'800': '#273140',
'900': '#18202b',
'950': '#0f141b',
'1000': '#000000'
},
navy: {
'10': '#f7f9fd',
'20': '#f1f5fd',
'30': '#eaf1fd',
'50': '#ccdfff',
'100': '#96bbfa',
'200': '#5c8ee5',
'300': '#336bcc',
'400': '#1d5bc4',
'500': '#134fb9',
'600': '#0f419a',
'700': '#08327b',
'800': '#06255c',
'900': '#051d48',
'950': '#041739'
},
teal: {
'10': '#f8fcfa',
'20': '#e2ede7',
'50': '#cee5da',
'100': '#a6dec4',
'200': '#5ccc98',
'300': '#36b278',
'400': '#1f9960',
'500': '#13804d',
'600': '#116f43',
'700': '#0d5936',
'800': '#093d25',
'900': '#08331f',
'950': '#062919'
},
orange: {
'10': '#fdfaf7',
'50': '#fff5ea',
'100': '#ffeddb',
'200': '#ffd4a9',
'300': '#ffb872',
'400': '#ff9b38',
'500': '#f07800',
'600': '#e27303',
'700': '#c25700',
'800': '#ab4700',
'900': '#803304',
'950': '#491e04'
},
pink: {
'50': '#fdf2f8',
'100': '#fce7f3',
'200': '#fbcfe8',
'300': '#f9a8d4',
'400': '#f472b6',
'500': '#ec4899',
'600': '#db2777',
'700': '#be185d',
'800': '#9d174d',
'900': '#831843',
'950': '#500724'
},
purple: {
'50': '#f1e5fc',
'100': '#e4d1f7',
'200': '#d8bef2',
'300': '#ccaaed',
'400': '#c097e8',
'500': '#b483e3',
'600': '#a870df',
'700': '#8c54c3',
'800': '#642e89',
'900': '#331155',
'950': '#1a0033'
},
'success-surface': {
default: '#15803d',
bright: '#4ade80',
cloudy: '#22c55e',
dim: '#16a34a',
subtle: '#dcfce7',
weak: '#f0fdf4',
disabled: '#bbf7d0',
inverse: '#14532d'
},
'success-on-surface': {
'text-default': '#15803d',
'text-cloudy': '#166534',
default: '#15803d',
bright: '#16a34a',
cloudy: '#15803d',
dim: '#166534',
disabled: '#86efac',
inverse: '#ffffff',
'fixed-light': '#ffffff'
},
'success-border': {
default: '#4ade80',
bright: '#4ade80',
cloudy: '#22c55e',
dim: '#16a34a',
subtle: '#86efac'
},
'error-surface': {
default: '#dc2626',
bright: '#ef4444',
cloudy: '#b91c1c',
dim: '#991b1b',
subtle: '#fcebea',
weakest: '#fef2f2',
weaker: '#fcebea',
weak: '#fecaca',
inverse: '#7d1c1c',
disabled: '#fecaca'
},
'error-on-surface': {
'text-default': '#dc2626',
'text-cloudy': '#b91c1c',
default: '#dc2626',
bright: '#ef4444',
cloudy: '#dc2626',
dim: '#b91c1c',
disabled: '#fecaca',
inverse: '#ffffff',
'fixed-light': '#ffffff'
},
'error-border': {
default: '#f86363',
bright: '#ffa6a6',
cloudy: '#ef4444',
dim: '#dc2626',
subtle: '#ffa6a6',
disabled: '#fecaca',
ring: '#f86363'
},
'primary-border': {
default: '#336bcc',
bright: '#5c8ee5',
cloudy: '#1d5bc4',
dim: '#134fb9',
subtle: '#5c8ee5',
disabled: '#96bbfa',
ring: '#019ada'
},
'primary-surface': {
default: '#134fb9',
bright: '#336bcc',
cloudy: '#0f419a',
dim: '#08327b',
subtle: '#96bbfa',
weakest: '#f7f9fd',
weaker: '#f1f5fd',
weak: '#eaf1fd',
disabled: '#ccdfff',
inverse: '#5c8ee5'
},
'primary-on-surface': {
'text-default': '#134fb9',
'text-cloudy': '#0f419a',
default: '#134fb9',
bright: '#1d5bc4',
cloudy: '#0f419a',
dim: '#08327b',
disabled: '#96bbfa',
inverse: '#ffffff',
'fixed-light': '#ffffff'
},
red: {
'50': '#fef2f2',
'100': '#fcebea',
'200': '#fecaca',
'300': '#ffa6a6',
'400': '#f86363',
'500': '#ef4444',
'600': '#dc2626',
'700': '#b91c1c',
'800': '#991b1b',
'900': '#7d1c1c',
'950': '#500c0c'
},
'warning-on-surface': {
'text-default': '#c25700',
'text-cloudy': '#ab4700',
default: '#c25700',
bright: '#e27303',
cloudy: '#ab4700',
dim: '#ab4700',
disabled: '#ffb872',
inverse: '#ffffff',
'fixed-light': '#ffffff'
},
'warning-border': {
dim: '#f07800',
cloudy: '#f07800',
bright: '#ff9b38',
subtle: '#ffb872',
default: '#ff9b38',
disabled: '#ffeddb',
ring: '#ff9b38'
},
'warning-surface': {
default: '#c25700',
bright: '#e27303',
cloudy: '#ab4700',
dim: '#803304',
subtle: '#fff5ea',
weakest: '#fdfaf7',
weaker: '#fff5ea',
weak: '#ffeddb',
inverse: '#803304',
disabled: '#ffd4a9'
},
'info-on-surface': {
'text-default': '#1d4ed8',
'text-cloudy': '#1e40af',
default: '#1d4ed8',
bright: '#2563eb',
cloudy: '#1e40af',
dim: '#193071',
disabled: '#bfdbfe',
inverse: '#ffffff',
'fixed-light': '#ffffff'
},
'info-border': {
default: '#60a5fa',
bright: '#60a5fa',
cloudy: '#3b82f6',
subtle: '#93c5fd',
dim: '#2563eb'
},
'info-surface': {
default: '#1d4ed8',
bright: '#60a5fa',
cloudy: '#3b82f6',
subtle: '#dbeafe',
dim: '#1e40af',
disabled: '#bfdbfe',
inverse: '#193071'
}
};