@aivenio/aquarium 1.74.0 → 1.76.0

package/dist/styles.css

@@ -419,91 +419,91 @@ img,video {
   --aquarium-elevations-8dp: 0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16);
   --aquarium-elevations-16dp: 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12);
   --aquarium-elevations-24dp: 0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08);
-  --aquarium-box-shadow-white-inset: inset 0 0 0 3px rgba(255,255,255,1);
-  --aquarium-colors-primary-100: #0e1652;
-  --aquarium-colors-primary-90: #222f95;
-  --aquarium-colors-primary-80: #3545be;
-  --aquarium-colors-primary-70: #5865cd;
-  --aquarium-colors-primary-60: #818eec;
-  --aquarium-colors-primary-50: #9daaee;
-  --aquarium-colors-primary-40: #b9c5ef;
-  --aquarium-colors-primary-30: #c7d1f4;
-  --aquarium-colors-primary-20: #d5ddfa;
-  --aquarium-colors-primary-10: #e3e9ff;
-  --aquarium-colors-primary-5: #f3f6ff;
-  --aquarium-colors-primary-0: #ffffff;
-  --aquarium-colors-secondary-100: #e11d16;
-  --aquarium-colors-secondary-90: #eb4610;
-  --aquarium-colors-secondary-80: #f3580d;
-  --aquarium-colors-secondary-70: #f96a02;
-  --aquarium-colors-secondary-60: #ff7700;
-  --aquarium-colors-secondary-50: #fc871a;
-  --aquarium-colors-secondary-40: #fb9a3e;
-  --aquarium-colors-secondary-30: #fab26e;
-  --aquarium-colors-secondary-20: #f8c99c;
-  --aquarium-colors-secondary-10: #fee8d0;
-  --aquarium-colors-secondary-5: #fff3e8;
-  --aquarium-colors-secondary-0: #fffbf8;
-  --aquarium-colors-grey-100: #19191d;
-  --aquarium-colors-grey-90: #292a31;
-  --aquarium-colors-grey-80: #3a3a44;
-  --aquarium-colors-grey-70: #4a4b57;
-  --aquarium-colors-grey-60: #5a5b6a;
-  --aquarium-colors-grey-50: #787885;
-  --aquarium-colors-grey-40: #9696a0;
-  --aquarium-colors-grey-30: #b4b4bb;
-  --aquarium-colors-grey-20: #d2d2d6;
-  --aquarium-colors-grey-10: #e1e1e3;
-  --aquarium-colors-grey-5: #ededf0;
-  --aquarium-colors-grey-0: #f7f7fa;
-  --aquarium-colors-info-100: #02569a;
-  --aquarium-colors-info-90: #0174ba;
-  --aquarium-colors-info-80: #0788d1;
-  --aquarium-colors-info-70: #0399e3;
-  --aquarium-colors-info-60: #02a8f3;
-  --aquarium-colors-info-50: #28b4f4;
-  --aquarium-colors-info-40: #4cc2f7;
-  --aquarium-colors-info-30: #7fd1f7;
-  --aquarium-colors-info-20: #b4e5fb;
-  --aquarium-colors-info-10: #e0f5fe;
-  --aquarium-colors-info-5: #effaff;
-  --aquarium-colors-info-0: #f9fdff;
-  --aquarium-colors-success-100: #006f00;
-  --aquarium-colors-success-90: #008e00;
-  --aquarium-colors-success-80: #009f00;
-  --aquarium-colors-success-70: #00b300;
-  --aquarium-colors-success-60: #00c300;
-  --aquarium-colors-success-50: #40ce37;
-  --aquarium-colors-success-40: #60db57;
-  --aquarium-colors-success-30: #89eb80;
-  --aquarium-colors-success-20: #afffa7;
-  --aquarium-colors-success-10: #cbffc9;
-  --aquarium-colors-success-5: #ecf7ed;
-  --aquarium-colors-success-0: #f5faf5;
-  --aquarium-colors-warning-100: #fe6d00;
-  --aquarium-colors-warning-90: #ff9003;
-  --aquarium-colors-warning-80: #fd9f00;
-  --aquarium-colors-warning-70: #ffb300;
-  --aquarium-colors-warning-60: #ffc107;
-  --aquarium-colors-warning-50: #fdc926;
-  --aquarium-colors-warning-40: #fdd44d;
-  --aquarium-colors-warning-30: #fddf81;
-  --aquarium-colors-warning-20: #feebb2;
-  --aquarium-colors-warning-10: #fff2cd;
-  --aquarium-colors-warning-5: #fff8ea;
-  --aquarium-colors-warning-0: #fffdf9;
-  --aquarium-colors-error-100: #aa0000;
-  --aquarium-colors-error-90: #b90000;
-  --aquarium-colors-error-80: #c50001;
-  --aquarium-colors-error-70: #d80005;
-  --aquarium-colors-error-60: #e70000;
-  --aquarium-colors-error-50: #e62728;
-  --aquarium-colors-error-40: #e0504f;
-  --aquarium-colors-error-30: #ed7975;
-  --aquarium-colors-error-20: #ffadb3;
-  --aquarium-colors-error-10: #ffcbd2;
-  --aquarium-colors-error-5: #fee8e7;
-  --aquarium-colors-error-0: #fef2f1;
+  --aquarium-box-shadow-body-inset: inset 0 0 0 3px var(--aquarium-background-color-body);
+  --aquarium-colors-primary-100: rgba(14,22,82,1);
+  --aquarium-colors-primary-90: rgba(34,47,149,1);
+  --aquarium-colors-primary-80: rgba(53,69,190,1);
+  --aquarium-colors-primary-70: rgba(88,101,205,1);
+  --aquarium-colors-primary-60: rgba(129,142,236,1);
+  --aquarium-colors-primary-50: rgba(157,170,238,1);
+  --aquarium-colors-primary-40: rgba(185,197,239,1);
+  --aquarium-colors-primary-30: rgba(199,209,244,1);
+  --aquarium-colors-primary-20: rgba(213,221,250,1);
+  --aquarium-colors-primary-10: rgba(227,233,255,1);
+  --aquarium-colors-primary-5: rgba(243,246,255,1);
+  --aquarium-colors-primary-0: rgba(255,255,255,1);
+  --aquarium-colors-secondary-100: rgba(225,29,22,1);
+  --aquarium-colors-secondary-90: rgba(235,70,16,1);
+  --aquarium-colors-secondary-80: rgba(243,88,13,1);
+  --aquarium-colors-secondary-70: rgba(249,106,2,1);
+  --aquarium-colors-secondary-60: rgba(255,119,0,1);
+  --aquarium-colors-secondary-50: rgba(252,135,26,1);
+  --aquarium-colors-secondary-40: rgba(251,154,62,1);
+  --aquarium-colors-secondary-30: rgba(250,178,110,1);
+  --aquarium-colors-secondary-20: rgba(248,201,156,1);
+  --aquarium-colors-secondary-10: rgba(254,232,208,1);
+  --aquarium-colors-secondary-5: rgba(255,243,232,1);
+  --aquarium-colors-secondary-0: rgba(255,251,248,1);
+  --aquarium-colors-grey-100: rgba(25,25,29,1);
+  --aquarium-colors-grey-90: rgba(41,42,49,1);
+  --aquarium-colors-grey-80: rgba(58,58,68,1);
+  --aquarium-colors-grey-70: rgba(74,75,87,1);
+  --aquarium-colors-grey-60: rgba(90,91,106,1);
+  --aquarium-colors-grey-50: rgba(120,120,133,1);
+  --aquarium-colors-grey-40: rgba(150,150,160,1);
+  --aquarium-colors-grey-30: rgba(180,180,187,1);
+  --aquarium-colors-grey-20: rgba(210,210,214,1);
+  --aquarium-colors-grey-10: rgba(225,225,227,1);
+  --aquarium-colors-grey-5: rgba(237,237,240,1);
+  --aquarium-colors-grey-0: rgba(247,247,250,1);
+  --aquarium-colors-info-100: rgba(2,86,154,1);
+  --aquarium-colors-info-90: rgba(1,116,186,1);
+  --aquarium-colors-info-80: rgba(7,136,209,1);
+  --aquarium-colors-info-70: rgba(3,153,227,1);
+  --aquarium-colors-info-60: rgba(2,168,243,1);
+  --aquarium-colors-info-50: rgba(40,180,244,1);
+  --aquarium-colors-info-40: rgba(76,194,247,1);
+  --aquarium-colors-info-30: rgba(127,209,247,1);
+  --aquarium-colors-info-20: rgba(180,229,251,1);
+  --aquarium-colors-info-10: rgba(224,245,254,1);
+  --aquarium-colors-info-5: rgba(239,250,255,1);
+  --aquarium-colors-info-0: rgba(249,253,255,1);
+  --aquarium-colors-success-100: rgba(0,111,0,1);
+  --aquarium-colors-success-90: rgba(0,142,0,1);
+  --aquarium-colors-success-80: rgba(0,159,0,1);
+  --aquarium-colors-success-70: rgba(0,179,0,1);
+  --aquarium-colors-success-60: rgba(0,195,0,1);
+  --aquarium-colors-success-50: rgba(64,206,55,1);
+  --aquarium-colors-success-40: rgba(96,219,87,1);
+  --aquarium-colors-success-30: rgba(137,235,128,1);
+  --aquarium-colors-success-20: rgba(175,255,167,1);
+  --aquarium-colors-success-10: rgba(203,255,201,1);
+  --aquarium-colors-success-5: rgba(236,247,237,1);
+  --aquarium-colors-success-0: rgba(245,250,245,1);
+  --aquarium-colors-warning-100: rgba(254,109,0,1);
+  --aquarium-colors-warning-90: rgba(255,144,3,1);
+  --aquarium-colors-warning-80: rgba(253,159,0,1);
+  --aquarium-colors-warning-70: rgba(255,179,0,1);
+  --aquarium-colors-warning-60: rgba(255,193,7,1);
+  --aquarium-colors-warning-50: rgba(253,201,38,1);
+  --aquarium-colors-warning-40: rgba(253,212,77,1);
+  --aquarium-colors-warning-30: rgba(253,223,129,1);
+  --aquarium-colors-warning-20: rgba(254,235,178,1);
+  --aquarium-colors-warning-10: rgba(255,242,205,1);
+  --aquarium-colors-warning-5: rgba(255,248,234,1);
+  --aquarium-colors-warning-0: rgba(255,253,249,1);
+  --aquarium-colors-error-100: rgba(170,0,0,1);
+  --aquarium-colors-error-90: rgba(185,0,0,1);
+  --aquarium-colors-error-80: rgba(197,0,1,1);
+  --aquarium-colors-error-70: rgba(216,0,5,1);
+  --aquarium-colors-error-60: rgba(231,0,0,1);
+  --aquarium-colors-error-50: rgba(230,39,40,1);
+  --aquarium-colors-error-40: rgba(224,80,79,1);
+  --aquarium-colors-error-30: rgba(237,121,117,1);
+  --aquarium-colors-error-20: rgba(255,173,179,1);
+  --aquarium-colors-error-10: rgba(255,203,210,1);
+  --aquarium-colors-error-5: rgba(254,232,231,1);
+  --aquarium-colors-error-0: rgba(254,242,241,1);
   --aquarium-colors-current: currentColor;
   --aquarium-colors-transparent: transparent;
   --aquarium-colors-black: black;
@@ -568,6 +568,7 @@ img,video {
   --aquarium-text-color-primary-muted: var(--aquarium-colors-primary-60);
   --aquarium-text-color-primary-active: var(--aquarium-colors-primary-90);
   --aquarium-text-color-primary-inactive: var(--aquarium-colors-primary-40);
+  --aquarium-text-color-opposite-default: var(--aquarium-colors-white);
   --aquarium-text-color-intense: var(--aquarium-colors-grey-90);
   --aquarium-text-color-default: var(--aquarium-colors-grey-70);
   --aquarium-text-color-muted: var(--aquarium-colors-grey-50);
@@ -628,7 +629,7 @@ input[type='number'].no-arrows {
 }
 .recharts-cartesian-axis-tick-value,.recharts-label{
   font: normal 400 12px/1.26 Inter;
-  fill: #787885;
+  fill: rgba(120,120,133,1);
   fill: var(--aquarium-colors-grey-50);
 }
 .recharts-label{
@@ -639,7 +640,7 @@ input[type='number'].no-arrows {
 }
 .recharts-tooltip-wrapper{
   font: normal 400 16px/1.5 Inter;
-  color: #4a4b57;
+  color: rgba(74,75,87,1);
   color: var(--aquarium-text-color-default);
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -664,7 +665,7 @@ input[type='number'].no-arrows {
   height: 14px;
 }
 .recharts-tooltip-item>span{
-  color: #4a4b57;
+  color: rgba(74,75,87,1);
   color: var(--aquarium-text-color-default);
 }
 .recharts-tooltip-item-name{
@@ -689,7 +690,7 @@ input[type='number'].no-arrows {
 .recharts-legend-item-text{
   margin-left: 2px;
   margin-right: 0px !important;
-  color: #4a4b57 !important;
+  color: rgba(74,75,87,1) !important;
   color: var(--aquarium-text-color-default) !important;
 }
 .recharts-sector.inactive,.recharts-rectangle.inactive{
@@ -1508,7 +1509,7 @@ input[type='number'].no-arrows {
   border-left-width: calc(var(--aquarium-border-width-default) * calc(1 - var(--tw-divide-x-reverse)));
 }
 .divide-grey-20>:not([hidden])~:not([hidden]){
-  border-color: #d2d2d6;
+  border-color: rgba(210,210,214,1);
   border-color: var(--aquarium-colors-grey-20);
 }
 .self-start{
@@ -1629,411 +1630,411 @@ input[type='number'].no-arrows {
   border-color: var(--aquarium-colors-current);
 }
 .border-error-0{
-  border-color: #fef2f1;
+  border-color: rgba(254,242,241,1);
   border-color: var(--aquarium-colors-error-0);
 }
 .border-error-5{
-  border-color: #fee8e7;
+  border-color: rgba(254,232,231,1);
   border-color: var(--aquarium-colors-error-5);
 }
 .border-error-10{
-  border-color: #ffcbd2;
+  border-color: rgba(255,203,210,1);
   border-color: var(--aquarium-colors-error-10);
 }
 .border-error-20{
-  border-color: #ffadb3;
+  border-color: rgba(255,173,179,1);
   border-color: var(--aquarium-colors-error-20);
 }
 .border-error-30{
-  border-color: #ed7975;
+  border-color: rgba(237,121,117,1);
   border-color: var(--aquarium-colors-error-30);
 }
 .border-error-40{
-  border-color: #e0504f;
+  border-color: rgba(224,80,79,1);
   border-color: var(--aquarium-colors-error-40);
 }
 .border-error-50{
-  border-color: #e62728;
+  border-color: rgba(230,39,40,1);
   border-color: var(--aquarium-colors-error-50);
 }
 .border-error-60{
-  border-color: #e70000;
+  border-color: rgba(231,0,0,1);
   border-color: var(--aquarium-colors-error-60);
 }
 .border-error-70{
-  border-color: #d80005;
+  border-color: rgba(216,0,5,1);
   border-color: var(--aquarium-colors-error-70);
 }
 .border-error-80{
-  border-color: #c50001;
+  border-color: rgba(197,0,1,1);
   border-color: var(--aquarium-colors-error-80);
 }
 .border-error-90{
-  border-color: #b90000;
+  border-color: rgba(185,0,0,1);
   border-color: var(--aquarium-colors-error-90);
 }
 .border-error-100{
-  border-color: #aa0000;
+  border-color: rgba(170,0,0,1);
   border-color: var(--aquarium-colors-error-100);
 }
 .border-warning-0{
-  border-color: #fffdf9;
+  border-color: rgba(255,253,249,1);
   border-color: var(--aquarium-colors-warning-0);
 }
 .border-warning-5{
-  border-color: #fff8ea;
+  border-color: rgba(255,248,234,1);
   border-color: var(--aquarium-colors-warning-5);
 }
 .border-warning-10{
-  border-color: #fff2cd;
+  border-color: rgba(255,242,205,1);
   border-color: var(--aquarium-colors-warning-10);
 }
 .border-warning-20{
-  border-color: #feebb2;
+  border-color: rgba(254,235,178,1);
   border-color: var(--aquarium-colors-warning-20);
 }
 .border-warning-30{
-  border-color: #fddf81;
+  border-color: rgba(253,223,129,1);
   border-color: var(--aquarium-colors-warning-30);
 }
 .border-warning-40{
-  border-color: #fdd44d;
+  border-color: rgba(253,212,77,1);
   border-color: var(--aquarium-colors-warning-40);
 }
 .border-warning-50{
-  border-color: #fdc926;
+  border-color: rgba(253,201,38,1);
   border-color: var(--aquarium-colors-warning-50);
 }
 .border-warning-60{
-  border-color: #ffc107;
+  border-color: rgba(255,193,7,1);
   border-color: var(--aquarium-colors-warning-60);
 }
 .border-warning-70{
-  border-color: #ffb300;
+  border-color: rgba(255,179,0,1);
   border-color: var(--aquarium-colors-warning-70);
 }
 .border-warning-80{
-  border-color: #fd9f00;
+  border-color: rgba(253,159,0,1);
   border-color: var(--aquarium-colors-warning-80);
 }
 .border-warning-90{
-  border-color: #ff9003;
+  border-color: rgba(255,144,3,1);
   border-color: var(--aquarium-colors-warning-90);
 }
 .border-warning-100{
-  border-color: #fe6d00;
+  border-color: rgba(254,109,0,1);
   border-color: var(--aquarium-colors-warning-100);
 }
 .border-success-0{
-  border-color: #f5faf5;
+  border-color: rgba(245,250,245,1);
   border-color: var(--aquarium-colors-success-0);
 }
 .border-success-5{
-  border-color: #ecf7ed;
+  border-color: rgba(236,247,237,1);
   border-color: var(--aquarium-colors-success-5);
 }
 .border-success-10{
-  border-color: #cbffc9;
+  border-color: rgba(203,255,201,1);
   border-color: var(--aquarium-colors-success-10);
 }
 .border-success-20{
-  border-color: #afffa7;
+  border-color: rgba(175,255,167,1);
   border-color: var(--aquarium-colors-success-20);
 }
 .border-success-30{
-  border-color: #89eb80;
+  border-color: rgba(137,235,128,1);
   border-color: var(--aquarium-colors-success-30);
 }
 .border-success-40{
-  border-color: #60db57;
+  border-color: rgba(96,219,87,1);
   border-color: var(--aquarium-colors-success-40);
 }
 .border-success-50{
-  border-color: #40ce37;
+  border-color: rgba(64,206,55,1);
   border-color: var(--aquarium-colors-success-50);
 }
 .border-success-60{
-  border-color: #00c300;
+  border-color: rgba(0,195,0,1);
   border-color: var(--aquarium-colors-success-60);
 }
 .border-success-70{
-  border-color: #00b300;
+  border-color: rgba(0,179,0,1);
   border-color: var(--aquarium-colors-success-70);
 }
 .border-success-80{
-  border-color: #009f00;
+  border-color: rgba(0,159,0,1);
   border-color: var(--aquarium-colors-success-80);
 }
 .border-success-90{
-  border-color: #008e00;
+  border-color: rgba(0,142,0,1);
   border-color: var(--aquarium-colors-success-90);
 }
 .border-success-100{
-  border-color: #006f00;
+  border-color: rgba(0,111,0,1);
   border-color: var(--aquarium-colors-success-100);
 }
 .border-info-0{
-  border-color: #f9fdff;
+  border-color: rgba(249,253,255,1);
   border-color: var(--aquarium-colors-info-0);
 }
 .border-info-5{
-  border-color: #effaff;
+  border-color: rgba(239,250,255,1);
   border-color: var(--aquarium-colors-info-5);
 }
 .border-info-10{
-  border-color: #e0f5fe;
+  border-color: rgba(224,245,254,1);
   border-color: var(--aquarium-colors-info-10);
 }
 .border-info-20{
-  border-color: #b4e5fb;
+  border-color: rgba(180,229,251,1);
   border-color: var(--aquarium-colors-info-20);
 }
 .border-info-30{
-  border-color: #7fd1f7;
+  border-color: rgba(127,209,247,1);
   border-color: var(--aquarium-colors-info-30);
 }
 .border-info-40{
-  border-color: #4cc2f7;
+  border-color: rgba(76,194,247,1);
   border-color: var(--aquarium-colors-info-40);
 }
 .border-info-50{
-  border-color: #28b4f4;
+  border-color: rgba(40,180,244,1);
   border-color: var(--aquarium-colors-info-50);
 }
 .border-info-60{
-  border-color: #02a8f3;
+  border-color: rgba(2,168,243,1);
   border-color: var(--aquarium-colors-info-60);
 }
 .border-info-70{
-  border-color: #0399e3;
+  border-color: rgba(3,153,227,1);
   border-color: var(--aquarium-colors-info-70);
 }
 .border-info-80{
-  border-color: #0788d1;
+  border-color: rgba(7,136,209,1);
   border-color: var(--aquarium-colors-info-80);
 }
 .border-info-90{
-  border-color: #0174ba;
+  border-color: rgba(1,116,186,1);
   border-color: var(--aquarium-colors-info-90);
 }
 .border-info-100{
-  border-color: #02569a;
+  border-color: rgba(2,86,154,1);
   border-color: var(--aquarium-colors-info-100);
 }
 .border-grey-0{
-  border-color: #f7f7fa;
+  border-color: rgba(247,247,250,1);
   border-color: var(--aquarium-colors-grey-0);
 }
 .border-grey-5{
-  border-color: #ededf0;
+  border-color: rgba(237,237,240,1);
   border-color: var(--aquarium-colors-grey-5);
 }
 .border-grey-10{
-  border-color: #e1e1e3;
+  border-color: rgba(225,225,227,1);
   border-color: var(--aquarium-colors-grey-10);
 }
 .border-grey-20{
-  border-color: #d2d2d6;
+  border-color: rgba(210,210,214,1);
   border-color: var(--aquarium-colors-grey-20);
 }
 .border-grey-30{
-  border-color: #b4b4bb;
+  border-color: rgba(180,180,187,1);
   border-color: var(--aquarium-colors-grey-30);
 }
 .border-grey-40{
-  border-color: #9696a0;
+  border-color: rgba(150,150,160,1);
   border-color: var(--aquarium-colors-grey-40);
 }
 .border-grey-50{
-  border-color: #787885;
+  border-color: rgba(120,120,133,1);
   border-color: var(--aquarium-colors-grey-50);
 }
 .border-grey-60{
-  border-color: #5a5b6a;
+  border-color: rgba(90,91,106,1);
   border-color: var(--aquarium-colors-grey-60);
 }
 .border-grey-70{
-  border-color: #4a4b57;
+  border-color: rgba(74,75,87,1);
   border-color: var(--aquarium-colors-grey-70);
 }
 .border-grey-80{
-  border-color: #3a3a44;
+  border-color: rgba(58,58,68,1);
   border-color: var(--aquarium-colors-grey-80);
 }
 .border-grey-90{
-  border-color: #292a31;
+  border-color: rgba(41,42,49,1);
   border-color: var(--aquarium-colors-grey-90);
 }
 .border-grey-100{
-  border-color: #19191d;
+  border-color: rgba(25,25,29,1);
   border-color: var(--aquarium-colors-grey-100);
 }
 .border-secondary-0{
-  border-color: #fffbf8;
+  border-color: rgba(255,251,248,1);
   border-color: var(--aquarium-colors-secondary-0);
 }
 .border-secondary-5{
-  border-color: #fff3e8;
+  border-color: rgba(255,243,232,1);
   border-color: var(--aquarium-colors-secondary-5);
 }
 .border-secondary-10{
-  border-color: #fee8d0;
+  border-color: rgba(254,232,208,1);
   border-color: var(--aquarium-colors-secondary-10);
 }
 .border-secondary-20{
-  border-color: #f8c99c;
+  border-color: rgba(248,201,156,1);
   border-color: var(--aquarium-colors-secondary-20);
 }
 .border-secondary-30{
-  border-color: #fab26e;
+  border-color: rgba(250,178,110,1);
   border-color: var(--aquarium-colors-secondary-30);
 }
 .border-secondary-40{
-  border-color: #fb9a3e;
+  border-color: rgba(251,154,62,1);
   border-color: var(--aquarium-colors-secondary-40);
 }
 .border-secondary-50{
-  border-color: #fc871a;
+  border-color: rgba(252,135,26,1);
   border-color: var(--aquarium-colors-secondary-50);
 }
 .border-secondary-60{
-  border-color: #ff7700;
+  border-color: rgba(255,119,0,1);
   border-color: var(--aquarium-colors-secondary-60);
 }
 .border-secondary-70{
-  border-color: #f96a02;
+  border-color: rgba(249,106,2,1);
   border-color: var(--aquarium-colors-secondary-70);
 }
 .border-secondary-80{
-  border-color: #f3580d;
+  border-color: rgba(243,88,13,1);
   border-color: var(--aquarium-colors-secondary-80);
 }
 .border-secondary-90{
-  border-color: #eb4610;
+  border-color: rgba(235,70,16,1);
   border-color: var(--aquarium-colors-secondary-90);
 }
 .border-secondary-100{
-  border-color: #e11d16;
+  border-color: rgba(225,29,22,1);
   border-color: var(--aquarium-colors-secondary-100);
 }
 .border-primary-0{
-  border-color: #ffffff;
+  border-color: rgba(255,255,255,1);
   border-color: var(--aquarium-colors-primary-0);
 }
 .border-primary-5{
-  border-color: #f3f6ff;
+  border-color: rgba(243,246,255,1);
   border-color: var(--aquarium-colors-primary-5);
 }
 .border-primary-10{
-  border-color: #e3e9ff;
+  border-color: rgba(227,233,255,1);
   border-color: var(--aquarium-colors-primary-10);
 }
 .border-primary-20{
-  border-color: #d5ddfa;
+  border-color: rgba(213,221,250,1);
   border-color: var(--aquarium-colors-primary-20);
 }
 .border-primary-30{
-  border-color: #c7d1f4;
+  border-color: rgba(199,209,244,1);
   border-color: var(--aquarium-colors-primary-30);
 }
 .border-primary-40{
-  border-color: #b9c5ef;
+  border-color: rgba(185,197,239,1);
   border-color: var(--aquarium-colors-primary-40);
 }
 .border-primary-50{
-  border-color: #9daaee;
+  border-color: rgba(157,170,238,1);
   border-color: var(--aquarium-colors-primary-50);
 }
 .border-primary-60{
-  border-color: #818eec;
+  border-color: rgba(129,142,236,1);
   border-color: var(--aquarium-colors-primary-60);
 }
 .border-primary-70{
-  border-color: #5865cd;
+  border-color: rgba(88,101,205,1);
   border-color: var(--aquarium-colors-primary-70);
 }
 .border-primary-80{
-  border-color: #3545be;
+  border-color: rgba(53,69,190,1);
   border-color: var(--aquarium-colors-primary-80);
 }
 .border-primary-90{
-  border-color: #222f95;
+  border-color: rgba(34,47,149,1);
   border-color: var(--aquarium-colors-primary-90);
 }
 .border-primary-100{
-  border-color: #0e1652;
+  border-color: rgba(14,22,82,1);
   border-color: var(--aquarium-colors-primary-100);
 }
 .border-muted{
-  border-color: #ededf0;
+  border-color: rgba(237,237,240,1);
   border-color: var(--aquarium-border-color-muted);
 }
 .border-default{
-  border-color: #d2d2d6;
+  border-color: rgba(210,210,214,1);
   border-color: var(--aquarium-border-color-default);
 }
 .border-intense{
-  border-color: #787885;
+  border-color: rgba(120,120,133,1);
   border-color: var(--aquarium-border-color-intense);
 }
 .border-primary-muted{
-  border-color: #818eec;
+  border-color: rgba(129,142,236,1);
   border-color: var(--aquarium-border-color-primary-muted);
 }
 .border-primary-default{
-  border-color: #3545be;
+  border-color: rgba(53,69,190,1);
   border-color: var(--aquarium-border-color-primary-default);
 }
 .border-primary-intense{
-  border-color: #0e1652;
+  border-color: rgba(14,22,82,1);
   border-color: var(--aquarium-border-color-primary-intense);
 }
 .border-info-muted{
-  border-color: #28b4f4;
+  border-color: rgba(40,180,244,1);
   border-color: var(--aquarium-border-color-info-muted);
 }
 .border-info-default{
-  border-color: #0399e3;
+  border-color: rgba(3,153,227,1);
   border-color: var(--aquarium-border-color-info-default);
 }
 .border-info-intense{
-  border-color: #0174ba;
+  border-color: rgba(1,116,186,1);
   border-color: var(--aquarium-border-color-info-intense);
 }
 .border-success-muted{
-  border-color: #cbffc9;
+  border-color: rgba(203,255,201,1);
   border-color: var(--aquarium-border-color-success-muted);
 }
 .border-success-default{
-  border-color: #60db57;
+  border-color: rgba(96,219,87,1);
   border-color: var(--aquarium-border-color-success-default);
 }
 .border-success-intense{
-  border-color: #00b300;
+  border-color: rgba(0,179,0,1);
   border-color: var(--aquarium-border-color-success-intense);
 }
 .border-warning-muted{
-  border-color: #feebb2;
+  border-color: rgba(254,235,178,1);
   border-color: var(--aquarium-border-color-warning-muted);
 }
 .border-warning-default{
-  border-color: #ffb300;
+  border-color: rgba(255,179,0,1);
   border-color: var(--aquarium-border-color-warning-default);
 }
 .border-warning-intense{
-  border-color: #ff9003;
+  border-color: rgba(255,144,3,1);
   border-color: var(--aquarium-border-color-warning-intense);
 }
 .border-danger-muted{
-  border-color: #ffcbd2;
+  border-color: rgba(255,203,210,1);
   border-color: var(--aquarium-border-color-danger-muted);
 }
 .border-danger-default{
-  border-color: #e62728;
+  border-color: rgba(230,39,40,1);
   border-color: var(--aquarium-border-color-danger-default);
 }
 .border-danger-intense{
-  border-color: #c50001;
+  border-color: rgba(197,0,1,1);
   border-color: var(--aquarium-border-color-danger-intense);
 }
 .bg-white{
@@ -2053,339 +2054,339 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-colors-current);
 }
 .bg-error-0{
-  background-color: #fef2f1;
+  background-color: rgba(254,242,241,1);
   background-color: var(--aquarium-colors-error-0);
 }
 .bg-error-5{
-  background-color: #fee8e7;
+  background-color: rgba(254,232,231,1);
   background-color: var(--aquarium-colors-error-5);
 }
 .bg-error-10{
-  background-color: #ffcbd2;
+  background-color: rgba(255,203,210,1);
   background-color: var(--aquarium-colors-error-10);
 }
 .bg-error-20{
-  background-color: #ffadb3;
+  background-color: rgba(255,173,179,1);
   background-color: var(--aquarium-colors-error-20);
 }
 .bg-error-30{
-  background-color: #ed7975;
+  background-color: rgba(237,121,117,1);
   background-color: var(--aquarium-colors-error-30);
 }
 .bg-error-40{
-  background-color: #e0504f;
+  background-color: rgba(224,80,79,1);
   background-color: var(--aquarium-colors-error-40);
 }
 .bg-error-50{
-  background-color: #e62728;
+  background-color: rgba(230,39,40,1);
   background-color: var(--aquarium-colors-error-50);
 }
 .bg-error-60{
-  background-color: #e70000;
+  background-color: rgba(231,0,0,1);
   background-color: var(--aquarium-colors-error-60);
 }
 .bg-error-70{
-  background-color: #d80005;
+  background-color: rgba(216,0,5,1);
   background-color: var(--aquarium-colors-error-70);
 }
 .bg-error-80{
-  background-color: #c50001;
+  background-color: rgba(197,0,1,1);
   background-color: var(--aquarium-colors-error-80);
 }
 .bg-error-90{
-  background-color: #b90000;
+  background-color: rgba(185,0,0,1);
   background-color: var(--aquarium-colors-error-90);
 }
 .bg-error-100{
-  background-color: #aa0000;
+  background-color: rgba(170,0,0,1);
   background-color: var(--aquarium-colors-error-100);
 }
 .bg-warning-0{
-  background-color: #fffdf9;
+  background-color: rgba(255,253,249,1);
   background-color: var(--aquarium-colors-warning-0);
 }
 .bg-warning-5{
-  background-color: #fff8ea;
+  background-color: rgba(255,248,234,1);
   background-color: var(--aquarium-colors-warning-5);
 }
 .bg-warning-10{
-  background-color: #fff2cd;
+  background-color: rgba(255,242,205,1);
   background-color: var(--aquarium-colors-warning-10);
 }
 .bg-warning-20{
-  background-color: #feebb2;
+  background-color: rgba(254,235,178,1);
   background-color: var(--aquarium-colors-warning-20);
 }
 .bg-warning-30{
-  background-color: #fddf81;
+  background-color: rgba(253,223,129,1);
   background-color: var(--aquarium-colors-warning-30);
 }
 .bg-warning-40{
-  background-color: #fdd44d;
+  background-color: rgba(253,212,77,1);
   background-color: var(--aquarium-colors-warning-40);
 }
 .bg-warning-50{
-  background-color: #fdc926;
+  background-color: rgba(253,201,38,1);
   background-color: var(--aquarium-colors-warning-50);
 }
 .bg-warning-60{
-  background-color: #ffc107;
+  background-color: rgba(255,193,7,1);
   background-color: var(--aquarium-colors-warning-60);
 }
 .bg-warning-70{
-  background-color: #ffb300;
+  background-color: rgba(255,179,0,1);
   background-color: var(--aquarium-colors-warning-70);
 }
 .bg-warning-80{
-  background-color: #fd9f00;
+  background-color: rgba(253,159,0,1);
   background-color: var(--aquarium-colors-warning-80);
 }
 .bg-warning-90{
-  background-color: #ff9003;
+  background-color: rgba(255,144,3,1);
   background-color: var(--aquarium-colors-warning-90);
 }
 .bg-warning-100{
-  background-color: #fe6d00;
+  background-color: rgba(254,109,0,1);
   background-color: var(--aquarium-colors-warning-100);
 }
 .bg-success-0{
-  background-color: #f5faf5;
+  background-color: rgba(245,250,245,1);
   background-color: var(--aquarium-colors-success-0);
 }
 .bg-success-5{
-  background-color: #ecf7ed;
+  background-color: rgba(236,247,237,1);
   background-color: var(--aquarium-colors-success-5);
 }
 .bg-success-10{
-  background-color: #cbffc9;
+  background-color: rgba(203,255,201,1);
   background-color: var(--aquarium-colors-success-10);
 }
 .bg-success-20{
-  background-color: #afffa7;
+  background-color: rgba(175,255,167,1);
   background-color: var(--aquarium-colors-success-20);
 }
 .bg-success-30{
-  background-color: #89eb80;
+  background-color: rgba(137,235,128,1);
   background-color: var(--aquarium-colors-success-30);
 }
 .bg-success-40{
-  background-color: #60db57;
+  background-color: rgba(96,219,87,1);
   background-color: var(--aquarium-colors-success-40);
 }
 .bg-success-50{
-  background-color: #40ce37;
+  background-color: rgba(64,206,55,1);
   background-color: var(--aquarium-colors-success-50);
 }
 .bg-success-60{
-  background-color: #00c300;
+  background-color: rgba(0,195,0,1);
   background-color: var(--aquarium-colors-success-60);
 }
 .bg-success-70{
-  background-color: #00b300;
+  background-color: rgba(0,179,0,1);
   background-color: var(--aquarium-colors-success-70);
 }
 .bg-success-80{
-  background-color: #009f00;
+  background-color: rgba(0,159,0,1);
   background-color: var(--aquarium-colors-success-80);
 }
 .bg-success-90{
-  background-color: #008e00;
+  background-color: rgba(0,142,0,1);
   background-color: var(--aquarium-colors-success-90);
 }
 .bg-success-100{
-  background-color: #006f00;
+  background-color: rgba(0,111,0,1);
   background-color: var(--aquarium-colors-success-100);
 }
 .bg-info-0{
-  background-color: #f9fdff;
+  background-color: rgba(249,253,255,1);
   background-color: var(--aquarium-colors-info-0);
 }
 .bg-info-5{
-  background-color: #effaff;
+  background-color: rgba(239,250,255,1);
   background-color: var(--aquarium-colors-info-5);
 }
 .bg-info-10{
-  background-color: #e0f5fe;
+  background-color: rgba(224,245,254,1);
   background-color: var(--aquarium-colors-info-10);
 }
 .bg-info-20{
-  background-color: #b4e5fb;
+  background-color: rgba(180,229,251,1);
   background-color: var(--aquarium-colors-info-20);
 }
 .bg-info-30{
-  background-color: #7fd1f7;
+  background-color: rgba(127,209,247,1);
   background-color: var(--aquarium-colors-info-30);
 }
 .bg-info-40{
-  background-color: #4cc2f7;
+  background-color: rgba(76,194,247,1);
   background-color: var(--aquarium-colors-info-40);
 }
 .bg-info-50{
-  background-color: #28b4f4;
+  background-color: rgba(40,180,244,1);
   background-color: var(--aquarium-colors-info-50);
 }
 .bg-info-60{
-  background-color: #02a8f3;
+  background-color: rgba(2,168,243,1);
   background-color: var(--aquarium-colors-info-60);
 }
 .bg-info-70{
-  background-color: #0399e3;
+  background-color: rgba(3,153,227,1);
   background-color: var(--aquarium-colors-info-70);
 }
 .bg-info-80{
-  background-color: #0788d1;
+  background-color: rgba(7,136,209,1);
   background-color: var(--aquarium-colors-info-80);
 }
 .bg-info-90{
-  background-color: #0174ba;
+  background-color: rgba(1,116,186,1);
   background-color: var(--aquarium-colors-info-90);
 }
 .bg-info-100{
-  background-color: #02569a;
+  background-color: rgba(2,86,154,1);
   background-color: var(--aquarium-colors-info-100);
 }
 .bg-grey-0{
-  background-color: #f7f7fa;
+  background-color: rgba(247,247,250,1);
   background-color: var(--aquarium-colors-grey-0);
 }
 .bg-grey-5{
-  background-color: #ededf0;
+  background-color: rgba(237,237,240,1);
   background-color: var(--aquarium-colors-grey-5);
 }
 .bg-grey-10{
-  background-color: #e1e1e3;
+  background-color: rgba(225,225,227,1);
   background-color: var(--aquarium-colors-grey-10);
 }
 .bg-grey-20{
-  background-color: #d2d2d6;
+  background-color: rgba(210,210,214,1);
   background-color: var(--aquarium-colors-grey-20);
 }
 .bg-grey-30{
-  background-color: #b4b4bb;
+  background-color: rgba(180,180,187,1);
   background-color: var(--aquarium-colors-grey-30);
 }
 .bg-grey-40{
-  background-color: #9696a0;
+  background-color: rgba(150,150,160,1);
   background-color: var(--aquarium-colors-grey-40);
 }
 .bg-grey-50{
-  background-color: #787885;
+  background-color: rgba(120,120,133,1);
   background-color: var(--aquarium-colors-grey-50);
 }
 .bg-grey-60{
-  background-color: #5a5b6a;
+  background-color: rgba(90,91,106,1);
   background-color: var(--aquarium-colors-grey-60);
 }
 .bg-grey-70{
-  background-color: #4a4b57;
+  background-color: rgba(74,75,87,1);
   background-color: var(--aquarium-colors-grey-70);
 }
 .bg-grey-80{
-  background-color: #3a3a44;
+  background-color: rgba(58,58,68,1);
   background-color: var(--aquarium-colors-grey-80);
 }
 .bg-grey-90{
-  background-color: #292a31;
+  background-color: rgba(41,42,49,1);
   background-color: var(--aquarium-colors-grey-90);
 }
 .bg-grey-100{
-  background-color: #19191d;
+  background-color: rgba(25,25,29,1);
   background-color: var(--aquarium-colors-grey-100);
 }
 .bg-secondary-0{
-  background-color: #fffbf8;
+  background-color: rgba(255,251,248,1);
   background-color: var(--aquarium-colors-secondary-0);
 }
 .bg-secondary-5{
-  background-color: #fff3e8;
+  background-color: rgba(255,243,232,1);
   background-color: var(--aquarium-colors-secondary-5);
 }
 .bg-secondary-10{
-  background-color: #fee8d0;
+  background-color: rgba(254,232,208,1);
   background-color: var(--aquarium-colors-secondary-10);
 }
 .bg-secondary-20{
-  background-color: #f8c99c;
+  background-color: rgba(248,201,156,1);
   background-color: var(--aquarium-colors-secondary-20);
 }
 .bg-secondary-30{
-  background-color: #fab26e;
+  background-color: rgba(250,178,110,1);
   background-color: var(--aquarium-colors-secondary-30);
 }
 .bg-secondary-40{
-  background-color: #fb9a3e;
+  background-color: rgba(251,154,62,1);
   background-color: var(--aquarium-colors-secondary-40);
 }
 .bg-secondary-50{
-  background-color: #fc871a;
+  background-color: rgba(252,135,26,1);
   background-color: var(--aquarium-colors-secondary-50);
 }
 .bg-secondary-60{
-  background-color: #ff7700;
+  background-color: rgba(255,119,0,1);
   background-color: var(--aquarium-colors-secondary-60);
 }
 .bg-secondary-70{
-  background-color: #f96a02;
+  background-color: rgba(249,106,2,1);
   background-color: var(--aquarium-colors-secondary-70);
 }
 .bg-secondary-80{
-  background-color: #f3580d;
+  background-color: rgba(243,88,13,1);
   background-color: var(--aquarium-colors-secondary-80);
 }
 .bg-secondary-90{
-  background-color: #eb4610;
+  background-color: rgba(235,70,16,1);
   background-color: var(--aquarium-colors-secondary-90);
 }
 .bg-secondary-100{
-  background-color: #e11d16;
+  background-color: rgba(225,29,22,1);
   background-color: var(--aquarium-colors-secondary-100);
 }
 .bg-primary-0{
-  background-color: #ffffff;
+  background-color: rgba(255,255,255,1);
   background-color: var(--aquarium-colors-primary-0);
 }
 .bg-primary-5{
-  background-color: #f3f6ff;
+  background-color: rgba(243,246,255,1);
   background-color: var(--aquarium-colors-primary-5);
 }
 .bg-primary-10{
-  background-color: #e3e9ff;
+  background-color: rgba(227,233,255,1);
   background-color: var(--aquarium-colors-primary-10);
 }
 .bg-primary-20{
-  background-color: #d5ddfa;
+  background-color: rgba(213,221,250,1);
   background-color: var(--aquarium-colors-primary-20);
 }
 .bg-primary-30{
-  background-color: #c7d1f4;
+  background-color: rgba(199,209,244,1);
   background-color: var(--aquarium-colors-primary-30);
 }
 .bg-primary-40{
-  background-color: #b9c5ef;
+  background-color: rgba(185,197,239,1);
   background-color: var(--aquarium-colors-primary-40);
 }
 .bg-primary-50{
-  background-color: #9daaee;
+  background-color: rgba(157,170,238,1);
   background-color: var(--aquarium-colors-primary-50);
 }
 .bg-primary-60{
-  background-color: #818eec;
+  background-color: rgba(129,142,236,1);
   background-color: var(--aquarium-colors-primary-60);
 }
 .bg-primary-70{
-  background-color: #5865cd;
+  background-color: rgba(88,101,205,1);
   background-color: var(--aquarium-colors-primary-70);
 }
 .bg-primary-80{
-  background-color: #3545be;
+  background-color: rgba(53,69,190,1);
   background-color: var(--aquarium-colors-primary-80);
 }
 .bg-primary-90{
-  background-color: #222f95;
+  background-color: rgba(34,47,149,1);
   background-color: var(--aquarium-colors-primary-90);
 }
 .bg-primary-100{
-  background-color: #0e1652;
+  background-color: rgba(14,22,82,1);
   background-color: var(--aquarium-colors-primary-100);
 }
 .bg-body{
@@ -2393,7 +2394,7 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-background-color-body);
 }
 .bg-body-intense{
-  background-color: #3a3a44;
+  background-color: rgba(58,58,68,1);
   background-color: var(--aquarium-background-color-body-intense);
 }
 .bg-popover-content{
@@ -2401,103 +2402,103 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-background-color-popover-content);
 }
 .bg-muted{
-  background-color: #f7f7fa;
+  background-color: rgba(247,247,250,1);
   background-color: var(--aquarium-background-color-muted);
 }
 .bg-default{
-  background-color: #ededf0;
+  background-color: rgba(237,237,240,1);
   background-color: var(--aquarium-background-color-default);
 }
 .bg-intense{
-  background-color: #d2d2d6;
+  background-color: rgba(210,210,214,1);
   background-color: var(--aquarium-background-color-intense);
 }
 .bg-primary-muted{
-  background-color: #b9c5ef;
+  background-color: rgba(185,197,239,1);
   background-color: var(--aquarium-background-color-primary-muted);
 }
 .bg-primary-default{
-  background-color: #3545be;
+  background-color: rgba(53,69,190,1);
   background-color: var(--aquarium-background-color-primary-default);
 }
 .bg-primary-intense{
-  background-color: #222f95;
+  background-color: rgba(34,47,149,1);
   background-color: var(--aquarium-background-color-primary-intense);
 }
 .bg-primary-active{
-  background-color: #f3f6ff;
+  background-color: rgba(243,246,255,1);
   background-color: var(--aquarium-background-color-primary-active);
 }
 .bg-primary-hover{
-  background-color: #f3f6ff;
+  background-color: rgba(243,246,255,1);
   background-color: var(--aquarium-background-color-primary-hover);
 }
 .bg-info-muted{
-  background-color: #e0f5fe;
+  background-color: rgba(224,245,254,1);
   background-color: var(--aquarium-background-color-info-muted);
 }
 .bg-info-default{
-  background-color: #0399e3;
+  background-color: rgba(3,153,227,1);
   background-color: var(--aquarium-background-color-info-default);
 }
 .bg-info-intense{
-  background-color: #0174ba;
+  background-color: rgba(1,116,186,1);
   background-color: var(--aquarium-background-color-info-intense);
 }
 .bg-success-muted{
-  background-color: #ecf7ed;
+  background-color: rgba(236,247,237,1);
   background-color: var(--aquarium-background-color-success-muted);
 }
 .bg-success-default{
-  background-color: #00b300;
+  background-color: rgba(0,179,0,1);
   background-color: var(--aquarium-background-color-success-default);
 }
 .bg-success-intense{
-  background-color: #008e00;
+  background-color: rgba(0,142,0,1);
   background-color: var(--aquarium-background-color-success-intense);
 }
 .bg-warning-muted{
-  background-color: #fff8ea;
+  background-color: rgba(255,248,234,1);
   background-color: var(--aquarium-background-color-warning-muted);
 }
 .bg-warning-default{
-  background-color: #ffb300;
+  background-color: rgba(255,179,0,1);
   background-color: var(--aquarium-background-color-warning-default);
 }
 .bg-warning-intense{
-  background-color: #ff9003;
+  background-color: rgba(255,144,3,1);
   background-color: var(--aquarium-background-color-warning-intense);
 }
 .bg-danger-muted{
-  background-color: #ffcbd2;
+  background-color: rgba(255,203,210,1);
   background-color: var(--aquarium-background-color-danger-muted);
 }
 .bg-danger-default{
-  background-color: #ffadb3;
+  background-color: rgba(255,173,179,1);
   background-color: var(--aquarium-background-color-danger-default);
 }
 .bg-danger-intense{
-  background-color: #e62728;
+  background-color: rgba(230,39,40,1);
   background-color: var(--aquarium-background-color-danger-intense);
 }
 .bg-status-announcement{
-  background-color: #f3f6ff;
+  background-color: rgba(243,246,255,1);
   background-color: var(--aquarium-background-color-status-announcement);
 }
 .bg-status-info{
-  background-color: #e0f5fe;
+  background-color: rgba(224,245,254,1);
   background-color: var(--aquarium-background-color-status-info);
 }
 .bg-status-warning{
-  background-color: #fff8ea;
+  background-color: rgba(255,248,234,1);
   background-color: var(--aquarium-background-color-status-warning);
 }
 .bg-status-danger{
-  background-color: #fee8e7;
+  background-color: rgba(254,232,231,1);
   background-color: var(--aquarium-background-color-status-danger);
 }
 .bg-status-success{
-  background-color: #ecf7ed;
+  background-color: rgba(236,247,237,1);
   background-color: var(--aquarium-background-color-status-success);
 }
 .bg-icon-button-hover{
@@ -2523,35 +2524,35 @@ input[type='number'].no-arrows {
   background-size: cover;
 }
 .fill-primary-10{
-  fill: #e3e9ff;
+  fill: rgba(227,233,255,1);
   fill: var(--aquarium-colors-primary-10);
 }
 .fill-success-10{
-  fill: #cbffc9;
+  fill: rgba(203,255,201,1);
   fill: var(--aquarium-colors-success-10);
 }
 .fill-warning-20{
-  fill: #feebb2;
+  fill: rgba(254,235,178,1);
   fill: var(--aquarium-colors-warning-20);
 }
 .fill-error-10{
-  fill: #ffcbd2;
+  fill: rgba(255,203,210,1);
   fill: var(--aquarium-colors-error-10);
 }
 .stroke-primary-60{
-  stroke: #818eec;
+  stroke: rgba(129,142,236,1);
   stroke: var(--aquarium-colors-primary-60);
 }
 .stroke-success-40{
-  stroke: #60db57;
+  stroke: rgba(96,219,87,1);
   stroke: var(--aquarium-colors-success-40);
 }
 .stroke-warning-100{
-  stroke: #fe6d00;
+  stroke: rgba(254,109,0,1);
   stroke: var(--aquarium-colors-warning-100);
 }
 .stroke-error-100{
-  stroke: #aa0000;
+  stroke: rgba(170,0,0,1);
   stroke: var(--aquarium-colors-error-100);
 }
 .object-cover{
@@ -2767,439 +2768,443 @@ input[type='number'].no-arrows {
   color: var(--aquarium-colors-current);
 }
 .text-error-0{
-  color: #fef2f1;
+  color: rgba(254,242,241,1);
   color: var(--aquarium-colors-error-0);
 }
 .text-error-5{
-  color: #fee8e7;
+  color: rgba(254,232,231,1);
   color: var(--aquarium-colors-error-5);
 }
 .text-error-10{
-  color: #ffcbd2;
+  color: rgba(255,203,210,1);
   color: var(--aquarium-colors-error-10);
 }
 .text-error-20{
-  color: #ffadb3;
+  color: rgba(255,173,179,1);
   color: var(--aquarium-colors-error-20);
 }
 .text-error-30{
-  color: #ed7975;
+  color: rgba(237,121,117,1);
   color: var(--aquarium-colors-error-30);
 }
 .text-error-40{
-  color: #e0504f;
+  color: rgba(224,80,79,1);
   color: var(--aquarium-colors-error-40);
 }
 .text-error-50{
-  color: #e62728;
+  color: rgba(230,39,40,1);
   color: var(--aquarium-colors-error-50);
 }
 .text-error-60{
-  color: #e70000;
+  color: rgba(231,0,0,1);
   color: var(--aquarium-colors-error-60);
 }
 .text-error-70{
-  color: #d80005;
+  color: rgba(216,0,5,1);
   color: var(--aquarium-colors-error-70);
 }
 .text-error-80{
-  color: #c50001;
+  color: rgba(197,0,1,1);
   color: var(--aquarium-colors-error-80);
 }
 .text-error-90{
-  color: #b90000;
+  color: rgba(185,0,0,1);
   color: var(--aquarium-colors-error-90);
 }
 .text-error-100{
-  color: #aa0000;
+  color: rgba(170,0,0,1);
   color: var(--aquarium-colors-error-100);
 }
 .text-warning-0{
-  color: #fffdf9;
+  color: rgba(255,253,249,1);
   color: var(--aquarium-colors-warning-0);
 }
 .text-warning-5{
-  color: #fff8ea;
+  color: rgba(255,248,234,1);
   color: var(--aquarium-colors-warning-5);
 }
 .text-warning-10{
-  color: #fff2cd;
+  color: rgba(255,242,205,1);
   color: var(--aquarium-colors-warning-10);
 }
 .text-warning-20{
-  color: #feebb2;
+  color: rgba(254,235,178,1);
   color: var(--aquarium-colors-warning-20);
 }
 .text-warning-30{
-  color: #fddf81;
+  color: rgba(253,223,129,1);
   color: var(--aquarium-colors-warning-30);
 }
 .text-warning-40{
-  color: #fdd44d;
+  color: rgba(253,212,77,1);
   color: var(--aquarium-colors-warning-40);
 }
 .text-warning-50{
-  color: #fdc926;
+  color: rgba(253,201,38,1);
   color: var(--aquarium-colors-warning-50);
 }
 .text-warning-60{
-  color: #ffc107;
+  color: rgba(255,193,7,1);
   color: var(--aquarium-colors-warning-60);
 }
 .text-warning-70{
-  color: #ffb300;
+  color: rgba(255,179,0,1);
   color: var(--aquarium-colors-warning-70);
 }
 .text-warning-80{
-  color: #fd9f00;
+  color: rgba(253,159,0,1);
   color: var(--aquarium-colors-warning-80);
 }
 .text-warning-90{
-  color: #ff9003;
+  color: rgba(255,144,3,1);
   color: var(--aquarium-colors-warning-90);
 }
 .text-warning-100{
-  color: #fe6d00;
+  color: rgba(254,109,0,1);
   color: var(--aquarium-colors-warning-100);
 }
 .text-success-0{
-  color: #f5faf5;
+  color: rgba(245,250,245,1);
   color: var(--aquarium-colors-success-0);
 }
 .text-success-5{
-  color: #ecf7ed;
+  color: rgba(236,247,237,1);
   color: var(--aquarium-colors-success-5);
 }
 .text-success-10{
-  color: #cbffc9;
+  color: rgba(203,255,201,1);
   color: var(--aquarium-colors-success-10);
 }
 .text-success-20{
-  color: #afffa7;
+  color: rgba(175,255,167,1);
   color: var(--aquarium-colors-success-20);
 }
 .text-success-30{
-  color: #89eb80;
+  color: rgba(137,235,128,1);
   color: var(--aquarium-colors-success-30);
 }
 .text-success-40{
-  color: #60db57;
+  color: rgba(96,219,87,1);
   color: var(--aquarium-colors-success-40);
 }
 .text-success-50{
-  color: #40ce37;
+  color: rgba(64,206,55,1);
   color: var(--aquarium-colors-success-50);
 }
 .text-success-60{
-  color: #00c300;
+  color: rgba(0,195,0,1);
   color: var(--aquarium-colors-success-60);
 }
 .text-success-70{
-  color: #00b300;
+  color: rgba(0,179,0,1);
   color: var(--aquarium-colors-success-70);
 }
 .text-success-80{
-  color: #009f00;
+  color: rgba(0,159,0,1);
   color: var(--aquarium-colors-success-80);
 }
 .text-success-90{
-  color: #008e00;
+  color: rgba(0,142,0,1);
   color: var(--aquarium-colors-success-90);
 }
 .text-success-100{
-  color: #006f00;
+  color: rgba(0,111,0,1);
   color: var(--aquarium-colors-success-100);
 }
 .text-info-0{
-  color: #f9fdff;
+  color: rgba(249,253,255,1);
   color: var(--aquarium-colors-info-0);
 }
 .text-info-5{
-  color: #effaff;
+  color: rgba(239,250,255,1);
   color: var(--aquarium-colors-info-5);
 }
 .text-info-10{
-  color: #e0f5fe;
+  color: rgba(224,245,254,1);
   color: var(--aquarium-colors-info-10);
 }
 .text-info-20{
-  color: #b4e5fb;
+  color: rgba(180,229,251,1);
   color: var(--aquarium-colors-info-20);
 }
 .text-info-30{
-  color: #7fd1f7;
+  color: rgba(127,209,247,1);
   color: var(--aquarium-colors-info-30);
 }
 .text-info-40{
-  color: #4cc2f7;
+  color: rgba(76,194,247,1);
   color: var(--aquarium-colors-info-40);
 }
 .text-info-50{
-  color: #28b4f4;
+  color: rgba(40,180,244,1);
   color: var(--aquarium-colors-info-50);
 }
 .text-info-60{
-  color: #02a8f3;
+  color: rgba(2,168,243,1);
   color: var(--aquarium-colors-info-60);
 }
 .text-info-70{
-  color: #0399e3;
+  color: rgba(3,153,227,1);
   color: var(--aquarium-colors-info-70);
 }
 .text-info-80{
-  color: #0788d1;
+  color: rgba(7,136,209,1);
   color: var(--aquarium-colors-info-80);
 }
 .text-info-90{
-  color: #0174ba;
+  color: rgba(1,116,186,1);
   color: var(--aquarium-colors-info-90);
 }
 .text-info-100{
-  color: #02569a;
+  color: rgba(2,86,154,1);
   color: var(--aquarium-colors-info-100);
 }
 .text-grey-0{
-  color: #f7f7fa;
+  color: rgba(247,247,250,1);
   color: var(--aquarium-colors-grey-0);
 }
 .text-grey-5{
-  color: #ededf0;
+  color: rgba(237,237,240,1);
   color: var(--aquarium-colors-grey-5);
 }
 .text-grey-10{
-  color: #e1e1e3;
+  color: rgba(225,225,227,1);
   color: var(--aquarium-colors-grey-10);
 }
 .text-grey-20{
-  color: #d2d2d6;
+  color: rgba(210,210,214,1);
   color: var(--aquarium-colors-grey-20);
 }
 .text-grey-30{
-  color: #b4b4bb;
+  color: rgba(180,180,187,1);
   color: var(--aquarium-colors-grey-30);
 }
 .text-grey-40{
-  color: #9696a0;
+  color: rgba(150,150,160,1);
   color: var(--aquarium-colors-grey-40);
 }
 .text-grey-50{
-  color: #787885;
+  color: rgba(120,120,133,1);
   color: var(--aquarium-colors-grey-50);
 }
 .text-grey-60{
-  color: #5a5b6a;
+  color: rgba(90,91,106,1);
   color: var(--aquarium-colors-grey-60);
 }
 .text-grey-70{
-  color: #4a4b57;
+  color: rgba(74,75,87,1);
   color: var(--aquarium-colors-grey-70);
 }
 .text-grey-80{
-  color: #3a3a44;
+  color: rgba(58,58,68,1);
   color: var(--aquarium-colors-grey-80);
 }
 .text-grey-90{
-  color: #292a31;
+  color: rgba(41,42,49,1);
   color: var(--aquarium-colors-grey-90);
 }
 .text-grey-100{
-  color: #19191d;
+  color: rgba(25,25,29,1);
   color: var(--aquarium-colors-grey-100);
 }
 .text-secondary-0{
-  color: #fffbf8;
+  color: rgba(255,251,248,1);
   color: var(--aquarium-colors-secondary-0);
 }
 .text-secondary-5{
-  color: #fff3e8;
+  color: rgba(255,243,232,1);
   color: var(--aquarium-colors-secondary-5);
 }
 .text-secondary-10{
-  color: #fee8d0;
+  color: rgba(254,232,208,1);
   color: var(--aquarium-colors-secondary-10);
 }
 .text-secondary-20{
-  color: #f8c99c;
+  color: rgba(248,201,156,1);
   color: var(--aquarium-colors-secondary-20);
 }
 .text-secondary-30{
-  color: #fab26e;
+  color: rgba(250,178,110,1);
   color: var(--aquarium-colors-secondary-30);
 }
 .text-secondary-40{
-  color: #fb9a3e;
+  color: rgba(251,154,62,1);
   color: var(--aquarium-colors-secondary-40);
 }
 .text-secondary-50{
-  color: #fc871a;
+  color: rgba(252,135,26,1);
   color: var(--aquarium-colors-secondary-50);
 }
 .text-secondary-60{
-  color: #ff7700;
+  color: rgba(255,119,0,1);
   color: var(--aquarium-colors-secondary-60);
 }
 .text-secondary-70{
-  color: #f96a02;
+  color: rgba(249,106,2,1);
   color: var(--aquarium-colors-secondary-70);
 }
 .text-secondary-80{
-  color: #f3580d;
+  color: rgba(243,88,13,1);
   color: var(--aquarium-colors-secondary-80);
 }
 .text-secondary-90{
-  color: #eb4610;
+  color: rgba(235,70,16,1);
   color: var(--aquarium-colors-secondary-90);
 }
 .text-secondary-100{
-  color: #e11d16;
+  color: rgba(225,29,22,1);
   color: var(--aquarium-colors-secondary-100);
 }
 .text-primary-0{
-  color: #ffffff;
+  color: rgba(255,255,255,1);
   color: var(--aquarium-colors-primary-0);
 }
 .text-primary-5{
-  color: #f3f6ff;
+  color: rgba(243,246,255,1);
   color: var(--aquarium-colors-primary-5);
 }
 .text-primary-10{
-  color: #e3e9ff;
+  color: rgba(227,233,255,1);
   color: var(--aquarium-colors-primary-10);
 }
 .text-primary-20{
-  color: #d5ddfa;
+  color: rgba(213,221,250,1);
   color: var(--aquarium-colors-primary-20);
 }
 .text-primary-30{
-  color: #c7d1f4;
+  color: rgba(199,209,244,1);
   color: var(--aquarium-colors-primary-30);
 }
 .text-primary-40{
-  color: #b9c5ef;
+  color: rgba(185,197,239,1);
   color: var(--aquarium-colors-primary-40);
 }
 .text-primary-50{
-  color: #9daaee;
+  color: rgba(157,170,238,1);
   color: var(--aquarium-colors-primary-50);
 }
 .text-primary-60{
-  color: #818eec;
+  color: rgba(129,142,236,1);
   color: var(--aquarium-colors-primary-60);
 }
 .text-primary-70{
-  color: #5865cd;
+  color: rgba(88,101,205,1);
   color: var(--aquarium-colors-primary-70);
 }
 .text-primary-80{
-  color: #3545be;
+  color: rgba(53,69,190,1);
   color: var(--aquarium-colors-primary-80);
 }
 .text-primary-90{
-  color: #222f95;
+  color: rgba(34,47,149,1);
   color: var(--aquarium-colors-primary-90);
 }
 .text-primary-100{
-  color: #0e1652;
+  color: rgba(14,22,82,1);
   color: var(--aquarium-colors-primary-100);
 }
 .text-inactive{
-  color: #9696a0;
+  color: rgba(150,150,160,1);
   color: var(--aquarium-text-color-inactive);
 }
 .text-muted{
-  color: #787885;
+  color: rgba(120,120,133,1);
   color: var(--aquarium-text-color-muted);
 }
 .text-default{
-  color: #4a4b57;
+  color: rgba(74,75,87,1);
   color: var(--aquarium-text-color-default);
 }
 .text-intense{
-  color: #292a31;
+  color: rgba(41,42,49,1);
   color: var(--aquarium-text-color-intense);
 }
+.text-opposite-default{
+  color: white;
+  color: var(--aquarium-text-color-opposite-default);
+}
 .text-primary-inactive{
-  color: #b9c5ef;
+  color: rgba(185,197,239,1);
   color: var(--aquarium-text-color-primary-inactive);
 }
 .text-primary-active{
-  color: #222f95;
+  color: rgba(34,47,149,1);
   color: var(--aquarium-text-color-primary-active);
 }
 .text-primary-muted{
-  color: #818eec;
+  color: rgba(129,142,236,1);
   color: var(--aquarium-text-color-primary-muted);
 }
 .text-primary-default{
-  color: #5865cd;
+  color: rgba(88,101,205,1);
   color: var(--aquarium-text-color-primary-default);
 }
 .text-primary-intense{
-  color: #3545be;
+  color: rgba(53,69,190,1);
   color: var(--aquarium-text-color-primary-intense);
 }
 .text-info-inactive{
-  color: #b4e5fb;
+  color: rgba(180,229,251,1);
   color: var(--aquarium-text-color-info-inactive);
 }
 .text-info-muted{
-  color: #4cc2f7;
+  color: rgba(76,194,247,1);
   color: var(--aquarium-text-color-info-muted);
 }
 .text-info-default{
-  color: #0399e3;
+  color: rgba(3,153,227,1);
   color: var(--aquarium-text-color-info-default);
 }
 .text-info-intense{
-  color: #0174ba;
+  color: rgba(1,116,186,1);
   color: var(--aquarium-text-color-info-intense);
 }
 .text-success-inactive{
-  color: #cbffc9;
+  color: rgba(203,255,201,1);
   color: var(--aquarium-text-color-success-inactive);
 }
 .text-success-muted{
-  color: #89eb80;
+  color: rgba(137,235,128,1);
   color: var(--aquarium-text-color-success-muted);
 }
 .text-success-default{
-  color: #00b300;
+  color: rgba(0,179,0,1);
   color: var(--aquarium-text-color-success-default);
 }
 .text-success-intense{
-  color: #008e00;
+  color: rgba(0,142,0,1);
   color: var(--aquarium-text-color-success-intense);
 }
 .text-warning-inactive{
-  color: #feebb2;
+  color: rgba(254,235,178,1);
   color: var(--aquarium-text-color-warning-inactive);
 }
 .text-warning-muted{
-  color: #fdd44d;
+  color: rgba(253,212,77,1);
   color: var(--aquarium-text-color-warning-muted);
 }
 .text-warning-default{
-  color: #fd9f00;
+  color: rgba(253,159,0,1);
   color: var(--aquarium-text-color-warning-default);
 }
 .text-warning-intense{
-  color: #fe6d00;
+  color: rgba(254,109,0,1);
   color: var(--aquarium-text-color-warning-intense);
 }
 .text-danger-inactive{
-  color: #ffcbd2;
+  color: rgba(255,203,210,1);
   color: var(--aquarium-text-color-danger-inactive);
 }
 .text-danger-muted{
-  color: #ffadb3;
+  color: rgba(255,173,179,1);
   color: var(--aquarium-text-color-danger-muted);
 }
 .text-danger-default{
-  color: #e62728;
+  color: rgba(230,39,40,1);
   color: var(--aquarium-text-color-danger-default);
 }
 .text-danger-intense{
-  color: #c50001;
+  color: rgba(197,0,1,1);
   color: var(--aquarium-text-color-danger-intense);
 }
 .underline{
@@ -3216,8 +3221,8 @@ input[type='number'].no-arrows {
 .opacity-70{
   opacity: 0.7;
 }
-.opacity-60{
-  opacity: 0.6;
+.opacity-80{
+  opacity: 0.8;
 }
 .opacity-40{
   opacity: 0.4;
@@ -3365,27 +3370,121 @@ input[type='number'].no-arrows {
   display: none;
 }
 .aquarium-theme-dark {
-  --aquarium-text-color-faint: var(--aquarium-colors-grey-60);
+  --aquarium-border-color-muted: var(--aquarium-colors-grey-60);
+  --aquarium-border-color-default: var(--aquarium-colors-grey-40);
+  --aquarium-border-color-intense: var(--aquarium-colors-grey-20);
+  --aquarium-border-color-primary-muted: var(--aquarium-colors-primary-80);
+  --aquarium-border-color-primary-default: var(--aquarium-colors-primary-60);
+  --aquarium-border-color-primary-intense: var(--aquarium-colors-primary-40);
+  --aquarium-border-color-info-muted: var(--aquarium-colors-info-100);
+  --aquarium-border-color-info-default: var(--aquarium-colors-info-90);
+  --aquarium-border-color-info-intense: var(--aquarium-colors-info-20);
+  --aquarium-border-color-success-muted: var(--aquarium-colors-success-100);
+  --aquarium-border-color-success-default: var(--aquarium-colors-success-80);
+  --aquarium-border-color-success-intense: var(--aquarium-colors-success-80);
+  --aquarium-border-color-warning-muted: var(--aquarium-colors-warning-100);
+  --aquarium-border-color-warning-default: var(--aquarium-colors-warning-80);
+  --aquarium-border-color-warning-intense: var(--aquarium-colors-warning-60);
+  --aquarium-border-color-danger-muted: var(--aquarium-colors-error-80);
+  --aquarium-border-color-danger-default: var(--aquarium-colors-error-50);
+  --aquarium-border-color-danger-intense: var(--aquarium-colors-error-10);
+
+  --aquarium-background-color-body: var(--aquarium-colors-grey-100);
+  --aquarium-background-color-body-intense: var(--aquarium-colors-grey-100);
+  --aquarium-background-color-popover-content: var(--aquarium-colors-grey-90);
+  --aquarium-background-color-muted: var(--aquarium-colors-grey-90);
+  --aquarium-background-color-default: var(--aquarium-colors-grey-80);
+  --aquarium-background-color-intense: var(--aquarium-colors-grey-20);
+  --aquarium-background-color-primary-muted: var(--aquarium-colors-primary-90);
+  --aquarium-background-color-primary-default: var(--aquarium-colors-primary-60);
+  --aquarium-background-color-primary-intense: var(--aquarium-colors-primary-10);
+  --aquarium-background-color-primary-active: var(--aquarium-colors-primary-90);
+  --aquarium-background-color-primary-hover: var(--aquarium-colors-primary-90);
+  --aquarium-background-color-info-muted: var(--aquarium-colors-info-100);
+  --aquarium-background-color-info-default: var(--aquarium-colors-info-90);
+  --aquarium-background-color-info-intense: var(--aquarium-colors-info-40);
+  --aquarium-background-color-success-muted: var(--aquarium-colors-success-100);
+  --aquarium-background-color-success-default: var(--aquarium-colors-success-90);
+  --aquarium-background-color-success-intense: var(--aquarium-colors-success-80);
+  --aquarium-background-color-warning-muted: var(--aquarium-colors-warning-100);
+  --aquarium-background-color-warning-default: var(--aquarium-colors-warning-90);
+  --aquarium-background-color-warning-intense: var(--aquarium-colors-warning-40);
+  --aquarium-background-color-danger-muted: var(--aquarium-colors-error-90);
+  --aquarium-background-color-danger-default: var(--aquarium-colors-error-80);
+  --aquarium-background-color-danger-intense: var(--aquarium-colors-error-40);
+  --aquarium-background-color-status-announcement: color-mix(in srgb, var(--aquarium-colors-primary-90) 30%, transparent);
+  --aquarium-background-color-status-info: color-mix(in srgb, var(--aquarium-colors-info-100) 30%, transparent);
+  --aquarium-background-color-status-warning: color-mix(in srgb, var(--aquarium-colors-warning-100) 30%, transparent);
+  --aquarium-background-color-status-danger: color-mix(in srgb, var(--aquarium-colors-error-100) 30%, transparent);
+  --aquarium-background-color-status-success: color-mix(in srgb, var(--aquarium-colors-success-100) 30%, transparent);
+
+  --aquarium-text-color-inactive: var(--aquarium-colors-grey-60);
   --aquarium-text-color-muted: var(--aquarium-colors-grey-50);
-  --aquarium-text-color-lighter: var(--aquarium-colors-grey-40);
   --aquarium-text-color-default: var(--aquarium-colors-grey-20);
-  --aquarium-text-color-accent: var(--aquarium-colors-grey-0);
-
-  --aquarium-border-color-muted: var(--aquarium-colors-grey-80);
-  --aquarium-border-color-default: var(--aquarium-colors-grey-80);
-  --aquarium-border-color-accent: var(--aquarium-colors-grey-40);
+  --aquarium-text-color-intense: var(--aquarium-colors-grey-0);
+  --aquarium-text-color-opposite-default: var(--aquarium-colors-grey-90);
+  --aquarium-text-color-primary-inactive: var(--aquarium-colors-grey-60);
+  --aquarium-text-color-primary-active: var(--aquarium-colors-primary-60);
+  --aquarium-text-color-primary-muted: var(--aquarium-colors-primary-90);
+  --aquarium-text-color-primary-default: var(--aquarium-colors-primary-60);
+  --aquarium-text-color-primary-intense: var(--aquarium-colors-primary-40);
+  --aquarium-text-color-info-inactive: var(--aquarium-colors-info-100);
+  --aquarium-text-color-info-muted: var(--aquarium-colors-info-100);
+  --aquarium-text-color-info-default: var(--aquarium-colors-info-70);
+  --aquarium-text-color-info-intense: var(--aquarium-colors-info-90);
+  --aquarium-text-color-success-inactive: var(--aquarium-colors-success-100);
+  --aquarium-text-color-success-muted: var(--aquarium-colors-success-100);
+  --aquarium-text-color-success-default: var(--aquarium-colors-success-90);
+  --aquarium-text-color-success-intense: var(--aquarium-colors-success-70);
+  --aquarium-text-color-warning-inactive: var(--aquarium-colors-warning-100);
+  --aquarium-text-color-warning-muted: var(--aquarium-colors-warning-100);
+  --aquarium-text-color-warning-default: var(--aquarium-colors-warning-70);
+  --aquarium-text-color-warning-intense: var(--aquarium-colors-warning-90);
+  --aquarium-text-color-danger-inactive: var(--aquarium-colors-error-100);
+  --aquarium-text-color-danger-muted: var(--aquarium-colors-error-100);
+  --aquarium-text-color-danger-default: var(--aquarium-colors-error-50);
+  --aquarium-text-color-danger-intense: var(--aquarium-colors-error-30);
 
-  --aquarium-background-color-muted: var(--aquarium-colors-grey-80);
-  --aquarium-background-color-default: var(--aquarium-colors-grey-40);
-  --aquarium-background-color-accent: var(--aquarium-colors-grey-70);
-  --aquarium-background-color-contrast: var(--aquarium-colors-grey-20);
+  /* We need to redefine this variable so that background color gets evaluated correctly. */
+  --aquarium-box-shadow-body-inset: inset 0 0 0 3px var(--aquarium-background-color-body);
 }
+.aquarium-theme-dark .Aquarium-Toast {
+    --aquarium-background-color-body-intense: var(--aquarium-background-color-intense);
+  }
+.aquarium-theme-dark .Aquarium-Switch {
+    --aquarium-background-color-intense: var(--aquarium-colors-grey-70);
+    --aquarium-background-color-primary-intense: var(--aquarium-colors-primary-60);
+  }
+.aquarium-theme-dark .Aquarium-Button\.Primary {
+    --aquarium-background-color-primary-default: var(--aquarium-colors-primary-90);
+    --aquarium-background-color-primary-intense: var(--aquarium-colors-primary-80);
+    --aquarium-background-color-primary-muted: color-mix(in srgb, var(--aquarium-colors-primary-60) 50%, transparent);
+  }
+.aquarium-theme-dark .Aquarium-Button\.Primary:disabled {
+      color: rgba(53,69,190,1);
+      color: var(--aquarium-text-color-primary-intense);
+    }
+.aquarium-theme-dark .Aquarium-Button\.Secondary {
+    --tw-ring-color: var(--aquarium-text-color-primary-intense);
+ }
+.aquarium-theme-dark .Aquarium-Button\.Secondary:hover {
+      background-color: white;
+      background-color: var(--aquarium-background-color-body);
+      color: rgba(34,47,149,1);
+      color: var(--aquarium-background-color-primary-intense);
+      --tw-ring-color: var(--aquarium-background-color-primary-intense);
+    }
+.aquarium-theme-dark .Aquarium-Button\.Secondary:disabled {
+      color: color-mix(in srgb, rgba(129,142,236,1) 50%, transparent);
+      color: color-mix(in srgb, var(--aquarium-colors-primary-60) 50%, transparent);
+      --tw-ring-color: color-mix(in srgb, var(--aquarium-colors-primary-60) 50%, transparent);
+    }
 .placeholder\:text-inactive::-moz-placeholder{
-  color: #9696a0;
+  color: rgba(150,150,160,1);
   color: var(--aquarium-text-color-inactive);
 }
 .placeholder\:text-inactive::placeholder{
-  color: #9696a0;
+  color: rgba(150,150,160,1);
   color: var(--aquarium-text-color-inactive);
 }
 .before\:content-\[\'_\'\]::before{
@@ -3400,11 +3499,11 @@ input[type='number'].no-arrows {
   border-right-width: var(--aquarium-border-width-0);
 }
 .visited\:text-primary-intense:visited{
-  color: #3545be;
+  color: rgba(53,69,190,1);
   color: var(--aquarium-text-color-primary-intense);
 }
 .checked\:border-primary-default:checked{
-  border-color: #3545be;
+  border-color: rgba(53,69,190,1);
   border-color: var(--aquarium-border-color-primary-default);
 }
 .checked\:border-transparent:checked{
@@ -3412,19 +3511,19 @@ input[type='number'].no-arrows {
   border-color: var(--aquarium-colors-transparent);
 }
 .checked\:bg-primary-default:checked{
-  background-color: #3545be;
+  background-color: rgba(53,69,190,1);
   background-color: var(--aquarium-background-color-primary-default);
 }
 .checked\:bg-primary-muted:checked{
-  background-color: #b9c5ef;
+  background-color: rgba(185,197,239,1);
   background-color: var(--aquarium-background-color-primary-muted);
 }
 .checked\:opacity-50:checked{
   opacity: 0.5;
 }
-.checked\:shadow-whiteInset:checked{
-  --tw-shadow: var(--aquarium-box-shadow-white-inset);
-  --tw-shadow-colored: var(--aquarium-box-shadow-white-inset);
+.checked\:shadow-bodyInset:checked{
+  --tw-shadow: var(--aquarium-box-shadow-body-inset);
+  --tw-shadow-colored: var(--aquarium-box-shadow-body-inset);
   box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
 }
@@ -3432,27 +3531,27 @@ input[type='number'].no-arrows {
   cursor: pointer;
 }
 .hover\:border-intense:hover{
-  border-color: #787885;
+  border-color: rgba(120,120,133,1);
   border-color: var(--aquarium-border-color-intense);
 }
 .hover\:bg-primary-hover:hover{
-  background-color: #f3f6ff;
+  background-color: rgba(243,246,255,1);
   background-color: var(--aquarium-background-color-primary-hover);
 }
 .hover\:bg-muted:hover{
-  background-color: #f7f7fa;
+  background-color: rgba(247,247,250,1);
   background-color: var(--aquarium-background-color-muted);
 }
 .hover\:bg-default:hover{
-  background-color: #ededf0;
+  background-color: rgba(237,237,240,1);
   background-color: var(--aquarium-background-color-default);
 }
 .hover\:bg-intense:hover{
-  background-color: #d2d2d6;
+  background-color: rgba(210,210,214,1);
   background-color: var(--aquarium-background-color-intense);
 }
 .hover\:bg-primary-intense:hover{
-  background-color: #222f95;
+  background-color: rgba(34,47,149,1);
   background-color: var(--aquarium-background-color-primary-intense);
 }
 .hover\:bg-icon-button-hover:hover{
@@ -3460,23 +3559,23 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-background-color-icon-button-hover);
 }
 .hover\:bg-danger-muted:hover{
-  background-color: #ffcbd2;
+  background-color: rgba(255,203,210,1);
   background-color: var(--aquarium-background-color-danger-muted);
 }
 .hover\:text-primary-active:hover{
-  color: #222f95;
+  color: rgba(34,47,149,1);
   color: var(--aquarium-text-color-primary-active);
 }
 .hover\:text-primary-default:hover{
-  color: #5865cd;
+  color: rgba(88,101,205,1);
   color: var(--aquarium-text-color-primary-default);
 }
 .hover\:text-primary-intense:hover{
-  color: #3545be;
+  color: rgba(53,69,190,1);
   color: var(--aquarium-text-color-primary-intense);
 }
 .hover\:text-intense:hover{
-  color: #292a31;
+  color: rgba(41,42,49,1);
   color: var(--aquarium-text-color-intense);
 }
 .hover\:underline:hover{
@@ -3487,11 +3586,11 @@ input[type='number'].no-arrows {
   --tw-ring-color: var(--aquarium-colors-primary-90);
 }
 .hover\:checked\:bg-primary-intense:checked:hover{
-  background-color: #222f95;
+  background-color: rgba(34,47,149,1);
   background-color: var(--aquarium-background-color-primary-intense);
 }
 .focus\:border-info-default:focus{
-  border-color: #0399e3;
+  border-color: rgba(3,153,227,1);
   border-color: var(--aquarium-border-color-info-default);
 }
 .focus\:border-transparent:focus{
@@ -3499,15 +3598,15 @@ input[type='number'].no-arrows {
   border-color: var(--aquarium-colors-transparent);
 }
 .focus\:bg-danger-default:focus{
-  background-color: #ffadb3;
+  background-color: rgba(255,173,179,1);
   background-color: var(--aquarium-background-color-danger-default);
 }
 .focus\:bg-intense:focus{
-  background-color: #d2d2d6;
+  background-color: rgba(210,210,214,1);
   background-color: var(--aquarium-background-color-intense);
 }
 .focus\:text-primary-intense:focus{
-  color: #3545be;
+  color: rgba(53,69,190,1);
   color: var(--aquarium-text-color-primary-intense);
 }
 .focus\:outline-none:focus{
@@ -3533,43 +3632,43 @@ input[type='number'].no-arrows {
   z-index: 50;
 }
 .focus-visible\:border-info-default.focus-visible{
-  border-color: #0399e3;
+  border-color: rgba(3,153,227,1);
   border-color: var(--aquarium-border-color-info-default);
 }
 .focus-visible\:border-info-default:focus-visible{
-  border-color: #0399e3;
+  border-color: rgba(3,153,227,1);
   border-color: var(--aquarium-border-color-info-default);
 }
 .focus-visible\:bg-muted.focus-visible{
-  background-color: #f7f7fa;
+  background-color: rgba(247,247,250,1);
   background-color: var(--aquarium-background-color-muted);
 }
 .focus-visible\:bg-muted:focus-visible{
-  background-color: #f7f7fa;
+  background-color: rgba(247,247,250,1);
   background-color: var(--aquarium-background-color-muted);
 }
 .focus-visible\:text-primary-active.focus-visible{
-  color: #222f95;
+  color: rgba(34,47,149,1);
   color: var(--aquarium-text-color-primary-active);
 }
 .focus-visible\:text-primary-active:focus-visible{
-  color: #222f95;
+  color: rgba(34,47,149,1);
   color: var(--aquarium-text-color-primary-active);
 }
 .focus-visible\:text-primary-intense.focus-visible{
-  color: #3545be;
+  color: rgba(53,69,190,1);
   color: var(--aquarium-text-color-primary-intense);
 }
 .focus-visible\:text-primary-intense:focus-visible{
-  color: #3545be;
+  color: rgba(53,69,190,1);
   color: var(--aquarium-text-color-primary-intense);
 }
 .focus-visible\:text-intense.focus-visible{
-  color: #292a31;
+  color: rgba(41,42,49,1);
   color: var(--aquarium-text-color-intense);
 }
 .focus-visible\:text-intense:focus-visible{
-  color: #292a31;
+  color: rgba(41,42,49,1);
   color: var(--aquarium-text-color-intense);
 }
 .focus-visible\:outline-none.focus-visible{
@@ -3645,11 +3744,11 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-background-color-body);
 }
 .active\:bg-primary-intense:active{
-  background-color: #222f95;
+  background-color: rgba(34,47,149,1);
   background-color: var(--aquarium-background-color-primary-intense);
 }
 .active\:bg-primary-active:active{
-  background-color: #f3f6ff;
+  background-color: rgba(243,246,255,1);
   background-color: var(--aquarium-background-color-primary-active);
 }
 .active\:bg-transparent:active{
@@ -3657,19 +3756,19 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-colors-transparent);
 }
 .active\:text-primary-active:active{
-  color: #222f95;
+  color: rgba(34,47,149,1);
   color: var(--aquarium-text-color-primary-active);
 }
 .active\:text-primary-intense:active{
-  color: #3545be;
+  color: rgba(53,69,190,1);
   color: var(--aquarium-text-color-primary-intense);
 }
 .active\:text-muted:active{
-  color: #787885;
+  color: rgba(120,120,133,1);
   color: var(--aquarium-text-color-muted);
 }
 .active\:text-default:active{
-  color: #4a4b57;
+  color: rgba(74,75,87,1);
   color: var(--aquarium-text-color-default);
 }
 .active\:ring-0:active{
@@ -3685,15 +3784,15 @@ input[type='number'].no-arrows {
   cursor: not-allowed;
 }
 .disabled\:border-default:disabled{
-  border-color: #d2d2d6;
+  border-color: rgba(210,210,214,1);
   border-color: var(--aquarium-border-color-default);
 }
 .disabled\:bg-default:disabled{
-  background-color: #ededf0;
+  background-color: rgba(237,237,240,1);
   background-color: var(--aquarium-background-color-default);
 }
 .disabled\:bg-primary-muted:disabled{
-  background-color: #b9c5ef;
+  background-color: rgba(185,197,239,1);
   background-color: var(--aquarium-background-color-primary-muted);
 }
 .disabled\:bg-body:disabled{
@@ -3705,15 +3804,15 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-colors-transparent);
 }
 .disabled\:bg-muted:disabled{
-  background-color: #f7f7fa;
+  background-color: rgba(247,247,250,1);
   background-color: var(--aquarium-background-color-muted);
 }
 .disabled\:text-inactive:disabled{
-  color: #9696a0;
+  color: rgba(150,150,160,1);
   color: var(--aquarium-text-color-inactive);
 }
 .disabled\:text-primary-inactive:disabled{
-  color: #b9c5ef;
+  color: rgba(185,197,239,1);
   color: var(--aquarium-text-color-primary-inactive);
 }
 .disabled\:ring-primary-40:disabled{
@@ -3727,7 +3826,7 @@ input[type='number'].no-arrows {
   visibility: visible;
 }
 .group:hover .group-hover\:bg-muted{
-  background-color: #f7f7fa;
+  background-color: rgba(247,247,250,1);
   background-color: var(--aquarium-background-color-muted);
 }
 .group:hover .group-hover\:opacity-100{
@@ -3741,7 +3840,7 @@ input[type='number'].no-arrows {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .peer:checked~.peer-checked\:border-primary-default{
-  border-color: #3545be;
+  border-color: rgba(53,69,190,1);
   border-color: var(--aquarium-border-color-primary-default);
 }
 .peer:checked~.peer-checked\:border-transparent{
@@ -3753,30 +3852,30 @@ input[type='number'].no-arrows {
   color: var(--aquarium-colors-white);
 }
 .peer:checked~.peer-checked\:text-primary-default{
-  color: #5865cd;
+  color: rgba(88,101,205,1);
   color: var(--aquarium-text-color-primary-default);
 }
 .peer\/switch:checked~.peer-checked\/switch\:text-primary-muted{
-  color: #818eec;
+  color: rgba(129,142,236,1);
   color: var(--aquarium-text-color-primary-muted);
 }
 .peer:hover~.peer-hover\:border-intense{
-  border-color: #787885;
+  border-color: rgba(120,120,133,1);
   border-color: var(--aquarium-border-color-intense);
 }
 .peer:focus~.peer-focus\:border-info-default{
-  border-color: #0399e3;
+  border-color: rgba(3,153,227,1);
   border-color: var(--aquarium-border-color-info-default);
 }
 .peer:checked:disabled~.peer-checked\:peer-disabled\:bg-muted{
-  background-color: #f7f7fa;
+  background-color: rgba(247,247,250,1);
   background-color: var(--aquarium-background-color-muted);
 }
 .children\:inline-block>*{
   display: inline-block;
 }
 .children\:border-default>*{
-  border-color: #d2d2d6;
+  border-color: rgba(210,210,214,1);
   border-color: var(--aquarium-border-color-default);
 }
 .children\:opacity-70>*{
@@ -3798,26 +3897,26 @@ input[type='number'].no-arrows {
   stroke: var(--aquarium-colors-white);
 }
 .peer:checked~.peer-checked\:\[\&\>path\]\:stroke-primary-70>path{
-  stroke: #5865cd;
+  stroke: rgba(88,101,205,1);
   stroke: var(--aquarium-colors-primary-70);
 }
 .\[\&\>\*\]\:bg-primary-active>*{
-  background-color: #f3f6ff;
+  background-color: rgba(243,246,255,1);
   background-color: var(--aquarium-background-color-primary-active);
 }
 .\[\&\>\*\]\:hover\:bg-muted:hover>*{
-  background-color: #f7f7fa;
+  background-color: rgba(247,247,250,1);
   background-color: var(--aquarium-background-color-muted);
 }
 .\[\&\>button\]\:p-0>button{
   padding: 0px;
 }
 .\[\&\>button\]\:text-muted>button{
-  color: #787885;
+  color: rgba(120,120,133,1);
   color: var(--aquarium-text-color-muted);
 }
 .\[\&\>button\]\:text-danger-muted>button{
-  color: #ffadb3;
+  color: rgba(255,173,179,1);
   color: var(--aquarium-text-color-danger-muted);
 }
 .\[\&\>\*\:not\(\:first-child\)\]\:-ml-3>*:not(:first-child){