themecolortestgen

/* palette - Light */
:root {
  --text-primary: var(--metrisgray-600);
  --text-secondary: var(--metrisgray-400);
  --text-disabled: var(--metrisgray-200);
  --text-contrast-text: var(--metrisgray-0);
  --text-_states-hover: rgba(0, 0, 0, 0.03999999910593033);
  --text-_states-selected: rgba(0, 0, 0, 0.07999999821186066);
  --text-_states-focus: rgba(0, 0, 0, 0.11999999731779099);
  --text-_states-focusvisible: rgba(0, 0, 0, 0.30000001192092896);
  --primary-main: var(--metrisblue-700);
  --primary-dark: var(--metrisblue-800);
  --primary-light: var(--metrisblue-400);
  --primary-contrasttext: rgba(255, 255, 255, 1);
  --primary-_states-hover: rgba(21, 146, 255, 0.11999999731779099);
  --primary-_states-selected: rgba(21, 146, 255, 0.1599999964237213);
  --primary-_states-focus: rgba(21, 146, 255, 0.11999999731779099);
  --primary-_states-focusvisible: rgba(21, 146, 255, 0.30000001192092896);
  --primary-_states-outlinedborder: rgba(21, 146, 255, 0.5);
  --secondary-main: var(--goldentangerine-200);
  --secondary-dark: var(--goldentangerine-400);
  --secondary-light: var(--goldentangerine-50);
  --secondary-contrasttext: rgba(255, 255, 255, 1);
  --secondary-_states-hover: rgba(252, 186, 95, 0.03999999910593033);
  --secondary-_states-selected: rgba(252, 186, 95, 0.07999999821186066);
  --secondary-_states-focus: rgba(252, 186, 95, 0.11999999731779099);
  --secondary-_states-focusvisible: rgba(252, 186, 95, 0.30000001192092896);
  --secondary-_states-outlinedborder: rgba(252, 186, 95, 0.5);
  --error-main: var(--errorcolor-500);
  --error-dark: var(--errorcolor-700);
  --error-light: var(--errorcolor-300);
  --error-contrasttext: rgba(255, 255, 255, 1);
  --error-_states-hover: rgba(193, 43, 37, 0.03999999910593033);
  --error-_states-selected: rgba(193, 43, 37, 0.07999999821186066);
  --error-_states-focusvisible: rgba(193, 43, 37, 0.30000001192092896);
  --error-_states-outlinedborder: rgba(193, 43, 37, 0.5);
  --warning-main: var(--warningcolor-500);
  --warning-dark: var(--warningcolor-700);
  --warning-light: var(--warningcolor-300);
  --warning-contrasttext: rgba(255, 255, 255, 1);
  --warning-_states-hover: rgba(240, 161, 15, 0.11999999731779099);
  --warning-_states-selected: rgba(240, 161, 15, 0.07999999821186066);
  --warning-_states-focusvisible: rgba(240, 161, 15, 0.30000001192092896);
  --warning-_states-outlinedborder: rgba(240, 161, 15, 0.5);
  --info-main: var(--metrisblue-500);
  --info-dark: var(--metrisblue-900);
  --info-light: var(--metrisblue-300);
  --info-contrasttext: rgba(255, 255, 255, 1);
  --info-_states-hover: rgba(2, 136, 209, 0.03999999910593033);
  --info-_states-selected: rgba(2, 136, 209, 0.07999999821186066);
  --info-_states-focusvisible: rgba(2, 136, 209, 0.30000001192092896);
  --info-_states-outlinedborder: rgba(2, 136, 209, 0.5);
  --success-main: var(--successcolor-500);
  --success-dark: var(--successcolor-700);
  --success-light: var(--successcolor-300);
  --success-contrasttext: rgba(255, 255, 255, 1);
  --success-_states-hover: rgba(46, 125, 50, 0.03999999910593033);
  --success-_states-selected: rgba(46, 125, 50, 0.07999999821186066);
  --success-_states-focusvisible: rgba(46, 125, 50, 0.30000001192092896);
  --success-_states-outlinedborder: rgba(46, 125, 50, 0.5);
  --action-active: rgba(22, 27, 33, 0.5600000023841858);
  --action-hover: rgba(22, 27, 33, 0.03999999910593033);
  --action-selected: rgba(22, 27, 33, 0.07999999821186066);
  --action-focus: rgba(22, 27, 33, 0.11999999731779099);
  --action-disabled: rgba(22, 27, 33, 0.23999999463558197);
  --action-disabledbackground: rgba(22, 27, 33, 0.11999999731779099);
  --common-black_states-main: var(--metrisgray-1000);
  --common-black_states-hover: rgba(0, 0, 0, 0.03999999910593033);
  --common-black_states-selected: rgba(0, 0, 0, 0.07999999821186066);
  --common-black_states-focus: rgba(0, 0, 0, 0.11999999731779099);
  --common-black_states-focusvisible: rgba(0, 0, 0, 0.30000001192092896);
  --common-black_states-outlinedborder: rgba(0, 0, 0, 0.11999999731779099);
  --common-white_states-main: rgba(255, 255, 255, 1);
  --common-white_states-hover: rgba(255, 255, 255, 0.03999999910593033);
  --common-white_states-selected: rgba(255, 255, 255, 0.07999999821186066);
  --common-white_states-focus: rgba(255, 255, 255, 0.11999999731779099);
  --common-white_states-focusvisible: rgba(255, 255, 255, 0.30000001192092896);
  --common-white_states-outlinedborder: rgba(255, 255, 255, 0.5);
  --background-default: var(--metrisgray-25);
  --background-paper-0: var(--metrisgray-0);
  --background-paper-2: var(--metrisgray-25);
  --background-paper-4: var(--metrisgray-50);
  --background-paper-6: var(--metrisgray-100);
  --background-paper-7: var(--metrisgray-200);
  --background-paper-10: var(--metrisgray-300);
  --background-paper-14: var(--metrisgray-400);
  --divider: rgba(0, 0, 0, 0.11999999731779099);
  --elevation-outlined: rgba(224, 224, 224, 1);
  --_components-sidenav-railfill: var(--metrisblue-700);
  --_components-avatar-fill: var(--metrisgray-400);
  --_components-sidenav-menufill: var(--metrisblue-800);
  --_components-input-standard-enabledborder: rgba(0, 0, 0, 0.41999998688697815);
  --_components-input-standard-hoverborder: rgba(0, 0, 0, 1);
  --_components-switch-knobfillenabled: var(--metrisgray-300);
  --_components-switch-slidefill: var(--metrisgray-800);
  --_components-input-filled-enabledfill: rgba(0, 0, 0, 0.05999999865889549);
  --_components-input-outlined-enabledborder: rgba(0, 0, 0, 0.23000000417232513);
  --_components-input-outlined-hoverborder: var(--metrisgray-400);
  --_components-rating-enabledborder: rgba(0, 0, 0, 0.23000000417232513);
  --_components-input-filled-hoverfill: rgba(0, 0, 0, 0.09000000357627869);
  --_components-rating-activefill: rgba(255, 180, 0, 1);
  --_components-snackbar-fill: rgba(50, 50, 50, 1);
  --_components-chip-defaultclosefill: rgba(0, 0, 0, 1);
  --_components-chip-defaulthoverfill: rgba(0, 0, 0, 0.11999999731779099);
  --_components-chip-defaultenabledborder: var(--grey-400);
  --_components-tooltip-fill: var(--metrisgray-600);
  --_components-backdrop-fill: rgba(169, 181, 198, 0.5);
  --_components-appbar-defaultfill: var(--grey-100);
  --_components-breadcrumbs-collapsefill: var(--metrisgray-100);
  --_components-alert-error-color: var(--errorcolor-800);
  --_components-stepper-connector: var(--grey-400);
  --_components-chip-defaultfocusfill: rgba(0, 0, 0, 0.20000000298023224);
  --_components-alert-error-background: var(--errorcolor-50);
  --_components-alert-warning-color: var(--warningcolor-900);
  --_components-alert-warning-background: var(--warningcolor-50);
  --_components-alert-info-color: var(--metrisblue-900);
  --_components-alert-info-background: var(--metrisblue-50);
  --_components-alert-success-color: var(--successcolor-900);
  --_components-alert-success-background: var(--successcolor-50);
  --_components-switch-knowfilldisabled: var(--metrisgray-25);
  --_native-scrollbar-bg: var(--grey-200);
  --_components-sidenav-selectedmenuitem: var(--metrisblue-700);
  --_components-sidenav-selectedrailitem: var(--metrisblue-800);
}