@dynatrace/strato-components 1.7.3 → 1.8.1

package/core/components/app-root/AppRoot.css

@@ -10,9 +10,9 @@
   --dt-borders-radius-field-subdued: 4px;
   --dt-borders-radius-field-default: 8px;
   --dt-borders-radius-field-emphasized: 9999px;
-  --dt-box-shadows-surface-flat-rest: none;
+  --dt-box-shadows-surface-flat-rest: 0px 0px 0px 1px #2d2e4e0d;
   --dt-box-shadows-surface-flat-hover: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12;
-  --dt-box-shadows-surface-flat-active: none;
+  --dt-box-shadows-surface-flat-active: 0px 0px 0px 1px #2d2e4e0d;
   --dt-box-shadows-surface-flat-drag: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52;
   --dt-box-shadows-surface-raised-rest: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12;
   --dt-box-shadows-surface-raised-hover: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29;
@@ -29,260 +29,260 @@
   --dt-breakpoints-min-desktop: 961px;
   --dt-breakpoints-min-widescreen: 1921px;
   --dt-colors-theme-foreground-10: #2d2e4e;
-  --dt-colors-theme-foreground-20: #fcfcfd;
-  --dt-colors-theme-background-10: #f3f3f7;
-  --dt-colors-theme-background-20: #fcfcfd;
-  --dt-colors-theme-neutral-10: #ebebf2;
-  --dt-colors-theme-neutral-20: #e2e3ec;
-  --dt-colors-theme-neutral-30: #dadbe7;
-  --dt-colors-theme-neutral-40: #d2d3e1;
-  --dt-colors-theme-neutral-50: #cacbdc;
-  --dt-colors-theme-neutral-60: #c2c3d7;
-  --dt-colors-theme-neutral-70: #5a5b8c;
-  --dt-colors-theme-neutral-80: #4c4d7d;
-  --dt-colors-theme-neutral-90: #3f3f6e;
-  --dt-colors-theme-primary-10: #e9ebf6;
-  --dt-colors-theme-primary-20: #dfe3f5;
-  --dt-colors-theme-primary-30: #d6dbf4;
-  --dt-colors-theme-primary-40: #ccd3f3;
-  --dt-colors-theme-primary-50: #c3cbf1;
-  --dt-colors-theme-primary-60: #b9c3f0;
-  --dt-colors-theme-primary-70: #474ecf;
-  --dt-colors-theme-primary-80: #3b3ebe;
-  --dt-colors-theme-primary-90: #312cad;
-  --dt-colors-theme-success-10: #e9ecef;
-  --dt-colors-theme-success-20: #dfe4e7;
-  --dt-colors-theme-success-30: #d4dddf;
-  --dt-colors-theme-success-40: #cad6d7;
-  --dt-colors-theme-success-50: #c0cfcf;
-  --dt-colors-theme-success-60: #b7c8c7;
-  --dt-colors-theme-success-70: #2f6863;
-  --dt-colors-theme-success-80: #1f5a55;
+  --dt-colors-theme-foreground-20: #fff;
+  --dt-colors-theme-background-10: #f9f9fa;
+  --dt-colors-theme-background-20: #fff;
+  --dt-colors-theme-neutral-10: #f2f2f5;
+  --dt-colors-theme-neutral-20: #ebecf0;
+  --dt-colors-theme-neutral-30: #e4e5eb;
+  --dt-colors-theme-neutral-40: #dadbe4;
+  --dt-colors-theme-neutral-50: #d0d1dc;
+  --dt-colors-theme-neutral-60: #c6c7d5;
+  --dt-colors-theme-neutral-70: #5b5c81;
+  --dt-colors-theme-neutral-80: #4d4e72;
+  --dt-colors-theme-neutral-90: #404164;
+  --dt-colors-theme-primary-10: #f1f2f9;
+  --dt-colors-theme-primary-20: #e9ecf8;
+  --dt-colors-theme-primary-30: #e1e5f7;
+  --dt-colors-theme-primary-40: #d5dbf6;
+  --dt-colors-theme-primary-50: #c9d1f4;
+  --dt-colors-theme-primary-60: #bdc7f2;
+  --dt-colors-theme-primary-70: #474fcf;
+  --dt-colors-theme-primary-80: #3b3fbe;
+  --dt-colors-theme-primary-90: #312dad;
+  --dt-colors-theme-success-10: #f1f3f3;
+  --dt-colors-theme-success-20: #e8eded;
+  --dt-colors-theme-success-30: #e0e7e6;
+  --dt-colors-theme-success-40: #d3dedd;
+  --dt-colors-theme-success-50: #c7d5d3;
+  --dt-colors-theme-success-60: #bbccc9;
+  --dt-colors-theme-success-70: #2f6862;
+  --dt-colors-theme-success-80: #1f5a54;
   --dt-colors-theme-success-90: #0d4c47;
-  --dt-colors-theme-warning-10: #f3efef;
-  --dt-colors-theme-warning-20: #f4ece6;
-  --dt-colors-theme-warning-30: #f4e8de;
-  --dt-colors-theme-warning-40: #f4e5d5;
-  --dt-colors-theme-warning-50: #f5e1cd;
-  --dt-colors-theme-warning-60: #f5ddc4;
-  --dt-colors-theme-warning-70: #eca440;
-  --dt-colors-theme-warning-80: #fdb452;
-  --dt-colors-theme-warning-90: #ffc56a;
-  --dt-colors-theme-critical-10: #f3eaed;
-  --dt-colors-theme-critical-20: #f3e0e3;
-  --dt-colors-theme-critical-30: #f2d7d9;
-  --dt-colors-theme-critical-40: #f1cdcf;
-  --dt-colors-theme-critical-50: #f0c4c5;
-  --dt-colors-theme-critical-60: #efbabb;
-  --dt-colors-theme-critical-70: #c4233b;
-  --dt-colors-theme-critical-80: #b2012d;
-  --dt-colors-theme-critical-90: #a0001f;
-  --dt-colors-background-base-default: #f3f3f7;
-  --dt-colors-background-surface-backdrop: #f3f3f7cc;
-  --dt-colors-background-surface-default: #fcfcfd;
-  --dt-colors-background-container-neutral-subdued: #f3f3f7;
-  --dt-colors-background-container-neutral-default: #ebebf2;
-  --dt-colors-background-container-neutral-emphasized: #e2e3ec;
-  --dt-colors-background-container-neutral-accent: #5a5b8c;
-  --dt-colors-background-container-primary-default: #e9ebf6;
-  --dt-colors-background-container-primary-emphasized: #dfe3f5;
-  --dt-colors-background-container-primary-accent: #474ecf;
-  --dt-colors-background-container-success-default: #e9ecef;
-  --dt-colors-background-container-success-emphasized: #dfe4e7;
-  --dt-colors-background-container-success-accent: #2f6863;
-  --dt-colors-background-container-warning-default: #f3efef;
-  --dt-colors-background-container-warning-emphasized: #f4ece6;
-  --dt-colors-background-container-warning-accent: #eca440;
-  --dt-colors-background-container-critical-default: #f3eaed;
-  --dt-colors-background-container-critical-emphasized: #f3e0e3;
-  --dt-colors-background-container-critical-accent: #c4233b;
-  --dt-colors-background-field-neutral-disabled: #dadbe780;
-  --dt-colors-background-field-neutral-default: #dadbe700;
-  --dt-colors-background-field-neutral-default-hover: #d2d3e1;
-  --dt-colors-background-field-neutral-default-active: #cacbdc;
-  --dt-colors-background-field-neutral-emphasized: #dadbe7;
-  --dt-colors-background-field-neutral-emphasized-hover: #d2d3e1;
-  --dt-colors-background-field-neutral-emphasized-active: #cacbdc;
-  --dt-colors-background-field-neutral-accent: #5a5b8c;
-  --dt-colors-background-field-neutral-accent-hover: #4c4d7d;
-  --dt-colors-background-field-neutral-accent-active: #3f3f6e;
-  --dt-colors-background-field-primary-disabled: #dadbe780;
-  --dt-colors-background-field-primary-default: #d6dbf400;
-  --dt-colors-background-field-primary-default-hover: #ccd3f3;
-  --dt-colors-background-field-primary-default-active: #c3cbf1;
-  --dt-colors-background-field-primary-emphasized: #d6dbf4;
-  --dt-colors-background-field-primary-emphasized-hover: #ccd3f3;
-  --dt-colors-background-field-primary-emphasized-active: #c3cbf1;
-  --dt-colors-background-field-primary-accent: #474ecf;
-  --dt-colors-background-field-primary-accent-hover: #3b3ebe;
-  --dt-colors-background-field-primary-accent-active: #312cad;
-  --dt-colors-background-field-success-disabled: #dadbe780;
-  --dt-colors-background-field-success-default: #d4dddf00;
-  --dt-colors-background-field-success-default-hover: #cad6d7;
-  --dt-colors-background-field-success-default-active: #c0cfcf;
-  --dt-colors-background-field-success-emphasized: #d4dddf;
-  --dt-colors-background-field-success-emphasized-hover: #cad6d7;
-  --dt-colors-background-field-success-emphasized-active: #c0cfcf;
-  --dt-colors-background-field-success-accent: #2f6863;
-  --dt-colors-background-field-success-accent-hover: #1f5a55;
+  --dt-colors-theme-warning-10: #f9f6f3;
+  --dt-colors-theme-warning-20: #f9f3ec;
+  --dt-colors-theme-warning-30: #f9f0e5;
+  --dt-colors-theme-warning-40: #f9ebdb;
+  --dt-colors-theme-warning-50: #f9e6d0;
+  --dt-colors-theme-warning-60: #f9e1c6;
+  --dt-colors-theme-warning-70: #eea53c;
+  --dt-colors-theme-warning-80: #ffb54f;
+  --dt-colors-theme-warning-90: #ffc76d;
+  --dt-colors-theme-critical-10: #f9f1f2;
+  --dt-colors-theme-critical-20: #f8e9e9;
+  --dt-colors-theme-critical-30: #f8e1e1;
+  --dt-colors-theme-critical-40: #f6d6d5;
+  --dt-colors-theme-critical-50: #f5cac9;
+  --dt-colors-theme-critical-60: #f3bebd;
+  --dt-colors-theme-critical-70: #c62239;
+  --dt-colors-theme-critical-80: #b4002b;
+  --dt-colors-theme-critical-90: #a2001d;
+  --dt-colors-background-base-default: #f9f9fa;
+  --dt-colors-background-surface-backdrop: #f9f9facc;
+  --dt-colors-background-surface-default: #fff;
+  --dt-colors-background-container-neutral-subdued: #f9f9fa;
+  --dt-colors-background-container-neutral-default: #f2f2f5;
+  --dt-colors-background-container-neutral-emphasized: #ebecf0;
+  --dt-colors-background-container-neutral-accent: #5b5c81;
+  --dt-colors-background-container-primary-default: #f1f2f9;
+  --dt-colors-background-container-primary-emphasized: #e9ecf8;
+  --dt-colors-background-container-primary-accent: #474fcf;
+  --dt-colors-background-container-success-default: #f1f3f3;
+  --dt-colors-background-container-success-emphasized: #e8eded;
+  --dt-colors-background-container-success-accent: #2f6862;
+  --dt-colors-background-container-warning-default: #f9f6f3;
+  --dt-colors-background-container-warning-emphasized: #f9f3ec;
+  --dt-colors-background-container-warning-accent: #eea53c;
+  --dt-colors-background-container-critical-default: #f9f1f2;
+  --dt-colors-background-container-critical-emphasized: #f8e9e9;
+  --dt-colors-background-container-critical-accent: #c62239;
+  --dt-colors-background-field-neutral-disabled: #e4e5eb80;
+  --dt-colors-background-field-neutral-default: #e4e5eb00;
+  --dt-colors-background-field-neutral-default-hover: #dadbe4;
+  --dt-colors-background-field-neutral-default-active: #d0d1dc;
+  --dt-colors-background-field-neutral-emphasized: #e4e5eb;
+  --dt-colors-background-field-neutral-emphasized-hover: #dadbe4;
+  --dt-colors-background-field-neutral-emphasized-active: #d0d1dc;
+  --dt-colors-background-field-neutral-accent: #5b5c81;
+  --dt-colors-background-field-neutral-accent-hover: #4d4e72;
+  --dt-colors-background-field-neutral-accent-active: #404164;
+  --dt-colors-background-field-primary-disabled: #e4e5eb80;
+  --dt-colors-background-field-primary-default: #e1e5f700;
+  --dt-colors-background-field-primary-default-hover: #d5dbf6;
+  --dt-colors-background-field-primary-default-active: #c9d1f4;
+  --dt-colors-background-field-primary-emphasized: #e1e5f7;
+  --dt-colors-background-field-primary-emphasized-hover: #d5dbf6;
+  --dt-colors-background-field-primary-emphasized-active: #c9d1f4;
+  --dt-colors-background-field-primary-accent: #474fcf;
+  --dt-colors-background-field-primary-accent-hover: #3b3fbe;
+  --dt-colors-background-field-primary-accent-active: #312dad;
+  --dt-colors-background-field-success-disabled: #e4e5eb80;
+  --dt-colors-background-field-success-default: #e0e7e600;
+  --dt-colors-background-field-success-default-hover: #d3dedd;
+  --dt-colors-background-field-success-default-active: #c7d5d3;
+  --dt-colors-background-field-success-emphasized: #e0e7e6;
+  --dt-colors-background-field-success-emphasized-hover: #d3dedd;
+  --dt-colors-background-field-success-emphasized-active: #c7d5d3;
+  --dt-colors-background-field-success-accent: #2f6862;
+  --dt-colors-background-field-success-accent-hover: #1f5a54;
   --dt-colors-background-field-success-accent-active: #0d4c47;
-  --dt-colors-background-field-warning-disabled: #dadbe780;
-  --dt-colors-background-field-warning-default: #f4e8de00;
-  --dt-colors-background-field-warning-default-hover: #f4e5d5;
-  --dt-colors-background-field-warning-default-active: #f5e1cd;
-  --dt-colors-background-field-warning-emphasized: #f4e8de;
-  --dt-colors-background-field-warning-emphasized-hover: #f4e5d5;
-  --dt-colors-background-field-warning-emphasized-active: #f5e1cd;
-  --dt-colors-background-field-warning-accent: #eca440;
-  --dt-colors-background-field-warning-accent-hover: #fdb452;
-  --dt-colors-background-field-warning-accent-active: #ffc56a;
-  --dt-colors-background-field-critical-disabled: #dadbe780;
-  --dt-colors-background-field-critical-default: #f2d7d900;
-  --dt-colors-background-field-critical-default-hover: #f1cdcf;
-  --dt-colors-background-field-critical-default-active: #f0c4c5;
-  --dt-colors-background-field-critical-emphasized: #f2d7d9;
-  --dt-colors-background-field-critical-emphasized-hover: #f1cdcf;
-  --dt-colors-background-field-critical-emphasized-active: #f0c4c5;
-  --dt-colors-background-field-critical-accent: #c4233b;
-  --dt-colors-background-field-critical-accent-hover: #b2012d;
-  --dt-colors-background-field-critical-accent-active: #a0001f;
-  --dt-colors-border-neutral-disabled: #d2d3e180;
-  --dt-colors-border-neutral-default: #d2d3e1;
-  --dt-colors-border-neutral-default-hover: #cacbdc;
-  --dt-colors-border-neutral-default-active: #c2c3d7;
-  --dt-colors-border-neutral-accent: #545587;
-  --dt-colors-border-neutral-accent-hover: #3f3f6f;
-  --dt-colors-border-neutral-accent-active: #2b2a58;
+  --dt-colors-background-field-warning-disabled: #e4e5eb80;
+  --dt-colors-background-field-warning-default: #f9f0e500;
+  --dt-colors-background-field-warning-default-hover: #f9ebdb;
+  --dt-colors-background-field-warning-default-active: #f9e6d0;
+  --dt-colors-background-field-warning-emphasized: #f9f0e5;
+  --dt-colors-background-field-warning-emphasized-hover: #f9ebdb;
+  --dt-colors-background-field-warning-emphasized-active: #f9e6d0;
+  --dt-colors-background-field-warning-accent: #eea53c;
+  --dt-colors-background-field-warning-accent-hover: #ffb54f;
+  --dt-colors-background-field-warning-accent-active: #ffc76d;
+  --dt-colors-background-field-critical-disabled: #e4e5eb80;
+  --dt-colors-background-field-critical-default: #f8e1e100;
+  --dt-colors-background-field-critical-default-hover: #f6d6d5;
+  --dt-colors-background-field-critical-default-active: #f5cac9;
+  --dt-colors-background-field-critical-emphasized: #f8e1e1;
+  --dt-colors-background-field-critical-emphasized-hover: #f6d6d5;
+  --dt-colors-background-field-critical-emphasized-active: #f5cac9;
+  --dt-colors-background-field-critical-accent: #c62239;
+  --dt-colors-background-field-critical-accent-hover: #b4002b;
+  --dt-colors-background-field-critical-accent-active: #a2001d;
+  --dt-colors-border-neutral-disabled: #dadbe480;
+  --dt-colors-border-neutral-default: #dadbe4;
+  --dt-colors-border-neutral-default-hover: #d0d1dc;
+  --dt-colors-border-neutral-default-active: #c6c7d5;
+  --dt-colors-border-neutral-accent: #595a7d;
+  --dt-colors-border-neutral-accent-hover: #434465;
+  --dt-colors-border-neutral-accent-active: #2f2f4f;
   --dt-colors-border-neutral-on-accent-disabled: #f3f3f633;
   --dt-colors-border-neutral-on-accent-default: #f3f3f6;
   --dt-colors-border-neutral-on-accent-default-hover: #f3f3f6cc;
   --dt-colors-border-neutral-on-accent-default-active: #f3f3f699;
-  --dt-colors-border-primary-disabled: #d2d3e180;
-  --dt-colors-border-primary-default: #ccd3f3;
-  --dt-colors-border-primary-default-hover: #c3cbf1;
-  --dt-colors-border-primary-default-active: #b9c3f0;
-  --dt-colors-border-primary-accent: #454cc9;
-  --dt-colors-border-primary-accent-hover: #3332ae;
-  --dt-colors-border-primary-accent-active: #241193;
+  --dt-colors-border-primary-disabled: #dadbe480;
+  --dt-colors-border-primary-default: #d5dbf6;
+  --dt-colors-border-primary-default-hover: #c9d1f4;
+  --dt-colors-border-primary-default-active: #bdc7f2;
+  --dt-colors-border-primary-accent: #464cce;
+  --dt-colors-border-primary-accent-hover: #3431b3;
+  --dt-colors-border-primary-accent-active: #250f98;
   --dt-colors-border-primary-on-accent-disabled: #f4f4fb33;
   --dt-colors-border-primary-on-accent-default: #f4f4fb;
   --dt-colors-border-primary-on-accent-default-hover: #f4f4fbcc;
   --dt-colors-border-primary-on-accent-default-active: #f4f4fb99;
-  --dt-colors-border-success-disabled: #d2d3e180;
-  --dt-colors-border-success-default: #cad6d7;
-  --dt-colors-border-success-default-hover: #c0cfcf;
-  --dt-colors-border-success-default-active: #b7c8c7;
-  --dt-colors-border-success-accent: #2c6360;
-  --dt-colors-border-success-accent-hover: #124d4a;
-  --dt-colors-border-success-accent-active: #003735;
+  --dt-colors-border-success-disabled: #dadbe480;
+  --dt-colors-border-success-default: #d3dedd;
+  --dt-colors-border-success-default-hover: #c7d5d3;
+  --dt-colors-border-success-default-active: #bbccc9;
+  --dt-colors-border-success-accent: #2d6761;
+  --dt-colors-border-success-accent-hover: #12504b;
+  --dt-colors-border-success-accent-active: #003b36;
   --dt-colors-border-success-on-accent-disabled: #f1f4f433;
   --dt-colors-border-success-on-accent-default: #f1f4f4;
   --dt-colors-border-success-on-accent-default-hover: #f1f4f4cc;
   --dt-colors-border-success-on-accent-default-active: #f1f4f499;
-  --dt-colors-border-warning-disabled: #d2d3e180;
-  --dt-colors-border-warning-default: #f4e5d5;
-  --dt-colors-border-warning-default-hover: #f5e1cd;
-  --dt-colors-border-warning-default-active: #f5ddc4;
-  --dt-colors-border-warning-accent: #805100;
-  --dt-colors-border-warning-accent-hover: #683b00;
-  --dt-colors-border-warning-accent-active: #4d2800;
-  --dt-colors-border-warning-on-accent-disabled: #27202533;
-  --dt-colors-border-warning-on-accent-default: #272025;
-  --dt-colors-border-warning-on-accent-default-hover: #272025cc;
-  --dt-colors-border-warning-on-accent-default-active: #27202599;
-  --dt-colors-border-critical-disabled: #d2d3e180;
-  --dt-colors-border-critical-default: #f1cdcf;
-  --dt-colors-border-critical-default-hover: #f0c4c5;
-  --dt-colors-border-critical-default-active: #efbabb;
-  --dt-colors-border-critical-accent: #b80031;
-  --dt-colors-border-critical-accent-hover: #97001f;
-  --dt-colors-border-critical-accent-active: #720013;
+  --dt-colors-border-warning-disabled: #dadbe480;
+  --dt-colors-border-warning-default: #f9ebdb;
+  --dt-colors-border-warning-default-hover: #f9e6d0;
+  --dt-colors-border-warning-default-active: #f9e1c6;
+  --dt-colors-border-warning-accent: #855400;
+  --dt-colors-border-warning-accent-hover: #6d3d00;
+  --dt-colors-border-warning-accent-active: #512a00;
+  --dt-colors-border-warning-on-accent-disabled: #27202433;
+  --dt-colors-border-warning-on-accent-default: #272024;
+  --dt-colors-border-warning-on-accent-default-hover: #272024cc;
+  --dt-colors-border-warning-on-accent-default-active: #27202499;
+  --dt-colors-border-critical-disabled: #dadbe480;
+  --dt-colors-border-critical-default: #f6d6d5;
+  --dt-colors-border-critical-default-hover: #f5cac9;
+  --dt-colors-border-critical-default-active: #f3bebd;
+  --dt-colors-border-critical-accent: #bb0731;
+  --dt-colors-border-critical-accent-hover: #9b001e;
+  --dt-colors-border-critical-accent-active: #750013;
   --dt-colors-border-critical-on-accent-disabled: #f9f1f333;
   --dt-colors-border-critical-on-accent-default: #f9f1f3;
   --dt-colors-border-critical-on-accent-default-hover: #f9f1f3cc;
   --dt-colors-border-critical-on-accent-default-active: #f9f1f399;
-  --dt-colors-text-neutral-disabled: #54558780;
-  --dt-colors-text-neutral-subdued: #545587;
-  --dt-colors-text-neutral-subdued-hover: #3f3f6f;
-  --dt-colors-text-neutral-subdued-active: #2b2a58;
-  --dt-colors-text-neutral-default: #2b2a58;
-  --dt-colors-text-neutral-default-hover: #3f3f6f;
-  --dt-colors-text-neutral-default-active: #545587;
+  --dt-colors-text-neutral-disabled: #595a7d80;
+  --dt-colors-text-neutral-subdued: #595a7d;
+  --dt-colors-text-neutral-subdued-hover: #434465;
+  --dt-colors-text-neutral-subdued-active: #2f2f4f;
+  --dt-colors-text-neutral-default: #2f2f4f;
+  --dt-colors-text-neutral-default-hover: #434465;
+  --dt-colors-text-neutral-default-active: #595a7d;
   --dt-colors-text-neutral-on-accent-disabled: #f3f3f680;
   --dt-colors-text-neutral-on-accent-default: #f3f3f6;
   --dt-colors-text-neutral-on-accent-default-hover: #f3f3f6cc;
   --dt-colors-text-neutral-on-accent-default-active: #f3f3f699;
-  --dt-colors-text-primary-disabled: #54558780;
-  --dt-colors-text-primary-default: #454cc9;
-  --dt-colors-text-primary-default-hover: #3332ae;
-  --dt-colors-text-primary-default-active: #241193;
+  --dt-colors-text-primary-disabled: #595a7d80;
+  --dt-colors-text-primary-default: #464cce;
+  --dt-colors-text-primary-default-hover: #3431b3;
+  --dt-colors-text-primary-default-active: #250f98;
   --dt-colors-text-primary-on-accent-disabled: #f4f4fb80;
   --dt-colors-text-primary-on-accent-default: #f4f4fb;
   --dt-colors-text-primary-on-accent-default-hover: #f4f4fbcc;
   --dt-colors-text-primary-on-accent-default-active: #f4f4fb99;
-  --dt-colors-text-success-disabled: #54558780;
-  --dt-colors-text-success-default: #2c6360;
-  --dt-colors-text-success-default-hover: #124d4a;
-  --dt-colors-text-success-default-active: #003735;
+  --dt-colors-text-success-disabled: #595a7d80;
+  --dt-colors-text-success-default: #2d6761;
+  --dt-colors-text-success-default-hover: #12504b;
+  --dt-colors-text-success-default-active: #003b36;
   --dt-colors-text-success-on-accent-disabled: #f1f4f480;
   --dt-colors-text-success-on-accent-default: #f1f4f4;
   --dt-colors-text-success-on-accent-default-hover: #f1f4f4cc;
   --dt-colors-text-success-on-accent-default-active: #f1f4f499;
-  --dt-colors-text-warning-disabled: #54558780;
-  --dt-colors-text-warning-default: #805100;
-  --dt-colors-text-warning-default-hover: #683b00;
-  --dt-colors-text-warning-default-active: #4d2800;
-  --dt-colors-text-warning-on-accent-disabled: #27202580;
-  --dt-colors-text-warning-on-accent-default: #272025;
-  --dt-colors-text-warning-on-accent-default-hover: #272025cc;
-  --dt-colors-text-warning-on-accent-default-active: #27202599;
-  --dt-colors-text-critical-disabled: #54558780;
-  --dt-colors-text-critical-default: #b80031;
-  --dt-colors-text-critical-default-hover: #97001f;
-  --dt-colors-text-critical-default-active: #720013;
+  --dt-colors-text-warning-disabled: #595a7d80;
+  --dt-colors-text-warning-default: #855400;
+  --dt-colors-text-warning-default-hover: #6d3d00;
+  --dt-colors-text-warning-default-active: #512a00;
+  --dt-colors-text-warning-on-accent-disabled: #27202480;
+  --dt-colors-text-warning-on-accent-default: #272024;
+  --dt-colors-text-warning-on-accent-default-hover: #272024cc;
+  --dt-colors-text-warning-on-accent-default-active: #27202499;
+  --dt-colors-text-critical-disabled: #595a7d80;
+  --dt-colors-text-critical-default: #bb0731;
+  --dt-colors-text-critical-default-hover: #9b001e;
+  --dt-colors-text-critical-default-active: #750013;
   --dt-colors-text-critical-on-accent-disabled: #f9f1f380;
   --dt-colors-text-critical-on-accent-default: #f9f1f3;
   --dt-colors-text-critical-on-accent-default-hover: #f9f1f3cc;
   --dt-colors-text-critical-on-accent-default-active: #f9f1f399;
-  --dt-colors-icon-neutral-disabled: #54558780;
-  --dt-colors-icon-neutral-subdued: #545587;
-  --dt-colors-icon-neutral-subdued-hover: #3f3f6f;
-  --dt-colors-icon-neutral-subdued-active: #2b2a58;
-  --dt-colors-icon-neutral-default: #2b2a58;
-  --dt-colors-icon-neutral-default-hover: #3f3f6f;
-  --dt-colors-icon-neutral-default-active: #545587;
+  --dt-colors-icon-neutral-disabled: #595a7d80;
+  --dt-colors-icon-neutral-subdued: #595a7d;
+  --dt-colors-icon-neutral-subdued-hover: #434465;
+  --dt-colors-icon-neutral-subdued-active: #2f2f4f;
+  --dt-colors-icon-neutral-default: #2f2f4f;
+  --dt-colors-icon-neutral-default-hover: #434465;
+  --dt-colors-icon-neutral-default-active: #595a7d;
   --dt-colors-icon-neutral-on-accent-disabled: #f3f3f680;
   --dt-colors-icon-neutral-on-accent-default: #f3f3f6;
   --dt-colors-icon-neutral-on-accent-default-hover: #f3f3f6cc;
   --dt-colors-icon-neutral-on-accent-default-active: #f3f3f699;
-  --dt-colors-icon-primary-disabled: #54558780;
-  --dt-colors-icon-primary-default: #454cc9;
-  --dt-colors-icon-primary-default-hover: #3332ae;
-  --dt-colors-icon-primary-default-active: #241193;
+  --dt-colors-icon-primary-disabled: #595a7d80;
+  --dt-colors-icon-primary-default: #464cce;
+  --dt-colors-icon-primary-default-hover: #3431b3;
+  --dt-colors-icon-primary-default-active: #250f98;
   --dt-colors-icon-primary-on-accent-disabled: #f4f4fb80;
   --dt-colors-icon-primary-on-accent-default: #f4f4fb;
   --dt-colors-icon-primary-on-accent-default-hover: #f4f4fbcc;
   --dt-colors-icon-primary-on-accent-default-active: #f4f4fb99;
-  --dt-colors-icon-success-disabled: #54558780;
-  --dt-colors-icon-success-default: #2c6360;
-  --dt-colors-icon-success-default-hover: #124d4a;
-  --dt-colors-icon-success-default-active: #003735;
+  --dt-colors-icon-success-disabled: #595a7d80;
+  --dt-colors-icon-success-default: #2d6761;
+  --dt-colors-icon-success-default-hover: #12504b;
+  --dt-colors-icon-success-default-active: #003b36;
   --dt-colors-icon-success-on-accent-disabled: #f1f4f480;
   --dt-colors-icon-success-on-accent-default: #f1f4f4;
   --dt-colors-icon-success-on-accent-default-hover: #f1f4f4cc;
   --dt-colors-icon-success-on-accent-default-active: #f1f4f499;
-  --dt-colors-icon-warning-disabled: #54558780;
-  --dt-colors-icon-warning-default: #805100;
-  --dt-colors-icon-warning-default-hover: #683b00;
-  --dt-colors-icon-warning-default-active: #4d2800;
-  --dt-colors-icon-warning-on-accent-disabled: #27202580;
-  --dt-colors-icon-warning-on-accent-default: #272025;
-  --dt-colors-icon-warning-on-accent-default-hover: #272025cc;
-  --dt-colors-icon-warning-on-accent-default-active: #27202599;
-  --dt-colors-icon-critical-disabled: #54558780;
-  --dt-colors-icon-critical-default: #b80031;
-  --dt-colors-icon-critical-default-hover: #97001f;
-  --dt-colors-icon-critical-default-active: #720013;
+  --dt-colors-icon-warning-disabled: #595a7d80;
+  --dt-colors-icon-warning-default: #855400;
+  --dt-colors-icon-warning-default-hover: #6d3d00;
+  --dt-colors-icon-warning-default-active: #512a00;
+  --dt-colors-icon-warning-on-accent-disabled: #27202480;
+  --dt-colors-icon-warning-on-accent-default: #272024;
+  --dt-colors-icon-warning-on-accent-default-hover: #272024cc;
+  --dt-colors-icon-warning-on-accent-default-active: #27202499;
+  --dt-colors-icon-critical-disabled: #595a7d80;
+  --dt-colors-icon-critical-default: #bb0731;
+  --dt-colors-icon-critical-default-hover: #9b001e;
+  --dt-colors-icon-critical-default-active: #750013;
   --dt-colors-icon-critical-on-accent-disabled: #f9f1f380;
   --dt-colors-icon-critical-on-accent-default: #f9f1f3;
   --dt-colors-icon-critical-on-accent-default-hover: #f9f1f3cc;
@@ -297,11 +297,11 @@
   --dt-colors-syntax-tag: #b30926;
   --dt-colors-syntax-operators: #8136a9;
   --dt-colors-syntax-boolean: #973f00;
-  --dt-colors-charts-status-ideal-default: #2f6863;
-  --dt-colors-charts-status-good-default: #474ecf;
-  --dt-colors-charts-status-neutral-default: #5a5b8c;
-  --dt-colors-charts-status-warning-default: #eca440;
-  --dt-colors-charts-status-critical-default: #c4233b;
+  --dt-colors-charts-status-ideal-default: #2f6862;
+  --dt-colors-charts-status-good-default: #474fcf;
+  --dt-colors-charts-status-neutral-default: #5b5c81;
+  --dt-colors-charts-status-warning-default: #eea53c;
+  --dt-colors-charts-status-critical-default: #c62239;
   --dt-colors-charts-categorical-color-01-default: #134fc9;
   --dt-colors-charts-categorical-color-02-default: #2c2f3f;
   --dt-colors-charts-categorical-color-03-default: #2a7453;
@@ -823,9 +823,9 @@
   --dt-timings-slow-moderate: 600ms;
   --dt-timings-slow-gentle: 800ms;
   --scrollbar-track: transparent;
-  --scrollbar-thumb: var(--dt-colors-background-field-neutral-emphasized, #dadbe7);
-  --scrollbar-thumb--hover: var(--dt-colors-background-field-neutral-emphasized-hover, #d2d3e1);
-  --scrollbar-thumb--active: var(--dt-colors-background-field-neutral-emphasized-active, #cacbdc);
+  --scrollbar-thumb: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+  --scrollbar-thumb--hover: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
+  --scrollbar-thumb--active: var(--dt-colors-background-field-neutral-emphasized-active, #d0d1dc);
 }
 :root[data-theme="dark"] {
   --dt-borders-style-default: solid;
@@ -839,18 +839,18 @@
   --dt-borders-radius-field-subdued: 4px;
   --dt-borders-radius-field-default: 8px;
   --dt-borders-radius-field-emphasized: 9999px;
-  --dt-box-shadows-surface-flat-rest: none;
-  --dt-box-shadows-surface-flat-hover: 0px 0px 0px 1px #f0f0f51f, 0px 1px 2px #112, 0px 4px 8px #112c;
-  --dt-box-shadows-surface-flat-active: none;
-  --dt-box-shadows-surface-flat-drag: 0px 0px 0px 1px #f0f0f51f, 0px 1px 2px #112, 0px 13px 8px #112c;
-  --dt-box-shadows-surface-raised-rest: 0px 0px 0px 1px #f0f0f51f, 0px 1px 2px #112, 0px 4px 8px #112c;
-  --dt-box-shadows-surface-raised-hover: 0px 0px 0px 1px #f0f0f51f, 0px 1px 2px #112, 0px 7px 8px #112c;
-  --dt-box-shadows-surface-raised-active: 0px 0px 0px 1px #f0f0f51f, 0px 1px 2px #112, 0px 4px 8px #112c;
-  --dt-box-shadows-surface-raised-drag: 0px 0px 0px 1px #f0f0f51f, 0px 1px 2px #112, 0px 13px 8px #112c;
-  --dt-box-shadows-surface-floating-rest: 0px 0px 0px 1px #f0f0f51f, 0px 1px 2px #112, 0px 7px 8px #112c;
-  --dt-box-shadows-surface-floating-hover: 0px 0px 0px 1px #f0f0f51f, 0px 1px 2px #112, 0px 10px 8px #112c;
-  --dt-box-shadows-surface-floating-active: 0px 0px 0px 1px #f0f0f51f, 0px 1px 2px #112, 0px 7px 8px #112c;
-  --dt-box-shadows-surface-floating-drag: 0px 0px 0px 1px #f0f0f51f, 0px 1px 2px #112, 0px 13px 8px #112c;
+  --dt-box-shadows-surface-flat-rest: 0px 0px 0px 1px #f0f0f514;
+  --dt-box-shadows-surface-flat-hover: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 4px 8px #112c;
+  --dt-box-shadows-surface-flat-active: 0px 0px 0px 1px #f0f0f514;
+  --dt-box-shadows-surface-flat-drag: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 13px 8px #112c;
+  --dt-box-shadows-surface-raised-rest: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 4px 8px #112c;
+  --dt-box-shadows-surface-raised-hover: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 7px 8px #112c;
+  --dt-box-shadows-surface-raised-active: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 4px 8px #112c;
+  --dt-box-shadows-surface-raised-drag: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 13px 8px #112c;
+  --dt-box-shadows-surface-floating-rest: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 7px 8px #112c;
+  --dt-box-shadows-surface-floating-hover: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 10px 8px #112c;
+  --dt-box-shadows-surface-floating-active: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 7px 8px #112c;
+  --dt-box-shadows-surface-floating-drag: 0px 0px 0px 1px #f0f0f514, 0px 1px 2px #112, 0px 13px 8px #112c;
   --dt-breakpoints-max-mobile: 640px;
   --dt-breakpoints-max-tablet: 960px;
   --dt-breakpoints-max-desktop: 1920px;
@@ -1656,8 +1656,8 @@ html, body {
   margin: 0;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  background-color: var(--dt-colors-background-base-default, #f3f3f7);
-  color: var(--dt-colors-text-neutral-default, #2b2a58);
+  background-color: var(--dt-colors-background-base-default, #f9f9fa);
+  color: var(--dt-colors-text-neutral-default, #2f2f4f);
   font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
 }
 body {
@@ -1678,17 +1678,17 @@ body {
   background: var(--scrollbar-track);
 }
 *::-webkit-scrollbar-thumb {
-  background-color: var(--dt-colors-border-neutral-default, #d2d3e1);
+  background-color: var(--dt-colors-border-neutral-default, #dadbe4);
   border-radius: 9999px;
   background-clip: content-box;
   border: 5px solid transparent;
   height: 32px;
 }
 *::-webkit-scrollbar-thumb:hover {
-  background-color: var(--dt-colors-border-neutral-default-hover, #cacbdc);
+  background-color: var(--dt-colors-border-neutral-default-hover, #d0d1dc);
 }
 *::-webkit-scrollbar-thumb:active {
-  background-color: var(--dt-colors-border-neutral-default-active, #c2c3d7);
+  background-color: var(--dt-colors-border-neutral-default-active, #c6c7d5);
 }
 @media print {
   :root[data-theme="dark"] {
@@ -1703,9 +1703,9 @@ body {
     --dt-borders-radius-field-subdued: 4px;
     --dt-borders-radius-field-default: 8px;
     --dt-borders-radius-field-emphasized: 9999px;
-    --dt-box-shadows-surface-flat-rest: none;
+    --dt-box-shadows-surface-flat-rest: 0px 0px 0px 1px #2d2e4e0d;
     --dt-box-shadows-surface-flat-hover: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12;
-    --dt-box-shadows-surface-flat-active: none;
+    --dt-box-shadows-surface-flat-active: 0px 0px 0px 1px #2d2e4e0d;
     --dt-box-shadows-surface-flat-drag: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52;
     --dt-box-shadows-surface-raised-rest: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12;
     --dt-box-shadows-surface-raised-hover: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29;
@@ -1722,260 +1722,260 @@ body {
     --dt-breakpoints-min-desktop: 961px;
     --dt-breakpoints-min-widescreen: 1921px;
     --dt-colors-theme-foreground-10: #2d2e4e;
-    --dt-colors-theme-foreground-20: #fcfcfd;
-    --dt-colors-theme-background-10: #f3f3f7;
-    --dt-colors-theme-background-20: #fcfcfd;
-    --dt-colors-theme-neutral-10: #ebebf2;
-    --dt-colors-theme-neutral-20: #e2e3ec;
-    --dt-colors-theme-neutral-30: #dadbe7;
-    --dt-colors-theme-neutral-40: #d2d3e1;
-    --dt-colors-theme-neutral-50: #cacbdc;
-    --dt-colors-theme-neutral-60: #c2c3d7;
-    --dt-colors-theme-neutral-70: #5a5b8c;
-    --dt-colors-theme-neutral-80: #4c4d7d;
-    --dt-colors-theme-neutral-90: #3f3f6e;
-    --dt-colors-theme-primary-10: #e9ebf6;
-    --dt-colors-theme-primary-20: #dfe3f5;
-    --dt-colors-theme-primary-30: #d6dbf4;
-    --dt-colors-theme-primary-40: #ccd3f3;
-    --dt-colors-theme-primary-50: #c3cbf1;
-    --dt-colors-theme-primary-60: #b9c3f0;
-    --dt-colors-theme-primary-70: #474ecf;
-    --dt-colors-theme-primary-80: #3b3ebe;
-    --dt-colors-theme-primary-90: #312cad;
-    --dt-colors-theme-success-10: #e9ecef;
-    --dt-colors-theme-success-20: #dfe4e7;
-    --dt-colors-theme-success-30: #d4dddf;
-    --dt-colors-theme-success-40: #cad6d7;
-    --dt-colors-theme-success-50: #c0cfcf;
-    --dt-colors-theme-success-60: #b7c8c7;
-    --dt-colors-theme-success-70: #2f6863;
-    --dt-colors-theme-success-80: #1f5a55;
+    --dt-colors-theme-foreground-20: #fff;
+    --dt-colors-theme-background-10: #f9f9fa;
+    --dt-colors-theme-background-20: #fff;
+    --dt-colors-theme-neutral-10: #f2f2f5;
+    --dt-colors-theme-neutral-20: #ebecf0;
+    --dt-colors-theme-neutral-30: #e4e5eb;
+    --dt-colors-theme-neutral-40: #dadbe4;
+    --dt-colors-theme-neutral-50: #d0d1dc;
+    --dt-colors-theme-neutral-60: #c6c7d5;
+    --dt-colors-theme-neutral-70: #5b5c81;
+    --dt-colors-theme-neutral-80: #4d4e72;
+    --dt-colors-theme-neutral-90: #404164;
+    --dt-colors-theme-primary-10: #f1f2f9;
+    --dt-colors-theme-primary-20: #e9ecf8;
+    --dt-colors-theme-primary-30: #e1e5f7;
+    --dt-colors-theme-primary-40: #d5dbf6;
+    --dt-colors-theme-primary-50: #c9d1f4;
+    --dt-colors-theme-primary-60: #bdc7f2;
+    --dt-colors-theme-primary-70: #474fcf;
+    --dt-colors-theme-primary-80: #3b3fbe;
+    --dt-colors-theme-primary-90: #312dad;
+    --dt-colors-theme-success-10: #f1f3f3;
+    --dt-colors-theme-success-20: #e8eded;
+    --dt-colors-theme-success-30: #e0e7e6;
+    --dt-colors-theme-success-40: #d3dedd;
+    --dt-colors-theme-success-50: #c7d5d3;
+    --dt-colors-theme-success-60: #bbccc9;
+    --dt-colors-theme-success-70: #2f6862;
+    --dt-colors-theme-success-80: #1f5a54;
     --dt-colors-theme-success-90: #0d4c47;
-    --dt-colors-theme-warning-10: #f3efef;
-    --dt-colors-theme-warning-20: #f4ece6;
-    --dt-colors-theme-warning-30: #f4e8de;
-    --dt-colors-theme-warning-40: #f4e5d5;
-    --dt-colors-theme-warning-50: #f5e1cd;
-    --dt-colors-theme-warning-60: #f5ddc4;
-    --dt-colors-theme-warning-70: #eca440;
-    --dt-colors-theme-warning-80: #fdb452;
-    --dt-colors-theme-warning-90: #ffc56a;
-    --dt-colors-theme-critical-10: #f3eaed;
-    --dt-colors-theme-critical-20: #f3e0e3;
-    --dt-colors-theme-critical-30: #f2d7d9;
-    --dt-colors-theme-critical-40: #f1cdcf;
-    --dt-colors-theme-critical-50: #f0c4c5;
-    --dt-colors-theme-critical-60: #efbabb;
-    --dt-colors-theme-critical-70: #c4233b;
-    --dt-colors-theme-critical-80: #b2012d;
-    --dt-colors-theme-critical-90: #a0001f;
-    --dt-colors-background-base-default: #f3f3f7;
-    --dt-colors-background-surface-backdrop: #f3f3f7cc;
-    --dt-colors-background-surface-default: #fcfcfd;
-    --dt-colors-background-container-neutral-subdued: #f3f3f7;
-    --dt-colors-background-container-neutral-default: #ebebf2;
-    --dt-colors-background-container-neutral-emphasized: #e2e3ec;
-    --dt-colors-background-container-neutral-accent: #5a5b8c;
-    --dt-colors-background-container-primary-default: #e9ebf6;
-    --dt-colors-background-container-primary-emphasized: #dfe3f5;
-    --dt-colors-background-container-primary-accent: #474ecf;
-    --dt-colors-background-container-success-default: #e9ecef;
-    --dt-colors-background-container-success-emphasized: #dfe4e7;
-    --dt-colors-background-container-success-accent: #2f6863;
-    --dt-colors-background-container-warning-default: #f3efef;
-    --dt-colors-background-container-warning-emphasized: #f4ece6;
-    --dt-colors-background-container-warning-accent: #eca440;
-    --dt-colors-background-container-critical-default: #f3eaed;
-    --dt-colors-background-container-critical-emphasized: #f3e0e3;
-    --dt-colors-background-container-critical-accent: #c4233b;
-    --dt-colors-background-field-neutral-disabled: #dadbe780;
-    --dt-colors-background-field-neutral-default: #dadbe700;
-    --dt-colors-background-field-neutral-default-hover: #d2d3e1;
-    --dt-colors-background-field-neutral-default-active: #cacbdc;
-    --dt-colors-background-field-neutral-emphasized: #dadbe7;
-    --dt-colors-background-field-neutral-emphasized-hover: #d2d3e1;
-    --dt-colors-background-field-neutral-emphasized-active: #cacbdc;
-    --dt-colors-background-field-neutral-accent: #5a5b8c;
-    --dt-colors-background-field-neutral-accent-hover: #4c4d7d;
-    --dt-colors-background-field-neutral-accent-active: #3f3f6e;
-    --dt-colors-background-field-primary-disabled: #dadbe780;
-    --dt-colors-background-field-primary-default: #d6dbf400;
-    --dt-colors-background-field-primary-default-hover: #ccd3f3;
-    --dt-colors-background-field-primary-default-active: #c3cbf1;
-    --dt-colors-background-field-primary-emphasized: #d6dbf4;
-    --dt-colors-background-field-primary-emphasized-hover: #ccd3f3;
-    --dt-colors-background-field-primary-emphasized-active: #c3cbf1;
-    --dt-colors-background-field-primary-accent: #474ecf;
-    --dt-colors-background-field-primary-accent-hover: #3b3ebe;
-    --dt-colors-background-field-primary-accent-active: #312cad;
-    --dt-colors-background-field-success-disabled: #dadbe780;
-    --dt-colors-background-field-success-default: #d4dddf00;
-    --dt-colors-background-field-success-default-hover: #cad6d7;
-    --dt-colors-background-field-success-default-active: #c0cfcf;
-    --dt-colors-background-field-success-emphasized: #d4dddf;
-    --dt-colors-background-field-success-emphasized-hover: #cad6d7;
-    --dt-colors-background-field-success-emphasized-active: #c0cfcf;
-    --dt-colors-background-field-success-accent: #2f6863;
-    --dt-colors-background-field-success-accent-hover: #1f5a55;
+    --dt-colors-theme-warning-10: #f9f6f3;
+    --dt-colors-theme-warning-20: #f9f3ec;
+    --dt-colors-theme-warning-30: #f9f0e5;
+    --dt-colors-theme-warning-40: #f9ebdb;
+    --dt-colors-theme-warning-50: #f9e6d0;
+    --dt-colors-theme-warning-60: #f9e1c6;
+    --dt-colors-theme-warning-70: #eea53c;
+    --dt-colors-theme-warning-80: #ffb54f;
+    --dt-colors-theme-warning-90: #ffc76d;
+    --dt-colors-theme-critical-10: #f9f1f2;
+    --dt-colors-theme-critical-20: #f8e9e9;
+    --dt-colors-theme-critical-30: #f8e1e1;
+    --dt-colors-theme-critical-40: #f6d6d5;
+    --dt-colors-theme-critical-50: #f5cac9;
+    --dt-colors-theme-critical-60: #f3bebd;
+    --dt-colors-theme-critical-70: #c62239;
+    --dt-colors-theme-critical-80: #b4002b;
+    --dt-colors-theme-critical-90: #a2001d;
+    --dt-colors-background-base-default: #f9f9fa;
+    --dt-colors-background-surface-backdrop: #f9f9facc;
+    --dt-colors-background-surface-default: #fff;
+    --dt-colors-background-container-neutral-subdued: #f9f9fa;
+    --dt-colors-background-container-neutral-default: #f2f2f5;
+    --dt-colors-background-container-neutral-emphasized: #ebecf0;
+    --dt-colors-background-container-neutral-accent: #5b5c81;
+    --dt-colors-background-container-primary-default: #f1f2f9;
+    --dt-colors-background-container-primary-emphasized: #e9ecf8;
+    --dt-colors-background-container-primary-accent: #474fcf;
+    --dt-colors-background-container-success-default: #f1f3f3;
+    --dt-colors-background-container-success-emphasized: #e8eded;
+    --dt-colors-background-container-success-accent: #2f6862;
+    --dt-colors-background-container-warning-default: #f9f6f3;
+    --dt-colors-background-container-warning-emphasized: #f9f3ec;
+    --dt-colors-background-container-warning-accent: #eea53c;
+    --dt-colors-background-container-critical-default: #f9f1f2;
+    --dt-colors-background-container-critical-emphasized: #f8e9e9;
+    --dt-colors-background-container-critical-accent: #c62239;
+    --dt-colors-background-field-neutral-disabled: #e4e5eb80;
+    --dt-colors-background-field-neutral-default: #e4e5eb00;
+    --dt-colors-background-field-neutral-default-hover: #dadbe4;
+    --dt-colors-background-field-neutral-default-active: #d0d1dc;
+    --dt-colors-background-field-neutral-emphasized: #e4e5eb;
+    --dt-colors-background-field-neutral-emphasized-hover: #dadbe4;
+    --dt-colors-background-field-neutral-emphasized-active: #d0d1dc;
+    --dt-colors-background-field-neutral-accent: #5b5c81;
+    --dt-colors-background-field-neutral-accent-hover: #4d4e72;
+    --dt-colors-background-field-neutral-accent-active: #404164;
+    --dt-colors-background-field-primary-disabled: #e4e5eb80;
+    --dt-colors-background-field-primary-default: #e1e5f700;
+    --dt-colors-background-field-primary-default-hover: #d5dbf6;
+    --dt-colors-background-field-primary-default-active: #c9d1f4;
+    --dt-colors-background-field-primary-emphasized: #e1e5f7;
+    --dt-colors-background-field-primary-emphasized-hover: #d5dbf6;
+    --dt-colors-background-field-primary-emphasized-active: #c9d1f4;
+    --dt-colors-background-field-primary-accent: #474fcf;
+    --dt-colors-background-field-primary-accent-hover: #3b3fbe;
+    --dt-colors-background-field-primary-accent-active: #312dad;
+    --dt-colors-background-field-success-disabled: #e4e5eb80;
+    --dt-colors-background-field-success-default: #e0e7e600;
+    --dt-colors-background-field-success-default-hover: #d3dedd;
+    --dt-colors-background-field-success-default-active: #c7d5d3;
+    --dt-colors-background-field-success-emphasized: #e0e7e6;
+    --dt-colors-background-field-success-emphasized-hover: #d3dedd;
+    --dt-colors-background-field-success-emphasized-active: #c7d5d3;
+    --dt-colors-background-field-success-accent: #2f6862;
+    --dt-colors-background-field-success-accent-hover: #1f5a54;
     --dt-colors-background-field-success-accent-active: #0d4c47;
-    --dt-colors-background-field-warning-disabled: #dadbe780;
-    --dt-colors-background-field-warning-default: #f4e8de00;
-    --dt-colors-background-field-warning-default-hover: #f4e5d5;
-    --dt-colors-background-field-warning-default-active: #f5e1cd;
-    --dt-colors-background-field-warning-emphasized: #f4e8de;
-    --dt-colors-background-field-warning-emphasized-hover: #f4e5d5;
-    --dt-colors-background-field-warning-emphasized-active: #f5e1cd;
-    --dt-colors-background-field-warning-accent: #eca440;
-    --dt-colors-background-field-warning-accent-hover: #fdb452;
-    --dt-colors-background-field-warning-accent-active: #ffc56a;
-    --dt-colors-background-field-critical-disabled: #dadbe780;
-    --dt-colors-background-field-critical-default: #f2d7d900;
-    --dt-colors-background-field-critical-default-hover: #f1cdcf;
-    --dt-colors-background-field-critical-default-active: #f0c4c5;
-    --dt-colors-background-field-critical-emphasized: #f2d7d9;
-    --dt-colors-background-field-critical-emphasized-hover: #f1cdcf;
-    --dt-colors-background-field-critical-emphasized-active: #f0c4c5;
-    --dt-colors-background-field-critical-accent: #c4233b;
-    --dt-colors-background-field-critical-accent-hover: #b2012d;
-    --dt-colors-background-field-critical-accent-active: #a0001f;
-    --dt-colors-border-neutral-disabled: #d2d3e180;
-    --dt-colors-border-neutral-default: #d2d3e1;
-    --dt-colors-border-neutral-default-hover: #cacbdc;
-    --dt-colors-border-neutral-default-active: #c2c3d7;
-    --dt-colors-border-neutral-accent: #545587;
-    --dt-colors-border-neutral-accent-hover: #3f3f6f;
-    --dt-colors-border-neutral-accent-active: #2b2a58;
+    --dt-colors-background-field-warning-disabled: #e4e5eb80;
+    --dt-colors-background-field-warning-default: #f9f0e500;
+    --dt-colors-background-field-warning-default-hover: #f9ebdb;
+    --dt-colors-background-field-warning-default-active: #f9e6d0;
+    --dt-colors-background-field-warning-emphasized: #f9f0e5;
+    --dt-colors-background-field-warning-emphasized-hover: #f9ebdb;
+    --dt-colors-background-field-warning-emphasized-active: #f9e6d0;
+    --dt-colors-background-field-warning-accent: #eea53c;
+    --dt-colors-background-field-warning-accent-hover: #ffb54f;
+    --dt-colors-background-field-warning-accent-active: #ffc76d;
+    --dt-colors-background-field-critical-disabled: #e4e5eb80;
+    --dt-colors-background-field-critical-default: #f8e1e100;
+    --dt-colors-background-field-critical-default-hover: #f6d6d5;
+    --dt-colors-background-field-critical-default-active: #f5cac9;
+    --dt-colors-background-field-critical-emphasized: #f8e1e1;
+    --dt-colors-background-field-critical-emphasized-hover: #f6d6d5;
+    --dt-colors-background-field-critical-emphasized-active: #f5cac9;
+    --dt-colors-background-field-critical-accent: #c62239;
+    --dt-colors-background-field-critical-accent-hover: #b4002b;
+    --dt-colors-background-field-critical-accent-active: #a2001d;
+    --dt-colors-border-neutral-disabled: #dadbe480;
+    --dt-colors-border-neutral-default: #dadbe4;
+    --dt-colors-border-neutral-default-hover: #d0d1dc;
+    --dt-colors-border-neutral-default-active: #c6c7d5;
+    --dt-colors-border-neutral-accent: #595a7d;
+    --dt-colors-border-neutral-accent-hover: #434465;
+    --dt-colors-border-neutral-accent-active: #2f2f4f;
     --dt-colors-border-neutral-on-accent-disabled: #f3f3f633;
     --dt-colors-border-neutral-on-accent-default: #f3f3f6;
     --dt-colors-border-neutral-on-accent-default-hover: #f3f3f6cc;
     --dt-colors-border-neutral-on-accent-default-active: #f3f3f699;
-    --dt-colors-border-primary-disabled: #d2d3e180;
-    --dt-colors-border-primary-default: #ccd3f3;
-    --dt-colors-border-primary-default-hover: #c3cbf1;
-    --dt-colors-border-primary-default-active: #b9c3f0;
-    --dt-colors-border-primary-accent: #454cc9;
-    --dt-colors-border-primary-accent-hover: #3332ae;
-    --dt-colors-border-primary-accent-active: #241193;
+    --dt-colors-border-primary-disabled: #dadbe480;
+    --dt-colors-border-primary-default: #d5dbf6;
+    --dt-colors-border-primary-default-hover: #c9d1f4;
+    --dt-colors-border-primary-default-active: #bdc7f2;
+    --dt-colors-border-primary-accent: #464cce;
+    --dt-colors-border-primary-accent-hover: #3431b3;
+    --dt-colors-border-primary-accent-active: #250f98;
     --dt-colors-border-primary-on-accent-disabled: #f4f4fb33;
     --dt-colors-border-primary-on-accent-default: #f4f4fb;
     --dt-colors-border-primary-on-accent-default-hover: #f4f4fbcc;
     --dt-colors-border-primary-on-accent-default-active: #f4f4fb99;
-    --dt-colors-border-success-disabled: #d2d3e180;
-    --dt-colors-border-success-default: #cad6d7;
-    --dt-colors-border-success-default-hover: #c0cfcf;
-    --dt-colors-border-success-default-active: #b7c8c7;
-    --dt-colors-border-success-accent: #2c6360;
-    --dt-colors-border-success-accent-hover: #124d4a;
-    --dt-colors-border-success-accent-active: #003735;
+    --dt-colors-border-success-disabled: #dadbe480;
+    --dt-colors-border-success-default: #d3dedd;
+    --dt-colors-border-success-default-hover: #c7d5d3;
+    --dt-colors-border-success-default-active: #bbccc9;
+    --dt-colors-border-success-accent: #2d6761;
+    --dt-colors-border-success-accent-hover: #12504b;
+    --dt-colors-border-success-accent-active: #003b36;
     --dt-colors-border-success-on-accent-disabled: #f1f4f433;
     --dt-colors-border-success-on-accent-default: #f1f4f4;
     --dt-colors-border-success-on-accent-default-hover: #f1f4f4cc;
     --dt-colors-border-success-on-accent-default-active: #f1f4f499;
-    --dt-colors-border-warning-disabled: #d2d3e180;
-    --dt-colors-border-warning-default: #f4e5d5;
-    --dt-colors-border-warning-default-hover: #f5e1cd;
-    --dt-colors-border-warning-default-active: #f5ddc4;
-    --dt-colors-border-warning-accent: #805100;
-    --dt-colors-border-warning-accent-hover: #683b00;
-    --dt-colors-border-warning-accent-active: #4d2800;
-    --dt-colors-border-warning-on-accent-disabled: #27202533;
-    --dt-colors-border-warning-on-accent-default: #272025;
-    --dt-colors-border-warning-on-accent-default-hover: #272025cc;
-    --dt-colors-border-warning-on-accent-default-active: #27202599;
-    --dt-colors-border-critical-disabled: #d2d3e180;
-    --dt-colors-border-critical-default: #f1cdcf;
-    --dt-colors-border-critical-default-hover: #f0c4c5;
-    --dt-colors-border-critical-default-active: #efbabb;
-    --dt-colors-border-critical-accent: #b80031;
-    --dt-colors-border-critical-accent-hover: #97001f;
-    --dt-colors-border-critical-accent-active: #720013;
+    --dt-colors-border-warning-disabled: #dadbe480;
+    --dt-colors-border-warning-default: #f9ebdb;
+    --dt-colors-border-warning-default-hover: #f9e6d0;
+    --dt-colors-border-warning-default-active: #f9e1c6;
+    --dt-colors-border-warning-accent: #855400;
+    --dt-colors-border-warning-accent-hover: #6d3d00;
+    --dt-colors-border-warning-accent-active: #512a00;
+    --dt-colors-border-warning-on-accent-disabled: #27202433;
+    --dt-colors-border-warning-on-accent-default: #272024;
+    --dt-colors-border-warning-on-accent-default-hover: #272024cc;
+    --dt-colors-border-warning-on-accent-default-active: #27202499;
+    --dt-colors-border-critical-disabled: #dadbe480;
+    --dt-colors-border-critical-default: #f6d6d5;
+    --dt-colors-border-critical-default-hover: #f5cac9;
+    --dt-colors-border-critical-default-active: #f3bebd;
+    --dt-colors-border-critical-accent: #bb0731;
+    --dt-colors-border-critical-accent-hover: #9b001e;
+    --dt-colors-border-critical-accent-active: #750013;
     --dt-colors-border-critical-on-accent-disabled: #f9f1f333;
     --dt-colors-border-critical-on-accent-default: #f9f1f3;
     --dt-colors-border-critical-on-accent-default-hover: #f9f1f3cc;
     --dt-colors-border-critical-on-accent-default-active: #f9f1f399;
-    --dt-colors-text-neutral-disabled: #54558780;
-    --dt-colors-text-neutral-subdued: #545587;
-    --dt-colors-text-neutral-subdued-hover: #3f3f6f;
-    --dt-colors-text-neutral-subdued-active: #2b2a58;
-    --dt-colors-text-neutral-default: #2b2a58;
-    --dt-colors-text-neutral-default-hover: #3f3f6f;
-    --dt-colors-text-neutral-default-active: #545587;
+    --dt-colors-text-neutral-disabled: #595a7d80;
+    --dt-colors-text-neutral-subdued: #595a7d;
+    --dt-colors-text-neutral-subdued-hover: #434465;
+    --dt-colors-text-neutral-subdued-active: #2f2f4f;
+    --dt-colors-text-neutral-default: #2f2f4f;
+    --dt-colors-text-neutral-default-hover: #434465;
+    --dt-colors-text-neutral-default-active: #595a7d;
     --dt-colors-text-neutral-on-accent-disabled: #f3f3f680;
     --dt-colors-text-neutral-on-accent-default: #f3f3f6;
     --dt-colors-text-neutral-on-accent-default-hover: #f3f3f6cc;
     --dt-colors-text-neutral-on-accent-default-active: #f3f3f699;
-    --dt-colors-text-primary-disabled: #54558780;
-    --dt-colors-text-primary-default: #454cc9;
-    --dt-colors-text-primary-default-hover: #3332ae;
-    --dt-colors-text-primary-default-active: #241193;
+    --dt-colors-text-primary-disabled: #595a7d80;
+    --dt-colors-text-primary-default: #464cce;
+    --dt-colors-text-primary-default-hover: #3431b3;
+    --dt-colors-text-primary-default-active: #250f98;
     --dt-colors-text-primary-on-accent-disabled: #f4f4fb80;
     --dt-colors-text-primary-on-accent-default: #f4f4fb;
     --dt-colors-text-primary-on-accent-default-hover: #f4f4fbcc;
     --dt-colors-text-primary-on-accent-default-active: #f4f4fb99;
-    --dt-colors-text-success-disabled: #54558780;
-    --dt-colors-text-success-default: #2c6360;
-    --dt-colors-text-success-default-hover: #124d4a;
-    --dt-colors-text-success-default-active: #003735;
+    --dt-colors-text-success-disabled: #595a7d80;
+    --dt-colors-text-success-default: #2d6761;
+    --dt-colors-text-success-default-hover: #12504b;
+    --dt-colors-text-success-default-active: #003b36;
     --dt-colors-text-success-on-accent-disabled: #f1f4f480;
     --dt-colors-text-success-on-accent-default: #f1f4f4;
     --dt-colors-text-success-on-accent-default-hover: #f1f4f4cc;
     --dt-colors-text-success-on-accent-default-active: #f1f4f499;
-    --dt-colors-text-warning-disabled: #54558780;
-    --dt-colors-text-warning-default: #805100;
-    --dt-colors-text-warning-default-hover: #683b00;
-    --dt-colors-text-warning-default-active: #4d2800;
-    --dt-colors-text-warning-on-accent-disabled: #27202580;
-    --dt-colors-text-warning-on-accent-default: #272025;
-    --dt-colors-text-warning-on-accent-default-hover: #272025cc;
-    --dt-colors-text-warning-on-accent-default-active: #27202599;
-    --dt-colors-text-critical-disabled: #54558780;
-    --dt-colors-text-critical-default: #b80031;
-    --dt-colors-text-critical-default-hover: #97001f;
-    --dt-colors-text-critical-default-active: #720013;
+    --dt-colors-text-warning-disabled: #595a7d80;
+    --dt-colors-text-warning-default: #855400;
+    --dt-colors-text-warning-default-hover: #6d3d00;
+    --dt-colors-text-warning-default-active: #512a00;
+    --dt-colors-text-warning-on-accent-disabled: #27202480;
+    --dt-colors-text-warning-on-accent-default: #272024;
+    --dt-colors-text-warning-on-accent-default-hover: #272024cc;
+    --dt-colors-text-warning-on-accent-default-active: #27202499;
+    --dt-colors-text-critical-disabled: #595a7d80;
+    --dt-colors-text-critical-default: #bb0731;
+    --dt-colors-text-critical-default-hover: #9b001e;
+    --dt-colors-text-critical-default-active: #750013;
     --dt-colors-text-critical-on-accent-disabled: #f9f1f380;
     --dt-colors-text-critical-on-accent-default: #f9f1f3;
     --dt-colors-text-critical-on-accent-default-hover: #f9f1f3cc;
     --dt-colors-text-critical-on-accent-default-active: #f9f1f399;
-    --dt-colors-icon-neutral-disabled: #54558780;
-    --dt-colors-icon-neutral-subdued: #545587;
-    --dt-colors-icon-neutral-subdued-hover: #3f3f6f;
-    --dt-colors-icon-neutral-subdued-active: #2b2a58;
-    --dt-colors-icon-neutral-default: #2b2a58;
-    --dt-colors-icon-neutral-default-hover: #3f3f6f;
-    --dt-colors-icon-neutral-default-active: #545587;
+    --dt-colors-icon-neutral-disabled: #595a7d80;
+    --dt-colors-icon-neutral-subdued: #595a7d;
+    --dt-colors-icon-neutral-subdued-hover: #434465;
+    --dt-colors-icon-neutral-subdued-active: #2f2f4f;
+    --dt-colors-icon-neutral-default: #2f2f4f;
+    --dt-colors-icon-neutral-default-hover: #434465;
+    --dt-colors-icon-neutral-default-active: #595a7d;
     --dt-colors-icon-neutral-on-accent-disabled: #f3f3f680;
     --dt-colors-icon-neutral-on-accent-default: #f3f3f6;
     --dt-colors-icon-neutral-on-accent-default-hover: #f3f3f6cc;
     --dt-colors-icon-neutral-on-accent-default-active: #f3f3f699;
-    --dt-colors-icon-primary-disabled: #54558780;
-    --dt-colors-icon-primary-default: #454cc9;
-    --dt-colors-icon-primary-default-hover: #3332ae;
-    --dt-colors-icon-primary-default-active: #241193;
+    --dt-colors-icon-primary-disabled: #595a7d80;
+    --dt-colors-icon-primary-default: #464cce;
+    --dt-colors-icon-primary-default-hover: #3431b3;
+    --dt-colors-icon-primary-default-active: #250f98;
     --dt-colors-icon-primary-on-accent-disabled: #f4f4fb80;
     --dt-colors-icon-primary-on-accent-default: #f4f4fb;
     --dt-colors-icon-primary-on-accent-default-hover: #f4f4fbcc;
     --dt-colors-icon-primary-on-accent-default-active: #f4f4fb99;
-    --dt-colors-icon-success-disabled: #54558780;
-    --dt-colors-icon-success-default: #2c6360;
-    --dt-colors-icon-success-default-hover: #124d4a;
-    --dt-colors-icon-success-default-active: #003735;
+    --dt-colors-icon-success-disabled: #595a7d80;
+    --dt-colors-icon-success-default: #2d6761;
+    --dt-colors-icon-success-default-hover: #12504b;
+    --dt-colors-icon-success-default-active: #003b36;
     --dt-colors-icon-success-on-accent-disabled: #f1f4f480;
     --dt-colors-icon-success-on-accent-default: #f1f4f4;
     --dt-colors-icon-success-on-accent-default-hover: #f1f4f4cc;
     --dt-colors-icon-success-on-accent-default-active: #f1f4f499;
-    --dt-colors-icon-warning-disabled: #54558780;
-    --dt-colors-icon-warning-default: #805100;
-    --dt-colors-icon-warning-default-hover: #683b00;
-    --dt-colors-icon-warning-default-active: #4d2800;
-    --dt-colors-icon-warning-on-accent-disabled: #27202580;
-    --dt-colors-icon-warning-on-accent-default: #272025;
-    --dt-colors-icon-warning-on-accent-default-hover: #272025cc;
-    --dt-colors-icon-warning-on-accent-default-active: #27202599;
-    --dt-colors-icon-critical-disabled: #54558780;
-    --dt-colors-icon-critical-default: #b80031;
-    --dt-colors-icon-critical-default-hover: #97001f;
-    --dt-colors-icon-critical-default-active: #720013;
+    --dt-colors-icon-warning-disabled: #595a7d80;
+    --dt-colors-icon-warning-default: #855400;
+    --dt-colors-icon-warning-default-hover: #6d3d00;
+    --dt-colors-icon-warning-default-active: #512a00;
+    --dt-colors-icon-warning-on-accent-disabled: #27202480;
+    --dt-colors-icon-warning-on-accent-default: #272024;
+    --dt-colors-icon-warning-on-accent-default-hover: #272024cc;
+    --dt-colors-icon-warning-on-accent-default-active: #27202499;
+    --dt-colors-icon-critical-disabled: #595a7d80;
+    --dt-colors-icon-critical-default: #bb0731;
+    --dt-colors-icon-critical-default-hover: #9b001e;
+    --dt-colors-icon-critical-default-active: #750013;
     --dt-colors-icon-critical-on-accent-disabled: #f9f1f380;
     --dt-colors-icon-critical-on-accent-default: #f9f1f3;
     --dt-colors-icon-critical-on-accent-default-hover: #f9f1f3cc;
@@ -1990,11 +1990,11 @@ body {
     --dt-colors-syntax-tag: #b30926;
     --dt-colors-syntax-operators: #8136a9;
     --dt-colors-syntax-boolean: #973f00;
-    --dt-colors-charts-status-ideal-default: #2f6863;
-    --dt-colors-charts-status-good-default: #474ecf;
-    --dt-colors-charts-status-neutral-default: #5a5b8c;
-    --dt-colors-charts-status-warning-default: #eca440;
-    --dt-colors-charts-status-critical-default: #c4233b;
+    --dt-colors-charts-status-ideal-default: #2f6862;
+    --dt-colors-charts-status-good-default: #474fcf;
+    --dt-colors-charts-status-neutral-default: #5b5c81;
+    --dt-colors-charts-status-warning-default: #eea53c;
+    --dt-colors-charts-status-critical-default: #c62239;
     --dt-colors-charts-categorical-color-01-default: #134fc9;
     --dt-colors-charts-categorical-color-02-default: #2c2f3f;
     --dt-colors-charts-categorical-color-03-default: #2a7453;
@@ -2522,7 +2522,7 @@ body {
 }
 @supports (-moz-appearance:none) {
   html, body {
-    scrollbar-color: var(--dt-colors-background-field-neutral-emphasized, #dadbe7) var(--dt-colors-background-base-default, #f3f3f7);
+    scrollbar-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb) var(--dt-colors-background-base-default, #f9f9fa);
     scrollbar-width: thin;
   }
 }