@prefecthq/prefect-ui-library/src/styles/colors.css

This library is the Vue and Typescript component library for [Prefect 2](https://github.com/PrefectHQ/prefect) and [Prefect Cloud 2](https://www.prefect.io/cloud/). _The components and utilities in this project are not meant to be used independently_.

.dark {
  --p-color-log-info-bg: #304A76;
  --p-color-log-info-text: var(--p-color-text-default);

  --p-color-log-debug-bg: #1e293b;
  --p-color-log-debug-text: var(--p-color-text-default);

  --p-color-log-warning-bg: #F79008;
  --p-color-log-warning-text: var(--p-color-text-default);

  --p-color-log-error-bg: var(--p-color-sentiment-negative);
  --p-color-log-error-text: var(--p-color-text-default);

  --p-color-log-critical-bg: var(--p-color-sentiment-negative);
  --p-color-log-critical-text: var(--p-color-text-default);

  --p-color-log-custom-bg: var(--p-color-sentiment-neutral);
  --p-color-log-custom-text: var(--p-color-text-default);
}

.light {
  --p-color-log-info-bg: #304A76;
  --p-color-log-info-text: var(--p-color-text-inverse);

  --p-color-log-debug-bg: #1e293b;
  --p-color-log-debug-text: var(--p-color-text-inverse);

  --p-color-log-warning-bg: #F79008;
  --p-color-log-warning-text: var(--p-color-text-inverse);

  --p-color-log-error-bg: var(--p-color-sentiment-negative);
  --p-color-log-error-text: var(--p-color-text-inverse);

  --p-color-log-critical-bg: var(--p-color-sentiment-negative);
  --p-color-log-critical-text: var(--p-color-text-inverse);

  --p-color-log-custom-bg: var(--p-color-sentiment-neutral);
  --p-color-log-custom-text: var(--p-color-text-inverse);
}

.color-mode-default {
  --state-completed-50: #DEF8F0;
  --state-completed-100: #C9F4E6;
  --state-completed-200: #9FEBCD;
  --state-completed-300: #75E2AF;
  --state-completed-400: #4BD98D;
  --state-completed-500: #2AC769;
  --state-completed-600: #219D4B;
  --state-completed-700: #187330;
  --state-completed-800: #0F491B;
  --state-completed-900: #061F0A;

  --state-failed-50: #FED6BE;
  --state-failed-100: #FDCBB2;
  --state-failed-200: #FDB299;
  --state-failed-300: #FC9580;
  --state-failed-400: #FC7367;
  --state-failed-500: #FB4E4E;
  --state-failed-600: #FA1C2F;
  --state-failed-700: #DE0529;
  --state-failed-800: #AC042E;
  --state-failed-900: #7A032B;

  --state-running-50: #F1F4FE;
  --state-running-100: #D9E0FD;
  --state-running-200: #A9BCFA;
  --state-running-300: #799AF7;
  --state-running-400: #487BF5;
  --state-running-500: #1860F2;
  --state-running-600: #0B51CC;
  --state-running-700: #09439B;
  --state-running-800: #06316B;
  --state-running-900: #031D3B;

  --state-pending-50: #FFFFFF;
  --state-pending-100: #F8F7F8;
  --state-pending-200: #E4E1E5;
  --state-pending-300: #D0CBD2;
  --state-pending-400: #BDB5C0;
  --state-pending-500: #A99FAD;
  --state-pending-600: #8E8093;
  --state-pending-700: #726576;
  --state-pending-800: #554B58;
  --state-pending-900: #38313A;

  --state-paused-50: #FFFFFF;
  --state-paused-100: #F8F7F8;
  --state-paused-200: #E4E1E5;
  --state-paused-300: #D0CBD2;
  --state-paused-400: #BDB5C0;
  --state-paused-500: #A99FAD;
  --state-paused-600: #8E8093;
  --state-paused-700: #726576;
  --state-paused-800: #554B58;
  --state-paused-900: #38313A;

  --state-scheduled-50: #FCFFEC;
  --state-scheduled-100: #FBFEDA;
  --state-scheduled-200: #FEFEB7;
  --state-scheduled-300: #FDF594;
  --state-scheduled-400: #FDE671;
  --state-scheduled-500: #FCD14E;
  --state-scheduled-600: #FBB11C;
  --state-scheduled-700: #E08504;
  --state-scheduled-800: #AE5903;
  --state-scheduled-900: #7C3502;

  --state-cancelled-50: #DEDEDE;
  --state-cancelled-100: #CCCCCC;
  --state-cancelled-200: #A8A8A8;
  --state-cancelled-300: #848484;
  --state-cancelled-400: #616161;
  --state-cancelled-500: #3D3D3D;
  --state-cancelled-600: #333333;
  --state-cancelled-700: #292929;
  --state-cancelled-800: #1E1E1E;
  --state-cancelled-900: #141414;

  --state-cancelling-50: #DEE1E6;
  --state-cancelling-100: #CCD2DB;
  --state-cancelling-200: #A8B3C2;
  --state-cancelling-300: #8494A9;
  --state-cancelling-400: #617590;
  --state-cancelling-500: #3D5677;
  --state-cancelling-600: #334863;
  --state-cancelling-700: #293A4F;
  --state-cancelling-800: #1E2C3B;
  --state-cancelling-900: #141D27;

  --state-crashed-50: #FFF7ED;
  --state-crashed-100: #FFEDD5;
  --state-crashed-200: #FED7AA;
  --state-crashed-300: #FDBA74;
  --state-crashed-400: #FB923C;
  --state-crashed-500: #F97316;
  --state-crashed-600: #EA580C;
  --state-crashed-700: #C2410C;
  --state-crashed-800: #9A3412;
  --state-crashed-900: #7C2D12;
}

.color-mode-achromatopsia {
  --state-completed-50:  #F5FDF8;
  --state-completed-100: #EAFBF1;
  --state-completed-200: #D5F6E2;
  --state-completed-300: #C0F1D4;
  --state-completed-400: #ABEDC5;
  --state-completed-500: #70E09C;
  --state-completed-600: #35D474;
  --state-completed-700: #22A054;
  --state-completed-800: #166535;
  --state-completed-900: #092A16;

  --state-failed-50:  #FF6666;
  --state-failed-100: #FF4747;
  --state-failed-200: #FF0A0A;
  --state-failed-300: #CC0000;
  --state-failed-400: #8E0000;
  --state-failed-500: #510000;
  --state-failed-600: #140000;
  --state-failed-700: #000000;
  --state-failed-800: #000000;
  --state-failed-900: #000000;

  --state-running-50:  #F8FAFF;
  --state-running-100: #D8E5FD;
  --state-running-200: #9ABAF9;
  --state-running-300: #5B8FF6;
  --state-running-400: #1C64F2;
  --state-running-500: #0B48C1;
  --state-running-600: #093896;
  --state-running-700: #06286A;
  --state-running-800: #04173F;
  --state-running-900: #010713;

  --state-pending-50: #FFFFFF;
  --state-pending-100: #F8F7F8;
  --state-pending-200: #E4E1E5;
  --state-pending-300: #D0CBD2;
  --state-pending-400: #BDB5C0;
  --state-pending-500: #A99FAD;
  --state-pending-600: #8E8093;
  --state-pending-700: #726576;
  --state-pending-800: #554B58;
  --state-pending-900: #38313A;

  --state-paused-50: #FFFFFF;
  --state-paused-100: #F8F7F8;
  --state-paused-200: #E4E1E5;
  --state-paused-300: #D0CBD2;
  --state-paused-400: #BDB5C0;
  --state-paused-500: #A99FAD;
  --state-paused-600: #8E8093;
  --state-paused-700: #726576;
  --state-paused-800: #554B58;
  --state-paused-900: #38313A;

  --state-scheduled-50:  #FFFBF0;
  --state-scheduled-100: #FEF4D7;
  --state-scheduled-200: #FDE7A5;
  --state-scheduled-300: #FDDA72;
  --state-scheduled-400: #FCCD40;
  --state-scheduled-500: #FBC00E;
  --state-scheduled-600: #CD9B03;
  --state-scheduled-700: #967202;
  --state-scheduled-800: #5F4802;
  --state-scheduled-900: #281E01;

  --state-cancelled-50:  #F7F7F7;
  --state-cancelled-100: #E5E5E5;
  --state-cancelled-200: #C1C1C1;
  --state-cancelled-300: #9E9E9E;
  --state-cancelled-400: #7A7A7A;
  --state-cancelled-500: #636363;
  --state-cancelled-600: #4C4C4C;
  --state-cancelled-700: #353535;
  --state-cancelled-800: #1E1E1E;
  --state-cancelled-900: #070707;

  --state-cancelling-50: #F7F8FA;
  --state-cancelling-100: #E5E8ED;
  --state-cancelling-200: #C1C7D1;
  --state-cancelling-300: #9EA7B5;
  --state-cancelling-400: #7A8699;
  --state-cancelling-500: #63707D;
  --state-cancelling-600: #4C5A61;
  --state-cancelling-700: #354145;
  --state-cancelling-800: #1E2729;
  --state-cancelling-900: #070D0D;

  --state-crashed-50: #F9F9F9;
  --state-crashed-100: #F0F0F0;
  --state-crashed-200: #DADADA;
  --state-crashed-300: #C0C0C0;
  --state-crashed-400: #A1A1A1;
  --state-crashed-500: #8E8E8E;
  --state-crashed-600: #7C7C7C;
  --state-crashed-700: #656565;
  --state-crashed-800: #4E4E4E;
  --state-crashed-900: #3F3F3F;
}

.color-mode-protaponia {
  --state-completed-50: #E9FFF9;
  --state-completed-100: #D2FFF0;
  --state-completed-200: #A4FFD1;
  --state-completed-300: #76FFA4;
  --state-completed-400: #48FF66;
  --state-completed-500: #1AFF1A;
  --state-completed-600: #25DC00;
  --state-completed-700: #359F00;
  --state-completed-800: #316100;
  --state-completed-900: #182400;

  --state-failed-50: #F5EBFF;
  --state-failed-100: #E3C5FF;
  --state-failed-200: #BE78FF;
  --state-failed-300: #982CFF;
  --state-failed-400: #7200DF;
  --state-failed-500: #4B0092;
  --state-failed-600: #41007E;
  --state-failed-700: #360069;
  --state-failed-800: #2C0055;
  --state-failed-900: #210040;

  --state-running-50: #E9F3FF;
  --state-running-100: #D2E7FF;
  --state-running-200: #A4CEFF;
  --state-running-300: #76B6FF;
  --state-running-400: #489DFF;
  --state-running-500: #1A85FF;
  --state-running-600: #0067DC;
  --state-running-700: #004A9F;
  --state-running-800: #002E61;
  --state-running-900: #001124;

  --state-pending-50: #FBFCFE;
  --state-pending-100: #F6F7FB;
  --state-pending-200: #EBEEF7;
  --state-pending-300: #BFC9E6;
  --state-pending-400: #94A4D4;
  --state-pending-500: #687FC3;
  --state-pending-600: #445DA9;
  --state-pending-700: #32457E;
  --state-pending-800: #212D52;
  --state-pending-900: #0F1526;

  --state-paused-50: #FBFCFE;
  --state-paused-100: #F6F7FB;
  --state-paused-200: #EBEEF7;
  --state-paused-300: #BFC9E6;
  --state-paused-400: #94A4D4;
  --state-paused-500: #687FC3;
  --state-paused-600: #445DA9;
  --state-paused-700: #32457E;
  --state-paused-800: #212D52;
  --state-paused-900: #0F1526;

  --state-scheduled-50: #FFFAEC;
  --state-scheduled-100: #FEF5DA;
  --state-scheduled-200: #FEECB7;
  --state-scheduled-300: #FDE394;
  --state-scheduled-400: #FDDA71;
  --state-scheduled-500: #FCD14E;
  --state-scheduled-600: #FBC00D;
  --state-scheduled-700: #C29303;
  --state-scheduled-800: #816202;
  --state-scheduled-900: #403001;

  --state-cancelled-50:  #F5F5F5;
  --state-cancelled-100: #E0E0E0;
  --state-cancelled-200: #B7B7B7;
  --state-cancelled-300: #8F8F8F;
  --state-cancelled-400: #666666;
  --state-cancelled-500: #3D3D3D;
  --state-cancelled-600: #2E2E2E;
  --state-cancelled-700: #1E1E1E;
  --state-cancelled-800: #0F0F0F;
  --state-cancelled-900: #000000;

  --state-cancelling-50: #F5F7FA;
  --state-cancelling-100: #E0E5ED;
  --state-cancelling-200: #B7C2D4;
  --state-cancelling-300: #8F9FBB;
  --state-cancelling-400: #667CA2;
  --state-cancelling-500: #3D5989;
  --state-cancelling-600: #2E446A;
  --state-cancelling-700: #1E2F4B;
  --state-cancelling-800: #0F1A2C;
  --state-cancelling-900: #00050D;

  --state-crashed-50: #FFF9F2;
  --state-crashed-100: #FFF3E0;
  --state-crashed-200: #FFE3B8;
  --state-crashed-300: #FFCF87;
  --state-crashed-400: #FFB654;
  --state-crashed-500: #FFA12F;
  --state-crashed-600: #F08B1C;
  --state-crashed-700: #C77016;
  --state-crashed-800: #9E5A11;
  --state-crashed-900: #7F490E;
}

.color-mode-protanomaly {
  --state-completed-50: #DEF8F0;
  --state-completed-100: #C9F4E6;
  --state-completed-200: #9FEBCD;
  --state-completed-300: #75E2AF;
  --state-completed-400: #4BD98D;
  --state-completed-500: #2AC769;
  --state-completed-600: #219D4B;
  --state-completed-700: #187330;
  --state-completed-800: #0F491B;
  --state-completed-900: #061F0A;

  --state-failed-50: #FFF8EA;
  --state-failed-100: #FEEFD9;
  --state-failed-200: #FDD6B6;
  --state-failed-300: #FDB393;
  --state-failed-400: #FC8670;
  --state-failed-500: #FB4E4D;
  --state-failed-600: #FA1133;
  --state-failed-700: #C9053E;
  --state-failed-800: #8D0341;
  --state-failed-900: #510231;

  --state-running-50: #E9F6FF;
  --state-running-100: #D2EBFF;
  --state-running-200: #A4D5FF;
  --state-running-300: #76BDFF;
  --state-running-400: #48A2FF;
  --state-running-500: #1A85FF;
  --state-running-600: #005FD7;
  --state-running-700: #003E94;
  --state-running-800: #002052;
  --state-running-900: #000610;

  --state-pending-50: #FFFFFF;
  --state-pending-100: #F8F7F8;
  --state-pending-200: #E4E1E5;
  --state-pending-300: #D0CBD2;
  --state-pending-400: #BDB5C0;
  --state-pending-500: #A99FAD;
  --state-pending-600: #8E8093;
  --state-pending-700: #726576;
  --state-pending-800: #554B58;
  --state-pending-900: #38313A;

  --state-paused-50: #FFFFFF;
  --state-paused-100: #F8F7F8;
  --state-paused-200: #E4E1E5;
  --state-paused-300: #D0CBD2;
  --state-paused-400: #BDB5C0;
  --state-paused-500: #A99FAD;
  --state-paused-600: #8E8093;
  --state-paused-700: #726576;
  --state-paused-800: #554B58;
  --state-paused-900: #38313A;

  --state-scheduled-50: #FFFFFC;
  --state-scheduled-100: #FEFFE0;
  --state-scheduled-200: #FFFEA8;
  --state-scheduled-300: #FFF870;
  --state-scheduled-400: #FFED38;
  --state-scheduled-500: #FFDD00;
  --state-scheduled-600: #C7A400;
  --state-scheduled-700: #8F7000;
  --state-scheduled-800: #574000;
  --state-scheduled-900: #1F1500;

  --state-cancelled-50: #DEDEDE;
  --state-cancelled-100: #CCCCCC;
  --state-cancelled-200: #A8A8A8;
  --state-cancelled-300: #848484;
  --state-cancelled-400: #616161;
  --state-cancelled-500: #3D3D3D;
  --state-cancelled-600: #333333;
  --state-cancelled-700: #292929;
  --state-cancelled-800: #1E1E1E;
  --state-cancelled-900: #141414;

  --state-cancelling-50: #DEE3EB;
  --state-cancelling-100: #CCD3E0;
  --state-cancelling-200: #A8B5CB;
  --state-cancelling-300: #8497B6;
  --state-cancelling-400: #6179A1;
  --state-cancelling-500: #3D5B8C;
  --state-cancelling-600: #334C75;
  --state-cancelling-700: #293D5E;
  --state-cancelling-800: #1E2E47;
  --state-cancelling-900: #141F30;

  --state-crashed-50: #FFF8EF;
  --state-crashed-100: #FFF0DB;
  --state-crashed-200: #FEDDB1;
  --state-crashed-300: #FEC27D;
  --state-crashed-400: #FCA148;
  --state-crashed-500: #FB8722;
  --state-crashed-600: #ED6E15;
  --state-crashed-700: #C45811;
  --state-crashed-800: #9C4712;
  --state-crashed-900: #7E3A10;
}

.color-mode-deuteranopia {
  --state-completed-50: #F7F8FF;
  --state-completed-100: #D4DBFF;
  --state-completed-200: #8CA9FF;
  --state-completed-300: #4582FF;
  --state-completed-400: #0068FC;
  --state-completed-500: #005AB5;
  --state-completed-600: #00518C;
  --state-completed-700: #004263;
  --state-completed-800: #002C3B;
  --state-completed-900: #000F12;

  --state-failed-50: #FFFAFC;
  --state-failed-100: #FCDDED;
  --state-failed-200: #F8A5CC;
  --state-failed-300: #F36CA7;
  --state-failed-400: #EF347F;
  --state-failed-500: #D41159;
  --state-failed-600: #AA0E42;
  --state-failed-700: #7F0A2D;
  --state-failed-800: #55071B;
  --state-failed-900: #2A030C;

  --state-running-50:  #F5FAFF;
  --state-running-100: #EBF5FF;
  --state-running-200: #D6EBFF;
  --state-running-300: #C2E0FF;
  --state-running-400: #ADD6FF;
  --state-running-500: #99CCFF;
  --state-running-600: #4DA6FF;
  --state-running-700: #007FFF;
  --state-running-800: #0059B3;
  --state-running-900: #003366;

  --state-pending-50: #FFFFFF;
  --state-pending-100: #F8F7F8;
  --state-pending-200: #E4E1E5;
  --state-pending-300: #D0CBD2;
  --state-pending-400: #BDB5C0;
  --state-pending-500: #A99FAD;
  --state-pending-600: #8E8093;
  --state-pending-700: #726576;
  --state-pending-800: #554B58;
  --state-pending-900: #38313A;

  --state-paused-50: #FFFFFF;
  --state-paused-100: #F8F7F8;
  --state-paused-200: #E4E1E5;
  --state-paused-300: #D0CBD2;
  --state-paused-400: #BDB5C0;
  --state-paused-500: #A99FAD;
  --state-paused-600: #8E8093;
  --state-paused-700: #726576;
  --state-paused-800: #554B58;
  --state-paused-900: #38313A;

  --state-scheduled-50:  #FFFFFC;
  --state-scheduled-100: #FDFFE0;
  --state-scheduled-200: #FDFFA8;
  --state-scheduled-300: #FFFD70;
  --state-scheduled-400: #FFF538;
  --state-scheduled-500: #FFEA00;
  --state-scheduled-600: #C2AB00;
  --state-scheduled-700: #857100;
  --state-scheduled-800: #473A00;
  --state-scheduled-900: #0A0800;

  --state-cancelled-50: #DEDEDE;
  --state-cancelled-100: #CCCCCC;
  --state-cancelled-200: #A8A8A8;
  --state-cancelled-300: #848484;
  --state-cancelled-400: #616161;
  --state-cancelled-500: #3D3D3D;
  --state-cancelled-600: #333333;
  --state-cancelled-700: #292929;
  --state-cancelled-800: #1E1E1E;
  --state-cancelled-900: #141414;

  --state-cancelling-50: #DEE5EC;
  --state-cancelling-100: #CCD6E2;
  --state-cancelling-200: #A8B9CD;
  --state-cancelling-300: #849CB8;
  --state-cancelling-400: #617FA3;
  --state-cancelling-500: #3D628E;
  --state-cancelling-600: #335277;
  --state-cancelling-700: #294260;
  --state-cancelling-800: #1E3249;
  --state-cancelling-900: #142232;

  --state-crashed-50: #FFF9F2;
  --state-crashed-100: #FFF3E1;
  --state-crashed-200: #FFE4BA;
  --state-crashed-300: #FFD18A;
  --state-crashed-400: #FFB957;
  --state-crashed-500: #FFA42F;
  --state-crashed-600: #F18E1C;
  --state-crashed-700: #C87316;
  --state-crashed-800: #9F5C11;
  --state-crashed-900: #804B0E;
}

.color-mode-deuteranomaly {
  --state-completed-50: #DEF8F0;
  --state-completed-100: #C9F4E6;
  --state-completed-200: #9FEBCD;
  --state-completed-300: #75E2AF;
  --state-completed-400: #4BD98D;
  --state-completed-500: #2AC769;
  --state-completed-600: #219D4B;
  --state-completed-700: #187330;
  --state-completed-800: #0F491B;
  --state-completed-900: #061F0A;

  --state-failed-50: #FFFAFC;
  --state-failed-100: #FCDDED;
  --state-failed-200: #F8A5CC;
  --state-failed-300: #F36CA7;
  --state-failed-400: #EF347F;
  --state-failed-500: #D41159;
  --state-failed-600: #AA0E42;
  --state-failed-700: #7F0A2D;
  --state-failed-800: #55071B;
  --state-failed-900: #2A030C;

  --state-running-50:  #F5FAFF;
  --state-running-100: #EBF5FF;
  --state-running-200: #D6EBFF;
  --state-running-300: #C2E0FF;
  --state-running-400: #ADD6FF;
  --state-running-500: #99CCFF;
  --state-running-600: #4DA6FF;
  --state-running-700: #007FFF;
  --state-running-800: #0059B3;
  --state-running-900: #003366;

  --state-pending-50: #FFFFFF;
  --state-pending-100: #F8F7F8;
  --state-pending-200: #E4E1E5;
  --state-pending-300: #D0CBD2;
  --state-pending-400: #BDB5C0;
  --state-pending-500: #A99FAD;
  --state-pending-600: #8E8093;
  --state-pending-700: #726576;
  --state-pending-800: #554B58;
  --state-pending-900: #38313A;

  --state-paused-50: #FFFFFF;
  --state-paused-100: #F8F7F8;
  --state-paused-200: #E4E1E5;
  --state-paused-300: #D0CBD2;
  --state-paused-400: #BDB5C0;
  --state-paused-500: #A99FAD;
  --state-paused-600: #8E8093;
  --state-paused-700: #726576;
  --state-paused-800: #554B58;
  --state-paused-900: #38313A;

  --state-scheduled-50:  #FFFFFC;
  --state-scheduled-100: #FDFFE0;
  --state-scheduled-200: #FDFFA8;
  --state-scheduled-300: #FFFD70;
  --state-scheduled-400: #FFF538;
  --state-scheduled-500: #FFEA00;
  --state-scheduled-600: #C2AB00;
  --state-scheduled-700: #857100;
  --state-scheduled-800: #473A00;
  --state-scheduled-900: #0A0800;

  --state-cancelled-50: #DEDEDE;
  --state-cancelled-100: #CCCCCC;
  --state-cancelled-200: #A8A8A8;
  --state-cancelled-300: #848484;
  --state-cancelled-400: #616161;
  --state-cancelled-500: #3D3D3D;
  --state-cancelled-600: #333333;
  --state-cancelled-700: #292929;
  --state-cancelled-800: #1E1E1E;
  --state-cancelled-900: #141414;

  --state-cancelling-50: #DEE4EA;
  --state-cancelling-100: #CCD5DF;
  --state-cancelling-200: #A8B7C9;
  --state-cancelling-300: #8499B3;
  --state-cancelling-400: #617B9D;
  --state-cancelling-500: #3D5D87;
  --state-cancelling-600: #334E71;
  --state-cancelling-700: #293F5B;
  --state-cancelling-800: #1E3045;
  --state-cancelling-900: #14212F;

  --state-crashed-50: #FFF8EF;
  --state-crashed-100: #FFF0DB;
  --state-crashed-200: #FEDDB2;
  --state-crashed-300: #FEC280;
  --state-crashed-400: #FCA24A;
  --state-crashed-500: #FB8A23;
  --state-crashed-600: #ED7016;
  --state-crashed-700: #C45A11;
  --state-crashed-800: #9C4812;
  --state-crashed-900: #7E3B10;
}

.color-mode-tritanopia {
  --state-completed-50:  #FBF0FF;
  --state-completed-100: #F1D6FF;
  --state-completed-200: #D1A3FF;
  --state-completed-300: #A070FF;
  --state-completed-400: #5D3DFF;
  --state-completed-500: #0A0AFF;
  --state-completed-600: #0023D1;
  --state-completed-700: #003399;
  --state-completed-800: #003061;
  --state-completed-900: #001B29;

  --state-failed-50:  #FFFEFC;
  --state-failed-100: #FFEFE0;
  --state-failed-200: #FFD2A8;
  --state-failed-300: #FFB570;
  --state-failed-400: #FF9838;
  --state-failed-500: #FF7B00;
  --state-failed-600: #C25D00;
  --state-failed-700: #854000;
  --state-failed-800: #472200;
  --state-failed-900: #0A0500;

  --state-running-50:  #F6FEFD;
  --state-running-100: #ECFEFA;
  --state-running-200: #D9FCF5;
  --state-running-300: #C6FBF1;
  --state-running-400: #B3F9EC;
  --state-running-500: #A0F8E7;
  --state-running-600: #4FF2D3;
  --state-running-700: #10DBB3;
  --state-running-800: #0A8A71;
  --state-running-900: #04392F;

  --state-pending-50:  #FFFFFF;
  --state-pending-100: #FBFBFD;
  --state-pending-200: #F0F2F9;
  --state-pending-300: #C1CBE6;
  --state-pending-400: #91A9D3;
  --state-pending-500: #628AC0;
  --state-pending-600: #406FA0;
  --state-pending-700: #2D5271;
  --state-pending-800: #1A3241;
  --state-pending-900: #070E12;

  --state-paused-50:  #FFFFFF;
  --state-paused-100: #FBFBFD;
  --state-paused-200: #F0F2F9;
  --state-paused-300: #C1CBE6;
  --state-paused-400: #91A9D3;
  --state-paused-500: #628AC0;
  --state-paused-600: #406FA0;
  --state-paused-700: #2D5271;
  --state-paused-800: #1A3241;
  --state-paused-900: #070E12;

  --state-scheduled-50:  #FFF2EF;
  --state-scheduled-100: #FFEDE7;
  --state-scheduled-200: #FFE5D8;
  --state-scheduled-300: #FFDEC8;
  --state-scheduled-400: #FFDAB9;
  --state-scheduled-500: #FFBB6D;
  --state-scheduled-600: #FFA720;
  --state-scheduled-700: #D38D00;
  --state-scheduled-800: #866300;
  --state-scheduled-900: #3A2E00;

  --state-cancelled-50: #DEDEDE;
  --state-cancelled-100: #CCCCCC;
  --state-cancelled-200: #A8A8A8;
  --state-cancelled-300: #848484;
  --state-cancelled-400: #616161;
  --state-cancelled-500: #3D3D3D;
  --state-cancelled-600: #333333;
  --state-cancelled-700: #292929;
  --state-cancelled-800: #1E1E1E;
  --state-cancelled-900: #141414;

  --state-cancelling-50: #DEE6EC;
  --state-cancelling-100: #CCD8E2;
  --state-cancelling-200: #A8BBCD;
  --state-cancelling-300: #849EB8;
  --state-cancelling-400: #6181A3;
  --state-cancelling-500: #3D648E;
  --state-cancelling-600: #335477;
  --state-cancelling-700: #294460;
  --state-cancelling-800: #1E3449;
  --state-cancelling-900: #142432;

  --state-crashed-50: #FFF7F7;
  --state-crashed-100: #FFECEC;
  --state-crashed-200: #FFD4D4;
  --state-crashed-300: #FFB5B5;
  --state-crashed-400: #FF8A8A;
  --state-crashed-500: #FF6B6B;
  --state-crashed-600: #F04F4F;
  --state-crashed-700: #C73A3A;
  --state-crashed-800: #9E2E2E;
  --state-crashed-900: #7F2626;
}

.color-mode-tritanomaly {
  --state-completed-50:  #FBF0FF;
  --state-completed-100: #F1D6FF;
  --state-completed-200: #D1A3FF;
  --state-completed-300: #A070FF;
  --state-completed-400: #5D3DFF;
  --state-completed-500: #0A0AFF;
  --state-completed-600: #0023D1;
  --state-completed-700: #003399;
  --state-completed-800: #003061;
  --state-completed-900: #001B29;

  --state-failed-50:  #FFFEFC;
  --state-failed-100: #FFEFE0;
  --state-failed-200: #FFD2A8;
  --state-failed-300: #FFB570;
  --state-failed-400: #FF9838;
  --state-failed-500: #FF7B00;
  --state-failed-600: #C25D00;
  --state-failed-700: #854000;
  --state-failed-800: #472200;
  --state-failed-900: #0A0500;

  --state-running-50:  #F6FEFD;
  --state-running-100: #ECFEFA;
  --state-running-200: #D9FCF5;
  --state-running-300: #C6FBF1;
  --state-running-400: #B3F9EC;
  --state-running-500: #A0F8E7;
  --state-running-600: #4FF2D3;
  --state-running-700: #10DBB3;
  --state-running-800: #0A8A71;
  --state-running-900: #04392F;

  --state-pending-50:  #FFFFFF;
  --state-pending-100: #FBFBFD;
  --state-pending-200: #F0F2F9;
  --state-pending-300: #C1CBE6;
  --state-pending-400: #91A9D3;
  --state-pending-500: #628AC0;
  --state-pending-600: #406FA0;
  --state-pending-700: #2D5271;
  --state-pending-800: #1A3241;
  --state-pending-900: #070E12;

  --state-paused-50:  #FFFFFF;
  --state-paused-100: #FBFBFD;
  --state-paused-200: #F0F2F9;
  --state-paused-300: #C1CBE6;
  --state-paused-400: #91A9D3;
  --state-paused-500: #628AC0;
  --state-paused-600: #406FA0;
  --state-paused-700: #2D5271;
  --state-paused-800: #1A3241;
  --state-paused-900: #070E12;

  --state-scheduled-50:  #FFFEF8;
  --state-scheduled-100: #FFF9E3;
  --state-scheduled-200: #FFF1BB;
  --state-scheduled-300: #FFE992;
  --state-scheduled-400: #FFE169;
  --state-scheduled-500: #FFD427;
  --state-scheduled-600: #E3B600;
  --state-scheduled-700: #A18100;
  --state-scheduled-800: #5F4C00;
  --state-scheduled-900: #1C1700;

  --state-cancelled-50: #DEDEDE;
  --state-cancelled-100: #CCCCCC;
  --state-cancelled-200: #A8A8A8;
  --state-cancelled-300: #848484;
  --state-cancelled-400: #616161;
  --state-cancelled-500: #3D3D3D;
  --state-cancelled-600: #333333;
  --state-cancelled-700: #292929;
  --state-cancelled-800: #1E1E1E;
  --state-cancelled-900: #141414;

  --state-cancelling-50: #DEE5EB;
  --state-cancelling-100: #CCD7E0;
  --state-cancelling-200: #A8BACB;
  --state-cancelling-300: #849DB6;
  --state-cancelling-400: #6180A1;
  --state-cancelling-500: #3D638C;
  --state-cancelling-600: #335375;
  --state-cancelling-700: #29435E;
  --state-cancelling-800: #1E3347;
  --state-cancelling-900: #142230;

  --state-crashed-50: #FFF7F1;
  --state-crashed-100: #FFEFDD;
  --state-crashed-200: #FFDBB6;
  --state-crashed-300: #FEC185;
  --state-crashed-400: #FCA150;
  --state-crashed-500: #FB8A2A;
  --state-crashed-600: #ED711C;
  --state-crashed-700: #C55B16;
  --state-crashed-800: #9C4913;
  --state-crashed-900: #7E3C10;
}