@lobehub/ui 6.0.0-beta.9 → 6.0.1

package/es/theme.css

@@ -59,6 +59,9 @@
   --lobe-motion-ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
   --lobe-motion-ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
   --lobe-motion-ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
+  --lobe-motion-spring-bouncy: linear(0, 0.024, 0.086, 0.173, 0.274, 0.38, 0.485, 0.584, 0.675, 0.756, 0.825, 0.883, 0.931, 0.968, 0.997, 1.017, 1.031, 1.04, 1.045, 1.046, 1.045, 1.042, 1.038, 1.033, 1.028, 1.023, 1.019, 1.015, 1.011, 1.008, 1.005, 1);
+  --lobe-motion-spring-smooth: linear(0, 0.036, 0.12, 0.225, 0.334, 0.438, 0.533, 0.616, 0.688, 0.748, 0.797, 0.838, 0.872, 0.898, 0.92, 0.937, 0.951, 0.962, 0.97, 0.977, 0.982, 0.986, 0.989, 0.992, 0.994, 0.995, 0.996, 0.997, 0.998, 0.998, 0.999, 1);
+  --lobe-motion-spring-snappy: linear(0, 0.032, 0.111, 0.216, 0.33, 0.444, 0.552, 0.648, 0.731, 0.801, 0.858, 0.904, 0.939, 0.965, 0.984, 0.998, 1.006, 1.012, 1.014, 1.015, 1.015, 1.014, 1.012, 1.01, 1.009, 1.007, 1.006, 1.004, 1.003, 1.002, 1.002, 1);
   --lobe-opacity-image: 1;
   --lobe-opacity-loading: 0.65;
   --lobe-padding: 16px;
@@ -149,62 +152,62 @@
   --lobe-pink-9: #780650;
   --lobe-pink-active: #c41d7f;
   --lobe-pink-hover: #f759ab;
-  --lobe-color-error-fill: rgba(255, 42, 3, 0.20);
-  --lobe-color-error-fill-secondary: rgba(255, 35, 2, 0.12);
-  --lobe-color-error-fill-tertiary: rgba(255, 44, 11, 0.06);
-  --lobe-color-error-fill-quaternary: rgba(255, 55, 30, 0.04);
-  --lobe-color-error-bg: #fff7f6;
-  --lobe-color-error-bg-hover: #ffece9;
-  --lobe-color-error-border: #ffcec5;
-  --lobe-color-error-border-hover: #ffded9;
-  --lobe-color-error-hover: #fb745a;
-  --lobe-color-error: #ec5e41;
-  --lobe-color-error-active: #a53716;
-  --lobe-color-error-text-hover: #fb745a;
-  --lobe-color-error-text: #ec5e41;
-  --lobe-color-error-text-active: #a53716;
-  --lobe-color-info-fill: rgba(10, 95, 255, 0.2);
-  --lobe-color-info-fill-secondary: rgba(13, 88, 255, 0.12);
-  --lobe-color-info-fill-tertiary: rgba(22, 88, 255, 0.06);
-  --lobe-color-info-fill-quaternary: rgba(105, 55, 255, 0.02);
-  --lobe-color-info-bg: #fcfbff;
-  --lobe-color-info-bg-hover: #f1f5ff;
-  --lobe-color-info-border: #cedfff;
-  --lobe-color-info-border-hover: #e2ebff;
-  --lobe-color-info-hover: #4c90ff;
-  --lobe-color-info: #0072f5;
-  --lobe-color-info-active: #005ae0;
-  --lobe-color-info-text-hover: #4c90ff;
-  --lobe-color-info-text: #0072f5;
-  --lobe-color-info-text-active: #005ae0;
-  --lobe-color-success-fill: rgba(40, 174, 1, 0.26);
-  --lobe-color-success-fill-secondary: rgba(60, 190, 10, 0.14);
-  --lobe-color-success-fill-tertiary: rgba(84, 205, 12, 0.10);
-  --lobe-color-success-fill-quaternary: rgba(117, 230, 5, 0.06);
-  --lobe-color-success-bg: #f4fdeb;
-  --lobe-color-success-bg-hover: #e7f8dd;
-  --lobe-color-success-border: #c7eabd;
-  --lobe-color-success-border-hover: #d8f2ce;
-  --lobe-color-success-hover: #71c179;
-  --lobe-color-success: #379d4a;
-  --lobe-color-success-active: #007944;
-  --lobe-color-success-text-hover: #71c179;
-  --lobe-color-success-text: #379d4a;
-  --lobe-color-success-text-active: #007944;
-  --lobe-color-warning-fill: rgba(255, 134, 5, 0.20);
-  --lobe-color-warning-fill-secondary: rgba(255, 117, 5, 0.16);
-  --lobe-color-warning-fill-tertiary: rgba(255,155,55,0.08);
-  --lobe-color-warning-fill-quaternary: rgba(255,145,55,0.04);
-  --lobe-color-warning-bg: #fffdff;
-  --lobe-color-warning-bg-hover: #fff9f7;
-  --lobe-color-warning-border: #ffeedc;
-  --lobe-color-warning-border-hover: #fff4eb;
-  --lobe-color-warning-hover: #ffc368;
-  --lobe-color-warning: #ee9e0b;
-  --lobe-color-warning-active: #d59300;
-  --lobe-color-warning-text-hover: #ffc368;
-  --lobe-color-warning-text: #ee9e0b;
-  --lobe-color-warning-text-active: #d59300;
+  --lobe-color-error-fill: rgba(255, 49, 11, 0.16);
+  --lobe-color-error-fill-secondary: rgba(255, 37, 10, 0.11);
+  --lobe-color-error-fill-tertiary: rgba(255, 41, 12, 0.07);
+  --lobe-color-error-fill-quaternary: rgba(230, 80, 55, 0.04);
+  --lobe-color-error-bg: #fef8f7;
+  --lobe-color-error-bg-hover: #fff0ee;
+  --lobe-color-error-border: #ffded8;
+  --lobe-color-error-border-hover: #ffe7e4;
+  --lobe-color-error-hover: #ff775c;
+  --lobe-color-error: #f35837;
+  --lobe-color-error-active: #ce461e;
+  --lobe-color-error-text-hover: #ff775c;
+  --lobe-color-error-text: #ce461e;
+  --lobe-color-error-text-active: #ce461e;
+  --lobe-color-info-fill: rgba(5, 99, 255, 0.16);
+  --lobe-color-info-fill-secondary: rgba(0, 91, 255, 0.11);
+  --lobe-color-info-fill-tertiary: rgba(30, 117, 255, 0.08);
+  --lobe-color-info-fill-quaternary: rgba(22, 55, 255, 0.03);
+  --lobe-color-info-bg: #f8f9ff;
+  --lobe-color-info-bg-hover: #edf4ff;
+  --lobe-color-info-border: #d7e6ff;
+  --lobe-color-info-border-hover: #e3edff;
+  --lobe-color-info-hover: #2c91ff;
+  --lobe-color-info: #0076e3;
+  --lobe-color-info-active: #0060cc;
+  --lobe-color-info-text-hover: #2c91ff;
+  --lobe-color-info-text: #0060cc;
+  --lobe-color-info-text-active: #0060cc;
+  --lobe-color-success-fill: rgba(40, 160, 0, 0.2);
+  --lobe-color-success-fill-secondary: rgba(55, 162, 2, 0.15);
+  --lobe-color-success-fill-tertiary: rgba(85, 165, 5, 0.1);
+  --lobe-color-success-fill-quaternary: rgba(138, 188, 22, 0.06);
+  --lobe-color-success-bg: #f8fbf1;
+  --lobe-color-success-bg-hover: #eef6e6;
+  --lobe-color-success-border: #d4eccc;
+  --lobe-color-success-border-hover: #e1f1d9;
+  --lobe-color-success-hover: #30b556;
+  --lobe-color-success: #00a03f;
+  --lobe-color-success-active: #00864e;
+  --lobe-color-success-text-hover: #30b556;
+  --lobe-color-success-text: #00864e;
+  --lobe-color-success-text-active: #00864e;
+  --lobe-color-warning-fill: rgba(255, 155, 2, 0.3);
+  --lobe-color-warning-fill-secondary: rgba(255, 145, 0, 0.2);
+  --lobe-color-warning-fill-tertiary: rgba(255, 147, 13, 0.12);
+  --lobe-color-warning-fill-quaternary: rgba(255, 115, 15, 0.05);
+  --lobe-color-warning-bg: #fff8f3;
+  --lobe-color-warning-bg-hover: #fff2e2;
+  --lobe-color-warning-border: #ffe1b3;
+  --lobe-color-warning-border-hover: #ffe9cc;
+  --lobe-color-warning-hover: #ffbe2b;
+  --lobe-color-warning: #feb400;
+  --lobe-color-warning-active: #d78f00;
+  --lobe-color-warning-text-hover: #ffbe2b;
+  --lobe-color-warning-text: #d78f00;
+  --lobe-color-warning-text-active: #d78f00;
   --lobe-blue-1: #fcfcff;
   --lobe-blue-2: #f2f8ff;
   --lobe-blue-3: #e5f1ff;
@@ -726,12 +729,12 @@
   --lobe-box-shadow: 0 40px 80px rgba(0, 0, 0, 0.06), 0 20px 40px rgba(0, 0, 0, 0.05), 0 10px 20px rgba(0, 0, 0, 0.04), 0 5px 10px rgba(0, 0, 0, 0.03), 0 2px 4px rgba(0, 0, 0, 0.02);
   --lobe-box-shadow-secondary: 0 17.5px 23.4px rgba(0, 0, 0, 0.04), 0 9.4px 12.5px rgba(0, 0, 0, 0.03), 0 5.25px 7px rgba(0, 0, 0, 0.02), 0 2.8px 3.7px -2px rgba(0, 0, 0, 0.01), 0 1.2px 1.5px rgba(0, 0, 0, 0.01);
   --lobe-box-shadow-tertiary: 0 1px 2px rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.02);
-  --lobe-color-error-affix: #ec5e41;
-  --lobe-color-highlight: #ec5e41;
-  --lobe-color-link: #0072f5;
-  --lobe-color-link-active: #005ae0;
-  --lobe-color-link-hover: #4c90ff;
-  --lobe-color-warning-affix: #ee9e0b;
+  --lobe-color-error-affix: #f35837;
+  --lobe-color-highlight: #f35837;
+  --lobe-color-link: #0060cc;
+  --lobe-color-link-active: #0060cc;
+  --lobe-color-link-hover: #2c91ff;
+  --lobe-color-warning-affix: #feb400;
   --lobe-color-primary-fill: rgba(0, 0, 0, 0.36);
   --lobe-color-primary-fill-secondary: rgba(0, 0, 0, 0.22);
   --lobe-color-primary-fill-tertiary: rgba(0, 0, 0, 0.16);
@@ -759,28 +762,28 @@
   --lobe-color-fill-quaternary: rgba(0, 0, 0, 0.015);
   --lobe-color-fill-secondary: rgba(0, 0, 0, 0.06);
   --lobe-color-fill-tertiary: rgba(0, 0, 0, 0.03);
-  --lobe-color-text: #080808;
-  --lobe-color-text-quaternary: #bbbbbb;
+  --lobe-color-text: #1f1f1f;
+  --lobe-color-text-quaternary: #b0b0b0;
   --lobe-color-text-secondary: #666666;
-  --lobe-color-text-tertiary: #999999;
+  --lobe-color-text-tertiary: #8a8a8a;
   --lobe-color-bg-container-disabled: rgba(0, 0, 0, 0.03);
   --lobe-color-bg-container-secondary: #fbfbfb;
   --lobe-color-bg-text-active: rgba(0, 0, 0, 0.12);
   --lobe-color-bg-text-hover: rgba(0, 0, 0, 0.06);
   --lobe-color-border-bg: #ffffff;
-  --lobe-color-error-outline: rgba(255,55,30,0.04);
+  --lobe-color-error-outline: rgba(230,80,55,0.04);
   --lobe-color-fill-alter: rgba(0, 0, 0, 0.015);
   --lobe-color-fill-content: rgba(0, 0, 0, 0.06);
   --lobe-color-fill-content-hover: rgba(0, 0, 0, 0.12);
-  --lobe-color-icon: #999999;
-  --lobe-color-icon-hover: #080808;
+  --lobe-color-icon: #8a8a8a;
+  --lobe-color-icon-hover: #1f1f1f;
   --lobe-color-split: rgba(12,12,12,0.07);
-  --lobe-color-text-description: #999999;
-  --lobe-color-text-disabled: #bbbbbb;
-  --lobe-color-text-heading: #080808;
+  --lobe-color-text-description: #8a8a8a;
+  --lobe-color-text-disabled: #b0b0b0;
+  --lobe-color-text-heading: #1f1f1f;
   --lobe-color-text-label: #666666;
-  --lobe-color-text-placeholder: #bbbbbb;
-  --lobe-color-warning-outline: rgba(255,55,255,0.01);
+  --lobe-color-text-placeholder: #b0b0b0;
+  --lobe-color-warning-outline: rgba(255,115,15,0.05);
   --lobe-control-item-bg-active-disabled: rgba(0, 0, 0, 0.12);
   --lobe-control-item-bg-hover: rgba(0, 0, 0, 0.03);
   --lobe-control-tmp-outline: rgba(0, 0, 0, 0.015);
@@ -793,16 +796,16 @@
 }
 
 [data-theme='dark'] {
-  --lobe-box-shadow-card: 0 1px 2px -2px rgba(255,255,255,0.032), 0 3px 6px 0 rgba(255,255,255,0.024), 0 5px 12px 4px rgba(255,255,255,0.018);
-  --lobe-box-shadow-drawer-down: 0 -6px 16px 0 rgba(255,255,255,0.016), 0 -3px 6px -4px rgba(255,255,255,0.024), 0 -9px 28px 8px rgba(255,255,255,0.010000000000000002);
-  --lobe-box-shadow-drawer-left: 6px 0 16px 0 rgba(255,255,255,0.016), 3px 0 6px -4px rgba(255,255,255,0.024), 9px 0 28px 8px rgba(255,255,255,0.010000000000000002);
-  --lobe-box-shadow-drawer-right: -6px 0 16px 0 rgba(255,255,255,0.016), -3px 0 6px -4px rgba(255,255,255,0.024), -9px 0 28px 8px rgba(255,255,255,0.010000000000000002);
-  --lobe-box-shadow-drawer-up: 0 6px 16px 0 rgba(255,255,255,0.016), 0 3px 6px -4px rgba(255,255,255,0.024), 0 9px 28px 8px rgba(255,255,255,0.010000000000000002);
-  --lobe-box-shadow-popover-arrow: 2px 2px 5px rgba(255,255,255,0.010000000000000002);
-  --lobe-box-shadow-tabs-overflow-bottom: inset 0 -10px 8px -8px rgba(255,255,255,0.016);
-  --lobe-box-shadow-tabs-overflow-left: inset 10px 0 8px -8px rgba(255,255,255,0.016);
-  --lobe-box-shadow-tabs-overflow-right: inset -10px 0 8px -8px rgba(255,255,255,0.016);
-  --lobe-box-shadow-tabs-overflow-top: inset 0 10px 8px -8px rgba(255,255,255,0.016);
+  --lobe-box-shadow-card: 0 1px 2px -2px rgba(0,0,0,0.16), 0 3px 6px 0 rgba(0,0,0,0.12), 0 5px 12px 4px rgba(0,0,0,0.09);
+  --lobe-box-shadow-drawer-down: 0 -6px 16px 0 rgba(0,0,0,0.08), 0 -3px 6px -4px rgba(0,0,0,0.12), 0 -9px 28px 8px rgba(0,0,0,0.05);
+  --lobe-box-shadow-drawer-left: 6px 0 16px 0 rgba(0,0,0,0.08), 3px 0 6px -4px rgba(0,0,0,0.12), 9px 0 28px 8px rgba(0,0,0,0.05);
+  --lobe-box-shadow-drawer-right: -6px 0 16px 0 rgba(0,0,0,0.08), -3px 0 6px -4px rgba(0,0,0,0.12), -9px 0 28px 8px rgba(0,0,0,0.05);
+  --lobe-box-shadow-drawer-up: 0 6px 16px 0 rgba(0,0,0,0.08), 0 3px 6px -4px rgba(0,0,0,0.12), 0 9px 28px 8px rgba(0,0,0,0.05);
+  --lobe-box-shadow-popover-arrow: 2px 2px 5px rgba(0,0,0,0.05);
+  --lobe-box-shadow-tabs-overflow-bottom: inset 0 -10px 8px -8px rgba(0,0,0,0.08);
+  --lobe-box-shadow-tabs-overflow-left: inset 10px 0 8px -8px rgba(0,0,0,0.08);
+  --lobe-box-shadow-tabs-overflow-right: inset -10px 0 8px -8px rgba(0,0,0,0.08);
+  --lobe-box-shadow-tabs-overflow-top: inset 0 10px 8px -8px rgba(0,0,0,0.08);
   --lobe-color-bg-base: #000;
   --lobe-color-bg-blur: rgba(255,255,255,0.04);
   --lobe-color-bg-solid: rgba(255,255,255,0.95);
@@ -811,9 +814,9 @@
   --lobe-color-border-disabled: #424242;
   --lobe-color-error-bg-active: #5b2526;
   --lobe-color-error-bg-filled-hover: #441e1f;
-  --lobe-color-shadow: rgba(255, 255, 255, 0.2);
+  --lobe-color-shadow: #000;
   --lobe-color-text-base: #fff;
-  --lobe-drop-shadow-popover: drop-shadow(0 6px 16px rgba(255,255,255,0.016)) drop-shadow(0 3px 6px rgba(255,255,255,0.024)) drop-shadow(0 9px 28px rgba(255,255,255,0.010000000000000002));
+  --lobe-drop-shadow-popover: drop-shadow(0 6px 16px rgba(0,0,0,0.08)) drop-shadow(0 3px 6px rgba(0,0,0,0.12)) drop-shadow(0 9px 28px rgba(0,0,0,0.05));
   --lobe-pink-1: #291321;
   --lobe-pink-10: #fad2e3;
   --lobe-pink-2: #40162f;
@@ -826,62 +829,62 @@
   --lobe-pink-9: #f8a8cc;
   --lobe-pink-active: #e0529c;
   --lobe-pink-hover: #a02669;
-  --lobe-color-error-fill: rgba(255, 0, 106, 0.47);
-  --lobe-color-error-fill-secondary: rgba(253, 0, 103, 0.34);
-  --lobe-color-error-fill-tertiary: rgba(255, 0, 95, 0.22);
-  --lobe-color-error-fill-quaternary: rgba(250, 0, 50, 0.06);
-  --lobe-color-error-bg: #380015;
-  --lobe-color-error-bg-hover: #560023;
-  --lobe-color-error-border: #9d0042;
-  --lobe-color-error-border-hover: #c10251;
-  --lobe-color-error-hover: #ffb0b7;
-  --lobe-color-error: #f4416c;
-  --lobe-color-error-active: #e43165;
-  --lobe-color-error-text-hover: #ffb0b7;
-  --lobe-color-error-text: #f4416c;
-  --lobe-color-error-text-active: #e43165;
-  --lobe-color-info-fill: rgba(0, 123, 252, 0.48);
-  --lobe-color-info-fill-secondary: rgba(0, 111, 253, 0.36);
-  --lobe-color-info-fill-tertiary: rgba(0, 88, 246, 0.26);
-  --lobe-color-info-fill-quaternary: rgba(0, 44, 233, 0.09);
-  --lobe-color-info-bg: #001740;
-  --lobe-color-info-bg-hover: #00285b;
-  --lobe-color-info-border: #004f98;
-  --lobe-color-info-border-hover: #0064b6;
-  --lobe-color-info-hover: #a7d3ff;
-  --lobe-color-info: #60b1ff;
-  --lobe-color-info-active: #2d8ae0;
-  --lobe-color-info-text-hover: #a7d3ff;
-  --lobe-color-info-text: #60b1ff;
-  --lobe-color-info-text-active: #2d8ae0;
-  --lobe-color-success-fill: rgba(177, 255, 0, 0.31);
-  --lobe-color-success-fill-secondary: rgba(168, 250, 0, 0.22);
-  --lobe-color-success-fill-tertiary: rgba(154, 254, 0, 0.13);
-  --lobe-color-success-fill-quaternary: rgba(100, 200, 0, 0.02);
-  --lobe-color-success-bg: #142100;
-  --lobe-color-success-bg-hover: #253700;
-  --lobe-color-success-border: #4b6800;
-  --lobe-color-success-border-hover: #608200;
-  --lobe-color-success-hover: #daf685;
-  --lobe-color-success: #c4f042;
-  --lobe-color-success-active: #8fb81b;
-  --lobe-color-success-text-hover: #daf685;
-  --lobe-color-success-text: #c4f042;
-  --lobe-color-success-text-active: #8fb81b;
-  --lobe-color-warning-fill: rgba(252, 174, 0, 0.42);
-  --lobe-color-warning-fill-secondary: rgba(248, 166, 0, 0.29);
-  --lobe-color-warning-fill-tertiary: rgba(247, 159, 0, 0.17);
-  --lobe-color-warning-fill-quaternary: rgba(233, 100, 0, 0.03);
-  --lobe-color-warning-bg: #2a1b00;
-  --lobe-color-warning-bg-hover: #483000;
-  --lobe-color-warning-border: #916400;
-  --lobe-color-warning-border-hover: #b77e00;
-  --lobe-color-warning-hover: #ffdcaf;
-  --lobe-color-warning: #ffb224;
-  --lobe-color-warning-active: #eaa100;
-  --lobe-color-warning-text-hover: #ffdcaf;
-  --lobe-color-warning-text: #ffb224;
-  --lobe-color-warning-text-active: #eaa100;
+  --lobe-color-error-fill: rgba(250, 78, 90, 0.4);
+  --lobe-color-error-fill-secondary: rgba(250, 67, 87, 0.3);
+  --lobe-color-error-fill-tertiary: rgba(248, 52, 57, 0.21);
+  --lobe-color-error-fill-quaternary: rgba(250, 100, 90, 0.1);
+  --lobe-color-error-bg: #340b0c;
+  --lobe-color-error-bg-hover: #4b141a;
+  --lobe-color-error-border: #8a3334;
+  --lobe-color-error-border-hover: #aa3f3e;
+  --lobe-color-error-hover: #ffa8a0;
+  --lobe-color-error: #e95350;
+  --lobe-color-error-active: #be3738;
+  --lobe-color-error-text-hover: #ffa8a0;
+  --lobe-color-error-text: #e95350;
+  --lobe-color-error-text-active: #be3738;
+  --lobe-color-info-fill: rgba(0, 150, 255, 0.38);
+  --lobe-color-info-fill-secondary: rgba(0, 141, 252, 0.29);
+  --lobe-color-info-fill-tertiary: rgba(0, 124, 252, 0.21);
+  --lobe-color-info-fill-quaternary: rgba(60, 150, 240, 0.1);
+  --lobe-color-info-bg: #001a35;
+  --lobe-color-info-bg-hover: #002949;
+  --lobe-color-info-border: #005389;
+  --lobe-color-info-border-hover: #0067a9;
+  --lobe-color-info-hover: #9cdaff;
+  --lobe-color-info: #4cb3ff;
+  --lobe-color-info-active: #0091eb;
+  --lobe-color-info-text-hover: #9cdaff;
+  --lobe-color-info-text: #4cb3ff;
+  --lobe-color-info-text-active: #0091eb;
+  --lobe-color-success-fill: rgba(112, 252, 0, 0.25);
+  --lobe-color-success-fill-secondary: rgba(84, 242, 0, 0.19);
+  --lobe-color-success-fill-tertiary: rgba(46, 238, 0, 0.13);
+  --lobe-color-success-fill-quaternary: rgba(143, 229, 57, 0.07);
+  --lobe-color-success-bg: #061f00;
+  --lobe-color-success-bg-hover: #102e00;
+  --lobe-color-success-border: #315a09;
+  --lobe-color-success-border-hover: #3e6f06;
+  --lobe-color-success-hover: #bae48c;
+  --lobe-color-success: #80c933;
+  --lobe-color-success-active: #67a70a;
+  --lobe-color-success-text-hover: #bae48c;
+  --lobe-color-success-text: #80c933;
+  --lobe-color-success-text-active: #67a70a;
+  --lobe-color-warning-fill: rgba(253, 147, 0, 0.32);
+  --lobe-color-warning-fill-secondary: rgba(250, 142, 0, 0.24);
+  --lobe-color-warning-fill-tertiary: rgba(247, 153, 0, 0.15);
+  --lobe-color-warning-fill-quaternary: rgba(233, 144, 22, 0.09);
+  --lobe-color-warning-bg: #251700;
+  --lobe-color-warning-bg-hover: #3c2200;
+  --lobe-color-warning-border: #724600;
+  --lobe-color-warning-border-hover: #8d5700;
+  --lobe-color-warning-hover: #ffdd9c;
+  --lobe-color-warning: #ffbe45;
+  --lobe-color-warning-active: #e39a00;
+  --lobe-color-warning-text-hover: #ffdd9c;
+  --lobe-color-warning-text: #ffbe45;
+  --lobe-color-warning-text-active: #e39a00;
   --lobe-blue-1: #001740;
   --lobe-blue-2: #00285b;
   --lobe-blue-3: #003b79;
@@ -1403,12 +1406,12 @@
   --lobe-box-shadow: 0 40px 80px rgba(0, 0, 0, 0.09), 0 20px 40px rgba(0, 0, 0, 0.08), 0 10px 20px rgba(0, 0, 0, 0.06), 0 5px 10px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.03);
   --lobe-box-shadow-secondary: 0 17.5px 23.4px rgba(0, 0, 0, 0.06), 0 9.4px 12.5px rgba(0, 0, 0, 0.05), 0 5.25px 7px rgba(0, 0, 0, 0.03), 0 2.8px 3.7px -2px rgba(0, 0, 0, 0.02), 0 1.2px 1.5px rgba(0, 0, 0, 0.02);
   --lobe-box-shadow-tertiary: 0 1px 2px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.03);
-  --lobe-color-error-affix: #f4416c;
-  --lobe-color-highlight: #f4416c;
-  --lobe-color-link: #60b1ff;
-  --lobe-color-link-active: #2d8ae0;
-  --lobe-color-link-hover: #a7d3ff;
-  --lobe-color-warning-affix: #ffb224;
+  --lobe-color-error-affix: #e95350;
+  --lobe-color-highlight: #e95350;
+  --lobe-color-link: #4cb3ff;
+  --lobe-color-link-active: #0091eb;
+  --lobe-color-link-hover: #9cdaff;
+  --lobe-color-warning-affix: #ffbe45;
   --lobe-color-primary-fill: rgba(255, 255, 255, 0.22);
   --lobe-color-primary-fill-secondary: rgba(255, 255, 255, 0.16);
   --lobe-color-primary-fill-tertiary: rgba(255, 255, 255, 0.08);
@@ -1436,28 +1439,28 @@
   --lobe-color-fill-quaternary: rgba(255, 255, 255, 0.02);
   --lobe-color-fill-secondary: rgba(255, 255, 255, 0.10);
   --lobe-color-fill-tertiary: rgba(255, 255, 255, 0.06);
-  --lobe-color-text: #ffffff;
-  --lobe-color-text-quaternary: #555555;
-  --lobe-color-text-secondary: #aaaaaa;
-  --lobe-color-text-tertiary: #6f6f6f;
+  --lobe-color-text: #e6e6e6;
+  --lobe-color-text-quaternary: #6b6b6b;
+  --lobe-color-text-secondary: #b4b4b4;
+  --lobe-color-text-tertiary: #8f8f8f;
   --lobe-color-bg-container-disabled: rgba(255, 255, 255, 0.06);
   --lobe-color-bg-container-secondary: #060606;
   --lobe-color-bg-text-active: rgba(255, 255, 255, 0.16);
   --lobe-color-bg-text-hover: rgba(255, 255, 255, 0.10);
   --lobe-color-border-bg: #0d0d0d;
-  --lobe-color-error-outline: rgba(57,0,21,0.97);
+  --lobe-color-error-outline: rgba(242,1,7,0.17);
   --lobe-color-fill-alter: rgba(255, 255, 255, 0.02);
   --lobe-color-fill-content: rgba(255, 255, 255, 0.10);
   --lobe-color-fill-content-hover: rgba(255, 255, 255, 0.16);
-  --lobe-color-icon: #6f6f6f;
-  --lobe-color-icon-hover: #ffffff;
+  --lobe-color-icon: #8f8f8f;
+  --lobe-color-icon-hover: #e6e6e6;
   --lobe-color-split: rgba(230,230,230,0.06);
-  --lobe-color-text-description: #6f6f6f;
-  --lobe-color-text-disabled: #555555;
-  --lobe-color-text-heading: #ffffff;
-  --lobe-color-text-label: #aaaaaa;
-  --lobe-color-text-placeholder: #555555;
-  --lobe-color-warning-outline: rgba(43,27,0,0.97);
+  --lobe-color-text-description: #8f8f8f;
+  --lobe-color-text-disabled: #6b6b6b;
+  --lobe-color-text-heading: #e6e6e6;
+  --lobe-color-text-label: #b4b4b4;
+  --lobe-color-text-placeholder: #6b6b6b;
+  --lobe-color-warning-outline: rgba(38,23,0,0.97);
   --lobe-control-item-bg-active-disabled: rgba(255, 255, 255, 0.16);
   --lobe-control-item-bg-hover: rgba(255, 255, 255, 0.06);
   --lobe-control-tmp-outline: rgba(255, 255, 255, 0.02);
@@ -1709,28 +1712,28 @@
   --lobe-color-fill-quaternary: rgba(0, 0, 0, 0.015);
   --lobe-color-fill-secondary: rgba(55, 22, 55, 0.09);
   --lobe-color-fill-tertiary: rgba(155, 22, 122, 0.03);
-  --lobe-color-text: #111;
-  --lobe-color-text-quaternary: #b4b2b7;
-  --lobe-color-text-secondary: #7f7d83;
-  --lobe-color-text-tertiary: #99979c;
+  --lobe-color-text: #1f1f23;
+  --lobe-color-text-quaternary: #b1afb5;
+  --lobe-color-text-secondary: #67656b;
+  --lobe-color-text-tertiary: #8b898f;
   --lobe-color-bg-container-disabled: rgba(155, 22, 122, 0.03);
   --lobe-color-bg-container-secondary: #fdfbfd;
   --lobe-color-bg-text-active: rgba(26, 5, 26, 0.14);
   --lobe-color-bg-text-hover: rgba(55, 22, 55, 0.09);
   --lobe-color-border-bg: #ffffff;
-  --lobe-color-error-outline: rgba(255,55,30,0.04);
+  --lobe-color-error-outline: rgba(230,80,55,0.04);
   --lobe-color-fill-alter: rgba(0, 0, 0, 0.015);
   --lobe-color-fill-content: rgba(55, 22, 55, 0.09);
   --lobe-color-fill-content-hover: rgba(26, 5, 26, 0.14);
-  --lobe-color-icon: #99979c;
-  --lobe-color-icon-hover: #111;
+  --lobe-color-icon: #8b898f;
+  --lobe-color-icon-hover: #1f1f23;
   --lobe-color-split: rgba(55,22,55,0.09);
-  --lobe-color-text-description: #99979c;
-  --lobe-color-text-disabled: #b4b2b7;
-  --lobe-color-text-heading: #111;
-  --lobe-color-text-label: #7f7d83;
-  --lobe-color-text-placeholder: #b4b2b7;
-  --lobe-color-warning-outline: rgba(255,55,255,0.01);
+  --lobe-color-text-description: #8b898f;
+  --lobe-color-text-disabled: #b1afb5;
+  --lobe-color-text-heading: #1f1f23;
+  --lobe-color-text-label: #67656b;
+  --lobe-color-text-placeholder: #b1afb5;
+  --lobe-color-warning-outline: rgba(255,115,15,0.05);
   --lobe-control-item-bg-active-disabled: rgba(26, 5, 26, 0.14);
   --lobe-control-item-bg-hover: rgba(155, 22, 122, 0.03);
   --lobe-control-tmp-outline: rgba(0, 0, 0, 0.015);
@@ -1748,28 +1751,28 @@
   --lobe-color-fill-quaternary: rgba(0, 0, 0, 0.015);
   --lobe-color-fill-secondary: rgba(65, 55, 5, 0.1);
   --lobe-color-fill-tertiary: rgba(155, 135, 35, 0.05);
-  --lobe-color-text: #111;
-  --lobe-color-text-quaternary: #b2b4ae;
-  --lobe-color-text-secondary: #7c7f79;
-  --lobe-color-text-tertiary: #969993;
+  --lobe-color-text: #1d201c;
+  --lobe-color-text-quaternary: #aeb1aa;
+  --lobe-color-text-secondary: #646762;
+  --lobe-color-text-tertiary: #888b85;
   --lobe-color-bg-container-disabled: rgba(155, 135, 35, 0.05);
   --lobe-color-bg-container-secondary: #fcfcf9;
   --lobe-color-bg-text-active: rgba(43, 43, 5, 0.16);
   --lobe-color-bg-text-hover: rgba(65, 55, 5, 0.1);
   --lobe-color-border-bg: #ffffff;
-  --lobe-color-error-outline: rgba(255,55,30,0.04);
+  --lobe-color-error-outline: rgba(230,80,55,0.04);
   --lobe-color-fill-alter: rgba(0, 0, 0, 0.015);
   --lobe-color-fill-content: rgba(65, 55, 5, 0.1);
   --lobe-color-fill-content-hover: rgba(43, 43, 5, 0.16);
-  --lobe-color-icon: #969993;
-  --lobe-color-icon-hover: #111;
+  --lobe-color-icon: #888b85;
+  --lobe-color-icon-hover: #1d201c;
   --lobe-color-split: rgba(65,55,5,0.1);
-  --lobe-color-text-description: #969993;
-  --lobe-color-text-disabled: #b2b4ae;
-  --lobe-color-text-heading: #111;
-  --lobe-color-text-label: #7c7f79;
-  --lobe-color-text-placeholder: #b2b4ae;
-  --lobe-color-warning-outline: rgba(255,55,255,0.01);
+  --lobe-color-text-description: #888b85;
+  --lobe-color-text-disabled: #aeb1aa;
+  --lobe-color-text-heading: #1d201c;
+  --lobe-color-text-label: #646762;
+  --lobe-color-text-placeholder: #aeb1aa;
+  --lobe-color-warning-outline: rgba(255,115,15,0.05);
   --lobe-control-item-bg-active-disabled: rgba(43, 43, 5, 0.16);
   --lobe-control-item-bg-hover: rgba(155, 135, 35, 0.05);
   --lobe-control-tmp-outline: rgba(0, 0, 0, 0.015);
@@ -1787,28 +1790,28 @@
   --lobe-color-fill-quaternary: rgba(0, 0, 0, 0.015);
   --lobe-color-fill-secondary: rgba(15, 65, 5, 0.1);
   --lobe-color-fill-tertiary: rgba(55, 155, 35, 0.05);
-  --lobe-color-text: #111111;
-  --lobe-color-text-quaternary: #aeb4b0;
-  --lobe-color-text-secondary: #797f7c;
-  --lobe-color-text-tertiary: #939996;
+  --lobe-color-text: #1b201e;
+  --lobe-color-text-quaternary: #abb1ae;
+  --lobe-color-text-secondary: #616765;
+  --lobe-color-text-tertiary: #868c89;
   --lobe-color-bg-container-disabled: rgba(55, 155, 35, 0.05);
   --lobe-color-bg-container-secondary: #fafcf9;
   --lobe-color-bg-text-active: rgba(5, 43, 5, 0.16);
   --lobe-color-bg-text-hover: rgba(15, 65, 5, 0.1);
   --lobe-color-border-bg: #ffffff;
-  --lobe-color-error-outline: rgba(255,55,30,0.04);
+  --lobe-color-error-outline: rgba(230,80,55,0.04);
   --lobe-color-fill-alter: rgba(0, 0, 0, 0.015);
   --lobe-color-fill-content: rgba(15, 65, 5, 0.1);
   --lobe-color-fill-content-hover: rgba(5, 43, 5, 0.16);
-  --lobe-color-icon: #939996;
-  --lobe-color-icon-hover: #111111;
+  --lobe-color-icon: #868c89;
+  --lobe-color-icon-hover: #1b201e;
   --lobe-color-split: rgba(15,65,5,0.1);
-  --lobe-color-text-description: #939996;
-  --lobe-color-text-disabled: #aeb4b0;
-  --lobe-color-text-heading: #111111;
-  --lobe-color-text-label: #797f7c;
-  --lobe-color-text-placeholder: #aeb4b0;
-  --lobe-color-warning-outline: rgba(255,55,255,0.01);
+  --lobe-color-text-description: #868c89;
+  --lobe-color-text-disabled: #abb1ae;
+  --lobe-color-text-heading: #1b201e;
+  --lobe-color-text-label: #616765;
+  --lobe-color-text-placeholder: #abb1ae;
+  --lobe-color-warning-outline: rgba(255,115,15,0.05);
   --lobe-control-item-bg-active-disabled: rgba(5, 43, 5, 0.16);
   --lobe-control-item-bg-hover: rgba(55, 155, 35, 0.05);
   --lobe-control-tmp-outline: rgba(0, 0, 0, 0.015);
@@ -1826,28 +1829,28 @@
   --lobe-color-fill-quaternary: rgba(0, 0, 0, 0.015);
   --lobe-color-fill-secondary: rgba(91, 73, 10, 0.11);
   --lobe-color-fill-tertiary: rgba(195, 135, 15, 0.05);
-  --lobe-color-text: #111;
-  --lobe-color-text-quaternary: #b5b3ab;
-  --lobe-color-text-secondary: #7f7e76;
-  --lobe-color-text-tertiary: #999890;
+  --lobe-color-text: #1f201a;
+  --lobe-color-text-quaternary: #b2b0a8;
+  --lobe-color-text-secondary: #67665f;
+  --lobe-color-text-tertiary: #8b8a82;
   --lobe-color-bg-container-disabled: rgba(195, 135, 15, 0.05);
   --lobe-color-bg-container-secondary: #fdfcf9;
   --lobe-color-bg-text-active: rgba(67, 55, 8, 0.17);
   --lobe-color-bg-text-hover: rgba(91, 73, 10, 0.11);
   --lobe-color-border-bg: #ffffff;
-  --lobe-color-error-outline: rgba(255,55,30,0.04);
+  --lobe-color-error-outline: rgba(230,80,55,0.04);
   --lobe-color-fill-alter: rgba(0, 0, 0, 0.015);
   --lobe-color-fill-content: rgba(91, 73, 10, 0.11);
   --lobe-color-fill-content-hover: rgba(67, 55, 8, 0.17);
-  --lobe-color-icon: #999890;
-  --lobe-color-icon-hover: #111;
+  --lobe-color-icon: #8b8a82;
+  --lobe-color-icon-hover: #1f201a;
   --lobe-color-split: rgba(91,73,10,0.11);
-  --lobe-color-text-description: #999890;
-  --lobe-color-text-disabled: #b5b3ab;
-  --lobe-color-text-heading: #111;
-  --lobe-color-text-label: #7f7e76;
-  --lobe-color-text-placeholder: #b5b3ab;
-  --lobe-color-warning-outline: rgba(255,55,255,0.01);
+  --lobe-color-text-description: #8b8a82;
+  --lobe-color-text-disabled: #b2b0a8;
+  --lobe-color-text-heading: #1f201a;
+  --lobe-color-text-label: #67665f;
+  --lobe-color-text-placeholder: #b2b0a8;
+  --lobe-color-warning-outline: rgba(255,115,15,0.05);
   --lobe-control-item-bg-active-disabled: rgba(67, 55, 8, 0.17);
   --lobe-control-item-bg-hover: rgba(195, 135, 15, 0.05);
   --lobe-control-tmp-outline: rgba(0, 0, 0, 0.015);
@@ -1865,28 +1868,28 @@
   --lobe-color-fill-quaternary: rgba(0, 0, 0, 0.015);
   --lobe-color-fill-secondary: rgba(5, 5, 17, 0.08);
   --lobe-color-fill-tertiary: rgba(55, 55, 88, 0.03);
-  --lobe-color-text: #111;
-  --lobe-color-text-quaternary: #b1b3b5;
-  --lobe-color-text-secondary: #7b7e82;
-  --lobe-color-text-tertiary: #96989b;
+  --lobe-color-text: #1d1f22;
+  --lobe-color-text-quaternary: #aeb0b3;
+  --lobe-color-text-secondary: #646669;
+  --lobe-color-text-tertiary: #888a8d;
   --lobe-color-bg-container-disabled: rgba(55, 55, 88, 0.03);
   --lobe-color-bg-container-secondary: #fcfcfc;
   --lobe-color-bg-text-active: rgba(5, 12, 19, 0.14);
   --lobe-color-bg-text-hover: rgba(5, 5, 17, 0.08);
   --lobe-color-border-bg: #ffffff;
-  --lobe-color-error-outline: rgba(255,55,30,0.04);
+  --lobe-color-error-outline: rgba(230,80,55,0.04);
   --lobe-color-fill-alter: rgba(0, 0, 0, 0.015);
   --lobe-color-fill-content: rgba(5, 5, 17, 0.08);
   --lobe-color-fill-content-hover: rgba(5, 12, 19, 0.14);
-  --lobe-color-icon: #96989b;
-  --lobe-color-icon-hover: #111;
+  --lobe-color-icon: #888a8d;
+  --lobe-color-icon-hover: #1d1f22;
   --lobe-color-split: rgba(5,5,17,0.08);
-  --lobe-color-text-description: #96989b;
-  --lobe-color-text-disabled: #b1b3b5;
-  --lobe-color-text-heading: #111;
-  --lobe-color-text-label: #7b7e82;
-  --lobe-color-text-placeholder: #b1b3b5;
-  --lobe-color-warning-outline: rgba(255,55,255,0.01);
+  --lobe-color-text-description: #888a8d;
+  --lobe-color-text-disabled: #aeb0b3;
+  --lobe-color-text-heading: #1d1f22;
+  --lobe-color-text-label: #646669;
+  --lobe-color-text-placeholder: #aeb0b3;
+  --lobe-color-warning-outline: rgba(255,115,15,0.05);
   --lobe-control-item-bg-active-disabled: rgba(5, 12, 19, 0.14);
   --lobe-control-item-bg-hover: rgba(55, 55, 88, 0.03);
   --lobe-control-tmp-outline: rgba(0, 0, 0, 0.015);
@@ -2132,28 +2135,28 @@
   --lobe-color-fill-quaternary: rgba(255, 255, 255, 0.02);
   --lobe-color-fill-secondary: rgba(231, 231, 250, 0.16);
   --lobe-color-fill-tertiary: rgba(233, 225, 250, 0.12);
-  --lobe-color-text: #ffffff;
-  --lobe-color-text-quaternary: #504f53;
-  --lobe-color-text-secondary: #7f7d83;
-  --lobe-color-text-tertiary: #67666a;
+  --lobe-color-text: #e9e5ec;
+  --lobe-color-text-quaternary: #6c6a70;
+  --lobe-color-text-secondary: #b6b3b9;
+  --lobe-color-text-tertiary: #908e94;
   --lobe-color-bg-container-disabled: rgba(233, 225, 250, 0.12);
   --lobe-color-bg-container-secondary: #0e0d0f;
   --lobe-color-bg-text-active: rgba(235, 235, 250, 0.2);
   --lobe-color-bg-text-hover: rgba(231, 231, 250, 0.16);
   --lobe-color-border-bg: #1c1b1e;
-  --lobe-color-error-outline: rgba(56,0,21,0.99);
+  --lobe-color-error-outline: rgba(68,0,0,0.6);
   --lobe-color-fill-alter: rgba(255, 255, 255, 0.02);
   --lobe-color-fill-content: rgba(231, 231, 250, 0.16);
   --lobe-color-fill-content-hover: rgba(235, 235, 250, 0.2);
-  --lobe-color-icon: #67666a;
-  --lobe-color-icon-hover: #ffffff;
+  --lobe-color-icon: #908e94;
+  --lobe-color-icon-hover: #e9e5ec;
   --lobe-color-split: rgba(208,227,230,0.05);
-  --lobe-color-text-description: #67666a;
-  --lobe-color-text-disabled: #504f53;
-  --lobe-color-text-heading: #ffffff;
-  --lobe-color-text-label: #7f7d83;
-  --lobe-color-text-placeholder: #504f53;
-  --lobe-color-warning-outline: rgba(42,27,0,0.99);
+  --lobe-color-text-description: #908e94;
+  --lobe-color-text-disabled: #6c6a70;
+  --lobe-color-text-heading: #e9e5ec;
+  --lobe-color-text-label: #b6b3b9;
+  --lobe-color-text-placeholder: #6c6a70;
+  --lobe-color-warning-outline: rgba(37,23,0,0.99);
   --lobe-control-item-bg-active-disabled: rgba(235, 235, 250, 0.2);
   --lobe-control-item-bg-hover: rgba(233, 225, 250, 0.12);
   --lobe-control-tmp-outline: rgba(255, 255, 255, 0.02);
@@ -2171,28 +2174,28 @@
   --lobe-color-fill-quaternary: rgba(255, 255, 255, 0.02);
   --lobe-color-fill-secondary: rgba(233, 253, 240, 0.15);
   --lobe-color-fill-tertiary: rgba(236, 255, 245, 0.11);
-  --lobe-color-text: #ffffff;
-  --lobe-color-text-quaternary: #4d504d;
-  --lobe-color-text-secondary: #7c7f79;
-  --lobe-color-text-tertiary: #646763;
+  --lobe-color-text: #e5e7e1;
+  --lobe-color-text-quaternary: #696c67;
+  --lobe-color-text-secondary: #b2b5af;
+  --lobe-color-text-tertiary: #8d908b;
   --lobe-color-bg-container-disabled: rgba(236, 255, 245, 0.11);
   --lobe-color-bg-container-secondary: #0d0e0d;
   --lobe-color-bg-text-active: rgba(237, 253, 242, 0.19);
   --lobe-color-bg-text-hover: rgba(233, 253, 240, 0.15);
   --lobe-color-border-bg: #1a1c1b;
-  --lobe-color-error-outline: rgba(56,0,21,0.99);
+  --lobe-color-error-outline: rgba(69,0,2,0.6);
   --lobe-color-fill-alter: rgba(255, 255, 255, 0.02);
   --lobe-color-fill-content: rgba(233, 253, 240, 0.15);
   --lobe-color-fill-content-hover: rgba(237, 253, 242, 0.19);
-  --lobe-color-icon: #646763;
-  --lobe-color-icon-hover: #ffffff;
+  --lobe-color-icon: #8d908b;
+  --lobe-color-icon-hover: #e5e7e1;
   --lobe-color-split: rgba(206,228,207,0.05);
-  --lobe-color-text-description: #646763;
-  --lobe-color-text-disabled: #4d504d;
-  --lobe-color-text-heading: #ffffff;
-  --lobe-color-text-label: #7c7f79;
-  --lobe-color-text-placeholder: #4d504d;
-  --lobe-color-warning-outline: rgba(42,27,0,0.99);
+  --lobe-color-text-description: #8d908b;
+  --lobe-color-text-disabled: #696c67;
+  --lobe-color-text-heading: #e5e7e1;
+  --lobe-color-text-label: #b2b5af;
+  --lobe-color-text-placeholder: #696c67;
+  --lobe-color-warning-outline: rgba(37,23,0,0.99);
   --lobe-control-item-bg-active-disabled: rgba(237, 253, 242, 0.19);
   --lobe-control-item-bg-hover: rgba(236, 255, 245, 0.11);
   --lobe-control-tmp-outline: rgba(255, 255, 255, 0.02);
@@ -2210,28 +2213,28 @@
   --lobe-color-fill-quaternary: rgba(255, 255, 255, 0.02);
   --lobe-color-fill-secondary: rgba(233, 246, 253, 0.15);
   --lobe-color-fill-tertiary: rgba(236, 246, 255, 0.11);
-  --lobe-color-text: #ffffff;
-  --lobe-color-text-quaternary: #4d5050;
-  --lobe-color-text-secondary: #797f7c;
-  --lobe-color-text-tertiary: #636766;
+  --lobe-color-text: #e3e7e4;
+  --lobe-color-text-quaternary: #676c6a;
+  --lobe-color-text-secondary: #b0b5b3;
+  --lobe-color-text-tertiary: #8b908e;
   --lobe-color-bg-container-disabled: rgba(236, 246, 255, 0.11);
   --lobe-color-bg-container-secondary: #0d0d0e;
   --lobe-color-bg-text-active: rgba(237, 248, 253, 0.19);
   --lobe-color-bg-text-hover: rgba(233, 246, 253, 0.15);
   --lobe-color-border-bg: #1a1b1c;
-  --lobe-color-error-outline: rgba(56,0,21,0.99);
+  --lobe-color-error-outline: rgba(70,0,1,0.59);
   --lobe-color-fill-alter: rgba(255, 255, 255, 0.02);
   --lobe-color-fill-content: rgba(233, 246, 253, 0.15);
   --lobe-color-fill-content-hover: rgba(237, 248, 253, 0.19);
-  --lobe-color-icon: #636766;
-  --lobe-color-icon-hover: #ffffff;
+  --lobe-color-icon: #8b908e;
+  --lobe-color-icon-hover: #e3e7e4;
   --lobe-color-split: rgba(206,227,228,0.05);
-  --lobe-color-text-description: #636766;
-  --lobe-color-text-disabled: #4d5050;
-  --lobe-color-text-heading: #ffffff;
-  --lobe-color-text-label: #797f7c;
-  --lobe-color-text-placeholder: #4d5050;
-  --lobe-color-warning-outline: rgba(42,27,0,0.99);
+  --lobe-color-text-description: #8b908e;
+  --lobe-color-text-disabled: #676c6a;
+  --lobe-color-text-heading: #e3e7e4;
+  --lobe-color-text-label: #b0b5b3;
+  --lobe-color-text-placeholder: #676c6a;
+  --lobe-color-warning-outline: rgba(37,23,0,0.99);
   --lobe-control-item-bg-active-disabled: rgba(237, 248, 253, 0.19);
   --lobe-control-item-bg-hover: rgba(236, 246, 255, 0.11);
   --lobe-control-tmp-outline: rgba(255, 255, 255, 0.02);
@@ -2249,28 +2252,28 @@
   --lobe-color-fill-quaternary: rgba(255, 255, 255, 0.02);
   --lobe-color-fill-secondary: rgba(253, 247, 220, 0.15);
   --lobe-color-fill-tertiary: rgba(255, 255, 218, 0.11);
-  --lobe-color-text: #ffffff;
-  --lobe-color-text-quaternary: #505049;
-  --lobe-color-text-secondary: #7f7e76;
-  --lobe-color-text-tertiary: #67675f;
+  --lobe-color-text: #e9e6dc;
+  --lobe-color-text-quaternary: #6c6b63;
+  --lobe-color-text-secondary: #b6b4ab;
+  --lobe-color-text-tertiary: #918f87;
   --lobe-color-bg-container-disabled: rgba(255, 255, 218, 0.11);
   --lobe-color-bg-container-secondary: #0e0e0c;
   --lobe-color-bg-text-active: rgba(253, 253, 226, 0.19);
   --lobe-color-bg-text-hover: rgba(253, 247, 220, 0.15);
   --lobe-color-border-bg: #1c1c18;
-  --lobe-color-error-outline: rgba(56,0,21,0.99);
+  --lobe-color-error-outline: rgba(68,0,4,0.6);
   --lobe-color-fill-alter: rgba(255, 255, 255, 0.02);
   --lobe-color-fill-content: rgba(253, 247, 220, 0.15);
   --lobe-color-fill-content-hover: rgba(253, 253, 226, 0.19);
-  --lobe-color-icon: #67675f;
-  --lobe-color-icon-hover: #ffffff;
+  --lobe-color-icon: #918f87;
+  --lobe-color-icon-hover: #e9e6dc;
   --lobe-color-split: rgba(228,208,204,0.05);
-  --lobe-color-text-description: #67675f;
-  --lobe-color-text-disabled: #505049;
-  --lobe-color-text-heading: #ffffff;
-  --lobe-color-text-label: #7f7e76;
-  --lobe-color-text-placeholder: #505049;
-  --lobe-color-warning-outline: rgba(42,27,0,0.98);
+  --lobe-color-text-description: #918f87;
+  --lobe-color-text-disabled: #6c6b63;
+  --lobe-color-text-heading: #e9e6dc;
+  --lobe-color-text-label: #b6b4ab;
+  --lobe-color-text-placeholder: #6c6b63;
+  --lobe-color-warning-outline: rgba(37,23,0,0.98);
   --lobe-control-item-bg-active-disabled: rgba(253, 253, 226, 0.19);
   --lobe-control-item-bg-hover: rgba(255, 255, 218, 0.11);
   --lobe-control-tmp-outline: rgba(255, 255, 255, 0.02);
@@ -2288,28 +2291,28 @@
   --lobe-color-fill-quaternary: rgba(255, 255, 255, 0.02);
   --lobe-color-fill-secondary: rgba(225, 231, 244, 0.16);
   --lobe-color-fill-tertiary: rgba(225, 233, 242, 0.12);
-  --lobe-color-text: #ffffff;
-  --lobe-color-text-quaternary: #4e5052;
-  --lobe-color-text-secondary: #7b7e82;
-  --lobe-color-text-tertiary: #64676a;
+  --lobe-color-text: #e5e6ea;
+  --lobe-color-text-quaternary: #696b6f;
+  --lobe-color-text-secondary: #b3b4b8;
+  --lobe-color-text-tertiary: #8d8f93;
   --lobe-color-bg-container-disabled: rgba(225, 233, 242, 0.12);
   --lobe-color-bg-container-secondary: #0d0e0e;
   --lobe-color-bg-text-active: rgba(230, 235, 250, 0.2);
   --lobe-color-bg-text-hover: rgba(225, 231, 244, 0.16);
   --lobe-color-border-bg: #1b1c1d;
-  --lobe-color-error-outline: rgba(56,0,21,0.99);
+  --lobe-color-error-outline: rgba(69,0,1,0.6);
   --lobe-color-fill-alter: rgba(255, 255, 255, 0.02);
   --lobe-color-fill-content: rgba(225, 231, 244, 0.16);
   --lobe-color-fill-content-hover: rgba(230, 235, 250, 0.2);
-  --lobe-color-icon: #64676a;
-  --lobe-color-icon-hover: #ffffff;
+  --lobe-color-icon: #8d8f93;
+  --lobe-color-icon-hover: #e5e6ea;
   --lobe-color-split: rgba(207,208,229,0.05);
-  --lobe-color-text-description: #64676a;
-  --lobe-color-text-disabled: #4e5052;
-  --lobe-color-text-heading: #ffffff;
-  --lobe-color-text-label: #7b7e82;
-  --lobe-color-text-placeholder: #4e5052;
-  --lobe-color-warning-outline: rgba(42,27,0,0.99);
+  --lobe-color-text-description: #8d8f93;
+  --lobe-color-text-disabled: #696b6f;
+  --lobe-color-text-heading: #e5e6ea;
+  --lobe-color-text-label: #b3b4b8;
+  --lobe-color-text-placeholder: #696b6f;
+  --lobe-color-warning-outline: rgba(37,23,0,0.99);
   --lobe-control-item-bg-active-disabled: rgba(230, 235, 250, 0.2);
   --lobe-control-item-bg-hover: rgba(225, 233, 242, 0.12);
   --lobe-control-tmp-outline: rgba(255, 255, 255, 0.02);