text: export const colors = {
    brand01: '#00c9c9', //	Primary brand, Interactive text, Primary icon color, Border highlight, Emphasis background
    brand02: '#00d2b4', //	Supporting brand, brand01 hover
    brand03: '#00b4a0', //	Secondary brand, Loading
    ui01: '##f9f9f9!important', //	Primary background, Layer 1 background
    ui02: '##f9f9f9!important', //	Default background, Layer 0 background, Secondary background
    ui03: '#E9DCD3', //	Tertiary background
    ui04: '#dfe3e6', //	Subtle border
    ui05: '#8c9ba5', //	Emphasis border, Secondary icons
    text01: '#333333', //		Primary text, Body copy
    text02: '#B4B4B4', //	Secondary text, Subtle text
    text03: '#5a6872', //	Hint text
    inverse01: '#ffffff', //	Inverse text color, Inverse icon color
    field01: '#eee', //	Field background
  
    error: '#e71d32', //	Error
    success: '#5aa700', //	Success
    warning: '#efc100', //	Warning
    information: '#5aaafa', //	Information
  
    nav01: '#2E3235', //	Global top bar
    nav02: '#575a5d', //	CTA footer
    nav03: '#11161b', //	Global footer
    nav04: '#734098', //	Left nav id - services
    nav05: '#00b4a0', //	Header id - application
    nav06: '#008571', //	Left nav id - application
    nav07: '#5aaafa', //	Header id - infrastructure
    nav08: '#3d70b2', //	Left nav id - infrastructure
  
    iotex: '#01c9c9', // iotex teal
  };
  
  // export const colors = {
  //   brand01: '#00c9c9', //	Primary brand, Interactive text, Primary icon color, Border highlight, Emphasis background
  //   brand02: '#73fbe0', //	Supporting brand, brand01 hover
  //   brand03: '#00b4a0', //	Secondary brand, Loading
  //   ui01: '#979797', //	Primary background, Layer 1 background
  //   ui02: '#151A20', //	Default background, Layer 0 background, Secondary background
  //   ui03: '#E9DCD3', //	Tertiary background
  //   ui04: '#dfe3e6', //	Subtle border
  //   ui05: '#8c9ba5', //	Emphasis border, Secondary icons
  //   text01: '#333333', //		Primary text, Body copy
  //   text02: '#B4B4B4', //	Secondary text, Subtle text
  //   text03: '#5a6872', //	Hint text
  //   inverse01: '#ffffff', //	Inverse text color, Inverse icon color
  //   field01: '#eee', //	Field background
  
  //   error: '#e71d32', //	Error
  //   success: '#5aa700', //	Success
  //   warning: '#efc100', //	Warning
  //   information: '#5aaafa', //	Information
  
  //   nav01: '#2E3235', //	Global top bar
  //   nav02: '#575a5d', //	CTA footer
  //   nav03: '#11161b', //	Global footer
  //   nav04: '#734098', //	Left nav id - services
  //   nav05: '#00b4a0', //	Header id - application
  //   nav06: '#008571', //	Left nav id - application
  //   nav07: '#5aaafa', //	Header id - infrastructure
  //   nav08: '#3d70b2', //	Left nav id - infrastructure
  
  //   iotex: '#01c9c9', // iotex teal
  // };
  