@ibiz-template/web-theme 1.1.24 → 1.1.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/index.min.css +1 -1
  3. package/es/theme/generic/element-plus.css +1 -1
  4. package/es/theme/generic/index.css +1 -1
  5. package/es/theme/index.css +1 -1
  6. package/es/theme/theme/default-blue/default-blue-theme.css +1 -0
  7. package/es/theme/theme/index.css +1 -1
  8. package/lib/theme/generic/element-plus.css +1 -1
  9. package/lib/theme/generic/index.css +1 -1
  10. package/lib/theme/index.css +1 -1
  11. package/lib/theme/theme/default-blue/default-blue-theme.css +1 -0
  12. package/lib/theme/theme/index.css +1 -1
  13. package/package.json +1 -1
  14. package/src/theme/generic/element-plus.scss +13 -0
  15. package/src/theme/theme/default-blue/default-blue-theme.scss +429 -0
  16. package/src/theme/theme/index.scss +2 -0
package/lib/theme/theme/index.css CHANGED
@@ -1 +1 @@
1
- :root.light{--ibiz-red-0:254,242,237;--ibiz-red-1:254,221,210;--ibiz-red-2:253,183,164;--ibiz-red-3:251,144,120;--ibiz-red-4:250,102,75;--ibiz-red-5:249,57,31;--ibiz-red-6:213,37,20;--ibiz-red-7:177,20,13;--ibiz-red-8:142,7,5;--ibiz-red-9:106,2,3;--ibiz-pink-0:253,236,239;--ibiz-pink-1:251,207,216;--ibiz-pink-2:246,160,181;--ibiz-pink-3:242,115,150;--ibiz-pink-4:238,72,122;--ibiz-pink-5:233,31,99;--ibiz-pink-6:197,18,86;--ibiz-pink-7:162,11,72;--ibiz-pink-8:126,4,58;--ibiz-pink-9:90,1,44;--ibiz-purple-0:247,233,247;--ibiz-purple-1:239,202,239;--ibiz-purple-2:221,155,224;--ibiz-purple-3:201,112,209;--ibiz-purple-4:180,73,194;--ibiz-purple-5:158,40,179;--ibiz-purple-6:135,30,159;--ibiz-purple-7:112,23,138;--ibiz-purple-8:92,14,117;--ibiz-purple-9:72,11,97;--ibiz-violet-0:243,237,249;--ibiz-violet-1:226,209,244;--ibiz-violet-2:196,167,233;--ibiz-violet-3:166,126,221;--ibiz-violet-4:136,91,210;--ibiz-violet-5:106,58,199;--ibiz-violet-6:87,47,179;--ibiz-violet-7:70,36,158;--ibiz-violet-8:54,28,138;--ibiz-violet-9:40,20,117;--ibiz-indigo-0:237,239,248;--ibiz-indigo-1:209,216,240;--ibiz-indigo-2:167,179,225;--ibiz-indigo-3:128,144,211;--ibiz-indigo-4:94,111,196;--ibiz-indigo-5:63,81,181;--ibiz-indigo-6:51,66,161;--ibiz-indigo-7:41,52,140;--ibiz-indigo-8:31,40,120;--ibiz-indigo-9:23,29,99;--ibiz-blue-0:234,245,255;--ibiz-blue-1:203,231,254;--ibiz-blue-2:152,205,253;--ibiz-blue-3:101,179,252;--ibiz-blue-4:51,149,252;--ibiz-blue-5:3,118,250;--ibiz-blue-6:2,97,214;--ibiz-blue-7:2,79,179;--ibiz-blue-8:0,61,143;--ibiz-blue-9:0,44,107;--ibiz-light-blue-0:234,247,253;--ibiz-light-blue-1:202,236,252;--ibiz-light-blue-2:149,216,248;--ibiz-light-blue-3:97,195,245;--ibiz-light-blue-4:48,172,241;--ibiz-light-blue-5:0,149,238;--ibiz-light-blue-6:0,123,202;--ibiz-light-blue-7:0,99,167;--ibiz-light-blue-8:0,75,131;--ibiz-light-blue-9:0,53,95;--ibiz-cyan-0:229,247,248;--ibiz-cyan-1:194,239,240;--ibiz-cyan-2:138,221,225;--ibiz-cyan-3:87,203,211;--ibiz-cyan-4:44,184,197;--ibiz-cyan-5:6,164,182;--ibiz-cyan-6:3,134,152;--ibiz-cyan-7:2,105,121;--ibiz-cyan-8:0,77,91;--ibiz-cyan-9:1,50,61;--ibiz-teal-0:227,247,244;--ibiz-teal-1:192,240,232;--ibiz-teal-2:135,224,211;--ibiz-teal-3:84,209,193;--ibiz-teal-4:39,194,176;--ibiz-teal-5:5,179,161;--ibiz-teal-6:0,149,137;--ibiz-teal-7:0,119,111;--ibiz-teal-8:0,90,85;--ibiz-teal-9:1,60,58;--ibiz-green-0:236,246,236;--ibiz-green-1:208,240,208;--ibiz-green-2:164,224,167;--ibiz-green-3:126,209,130;--ibiz-green-4:90,194,98;--ibiz-green-5:59,179,70;--ibiz-green-6:49,149,58;--ibiz-green-7:37,119,47;--ibiz-green-8:26,89,36;--ibiz-green-9:18,60,24;--ibiz-light-green-0:243,248,236;--ibiz-light-green-1:226,240,208;--ibiz-light-green-2:200,225,165;--ibiz-light-green-3:173,211,127;--ibiz-light-green-4:147,197,91;--ibiz-light-green-5:123,182,60;--ibiz-light-green-6:100,152,47;--ibiz-light-green-7:79,121,38;--ibiz-light-green-8:57,91,27;--ibiz-light-green-9:36,61,18;--ibiz-lime-0:241,250,230;--ibiz-lime-1:227,246,197;--ibiz-lime-2:203,237,142;--ibiz-lime-3:183,226,91;--ibiz-lime-4:168,218,44;--ibiz-lime-5:154,209,0;--ibiz-lime-6:125,174,0;--ibiz-lime-7:99,139,2;--ibiz-lime-8:72,104,0;--ibiz-lime-9:47,70,0;--ibiz-yellow-0:255,253,234;--ibiz-yellow-1:255,250,203;--ibiz-yellow-2:253,243,152;--ibiz-yellow-3:252,231,101;--ibiz-yellow-4:251,218,49;--ibiz-yellow-5:249,200,0;--ibiz-yellow-6:208,170,0;--ibiz-yellow-7:167,139,0;--ibiz-yellow-8:125,106,0;--ibiz-yellow-9:83,72,0;--ibiz-amber-0:255,251,236;--ibiz-amber-1:252,245,206;--ibiz-amber-2:249,232,158;--ibiz-amber-3:246,216,110;--ibiz-amber-4:243,198,65;--ibiz-amber-5:240,177,20;--ibiz-amber-6:200,138,16;--ibiz-amber-7:160,102,10;--ibiz-amber-8:120,70,5;--ibiz-amber-9:80,43,3;--ibiz-orange-0:255,243,224;--ibiz-orange-1:255,223,177;--ibiz-orange-2:255,204,128;--ibiz-orange-3:254,183,77;--ibiz-orange-4:255,167,38;--ibiz-orange-5:255,152,0;--ibiz-orange-6:250,141,0;--ibiz-orange-7:245,124,2;--ibiz-orange-8:239,108,0;--ibiz-orange-9:230,81,0;--ibiz-grey-0:249,249,249;--ibiz-grey-1:230,232,234;--ibiz-grey-2:198,202,205;--ibiz-grey-3:167,171,175;--ibiz-grey-4:136,141,145;--ibiz-grey-5:107,102,116;--ibiz-grey-6:85,91,97;--ibiz-grey-7:65,70,76;--ibiz-grey-8:46,50,55;--ibiz-grey-9:29,31,35;--ibiz-blue-cyan-0:217,236,255;--ibiz-blue-cyan-1:164,201,238;--ibiz-blue-cyan-2:131,171,212;--ibiz-blue-cyan-3:105,148,190;--ibiz-blue-cyan-4:85,125,165;--ibiz-blue-cyan-5:70,107,144;--ibiz-blue-cyan-6:48,81,115;--ibiz-blue-cyan-7:36,65,96;--ibiz-blue-cyan-8:26,52,79;--ibiz-blue-cyan-9:16,41,68;--ibiz-white:255,255,255;--ibiz-black:0,0,0;--ibiz-color-white:rgba(var(--ibiz-white), 1);--ibiz-color-black:rgba(var(--ibiz-black), 1);--ibiz-color-primary:rgba(var(--ibiz-blue-cyan-4), 1);--ibiz-color-primary-text:rgba(var(--ibiz-white), 1);--ibiz-color-primary-hover:rgba(var(--ibiz-blue-cyan-3), 1);--ibiz-color-primary-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-primary-active:rgba(var(--ibiz-blue-cyan-5), 1);--ibiz-color-primary-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-primary-disabled:rgba(var(--ibiz-blue-cyan-2), 1);--ibiz-color-primary-disabled-text:rgba(var(--ibiz-white), 1);--ibiz-color-primary-light-default:rgba(var(--ibiz-blue-cyan-0), 1);--ibiz-color-primary-light-hover:rgba(var(--ibiz-blue-cyan-1), 1);--ibiz-color-primary-light-active:rgba(var(--ibiz-blue-cyan-2), 1);--ibiz-color-secondary:rgba(var(--ibiz-light-blue-5), 1);--ibiz-color-secondary-text:rgba(var(--ibiz-white), 1);--ibiz-color-secondary-hover:rgba(var(--ibiz-light-blue-6), 1);--ibiz-color-secondary-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-secondary-active:rgba(var(--ibiz-light-blue-7), 1);--ibiz-color-secondary-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-secondary-disabled:rgba(var(--ibiz-light-blue-2), 1);--ibiz-color-secondary-disabled-text:rgba(var(--ibiz-white), 1);--ibiz-color-secondary-light-default:rgba(var(--ibiz-light-blue-0), 1);--ibiz-color-secondary-light-hover:rgba(var(--ibiz-light-blue-1), 1);--ibiz-color-secondary-light-active:rgba(var(--ibiz-light-blue-2), 1);--ibiz-color-tertiary:rgba(var(--ibiz-grey-5), 1);--ibiz-color-tertiary-text:rgba(var(--ibiz-white), 1);--ibiz-color-tertiary-hover:rgba(var(--ibiz-grey-4), 1);--ibiz-color-tertiary-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-tertiary-active:rgba(var(--ibiz-grey-6), 1);--ibiz-color-tertiary-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-tertiary-light-default:rgba(var(--ibiz-grey-0), 1);--ibiz-color-tertiary-light-hover:rgba(var(--ibiz-grey-1), 1);--ibiz-color-tertiary-light-active:rgba(var(--ibiz-grey-2), 1);--ibiz-color-info:rgba(var(--ibiz-blue-cyan-4), 1);--ibiz-color-info-text:rgba(var(--ibiz-white), 1);--ibiz-color-info-hover:rgba(var(--ibiz-blue-cyan-3), 1);--ibiz-color-info-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-info-active:rgba(var(--ibiz-blue-cyan-5), 1);--ibiz-color-info-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-info-disabled:rgba(var(--ibiz-blue-cyan-2), 1);--ibiz-color-info-disabled-text:rgba(var(--ibiz-white), 1);--ibiz-color-info-light-default:rgba(var(--ibiz-blue-cyan-0), 1);--ibiz-color-info-light-hover:rgba(var(--ibiz-blue-cyan-1), 1);--ibiz-color-info-light-active:rgba(var(--ibiz-blue-cyan-2), 1);--ibiz-color-success:rgba(var(--ibiz-green-5), 1);--ibiz-color-success-text:rgba(var(--ibiz-white), 1);--ibiz-color-success-hover:rgba(var(--ibiz-green-4), 1);--ibiz-color-success-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-success-active:rgba(var(--ibiz-green-6), 1);--ibiz-color-success-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-success-disabled:rgba(var(--ibiz-green-2), 1);--ibiz-color-success-disabled-text:rgba(var(--ibiz-white), 1);--ibiz-color-success-light-default:rgba(var(--ibiz-green-0), 1);--ibiz-color-success-light-hover:rgba(var(--ibiz-green-1), 1);--ibiz-color-success-light-active:rgba(var(--ibiz-green-2), 1);--ibiz-color-warning:rgba(var(--ibiz-orange-5), 1);--ibiz-color-warning-text:rgba(var(--ibiz-white), 1);--ibiz-color-warning-hover:rgba(var(--ibiz-orange-4), 1);--ibiz-color-warning-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-warning-active:rgba(var(--ibiz-orange-6), 1);--ibiz-color-warning-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-warning-light-default:rgba(var(--ibiz-orange-0), 1);--ibiz-color-warning-light-hover:rgba(var(--ibiz-orange-1), 1);--ibiz-color-warning-light-active:rgba(var(--ibiz-orange-2), 1);--ibiz-color-danger:rgba(var(--ibiz-red-5), 1);--ibiz-color-danger-text:rgba(var(--ibiz-white), 1);--ibiz-color-danger-hover:rgba(var(--ibiz-red-4), 1);--ibiz-color-danger-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-danger-active:rgba(var(--ibiz-red-6), 1);--ibiz-color-danger-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-danger-light-default:rgba(var(--ibiz-red-0), 1);--ibiz-color-danger-light-hover:rgba(var(--ibiz-red-1), 1);--ibiz-color-danger-light-active:rgba(var(--ibiz-red-2), 1);--ibiz-color-text-0:rgba(var(--ibiz-grey-9), 1);--ibiz-color-text-1:rgba(var(--ibiz-grey-7), 1);--ibiz-color-text-2:rgba(var(--ibiz-grey-6), 1);--ibiz-color-text-3:rgba(var(--ibiz-grey-4), 1);--ibiz-color-text-menu:rgb(219, 228, 236);--ibiz-color-link:rgba(var(--ibiz-blue-cyan-5), 1);--ibiz-color-link-hover:rgba(var(--ibiz-blue-cyan-4), 1);--ibiz-color-link-active:rgba(var(--ibiz-blue-cyan-6), 1);--ibiz-color-link-visited:rgba(var(--ibiz-blue-cyan-5), 1);--ibiz-color-bg-0:rgba(var(--ibiz-grey-0), 1);--ibiz-color-bg-1:rgba(var(--ibiz-white), 1);--ibiz-color-bg-2:rgba(var(--ibiz-white), 1);--ibiz-color-bg-3:rgba(var(--ibiz-white), 1);--ibiz-color-bg-4:rgba(var(--ibiz-white), 1);--ibiz-color-bg-5:rgba(var(--ibiz-blue-cyan-3), 0.6);--ibiz-color-bg-overlay:rgba(var(--ibiz-black), 0.5);--ibiz-color-fill-0:rgba(var(--ibiz-grey-8), 0.05);--ibiz-color-fill-1:rgba(var(--ibiz-grey-8), 0.1);--ibiz-color-fill-2:rgba(var(--ibiz-grey-8), 0.13);--ibiz-color-scroll-menu:rgba(132, 165, 198, 0.4);--ibiz-color-border:rgba(var(--ibiz-grey-9), 0.1);--ibiz-color-disabled-text:rgba(var(--ibiz-grey-9), 0.35);--ibiz-color-disabled-border:rgba(var(--ibiz-grey-1), 1);--ibiz-color-disabled-bg:rgba(var(--ibiz-grey-1), 1);--ibiz-color-disabled-fill:rgba(var(--ibiz-grey-8), 0.04);--ibiz-color-shadow:rgba(var(--ibiz-black), 0.04);--ibiz-shadow-elevated:0 0 1px rgba(0, 0, 0, 0.3),0 4px 14px rgba(0, 0, 0, 0.1);--ibiz-font-size-small:12px;--ibiz-font-size-regular:14px;--ibiz-font-size-header-6:16px;--ibiz-font-size-header-5:18px;--ibiz-font-size-header-4:20px;--ibiz-font-size-header-3:24px;--ibiz-font-size-header-2:28px;--ibiz-font-size-header-1:32px;--ibiz-font-weight-light:200;--ibiz-font-weight-regular:400;--ibiz-font-weight-bold:800;--ibiz-border-radius-extra-small:2px;--ibiz-border-radius-small:4px;--ibiz-border-radius-medium:8px;--ibiz-border-radius-large:12px;--ibiz-border-radius-circle:50%;--ibiz-border-radius-full:9999px;--ibiz-height-control-small:24px;--ibiz-height-control-default:32px;--ibiz-height-control-large:40px;--ibiz-border-thickness:0;--ibiz-border-thickness-control:1px;--ibiz-border-thickness-control-focus:1px;--ibiz-width-icon-extra-small:8px;--ibiz-width-icon-small:12px;--ibiz-width-icon-medium:16px;--ibiz-width-icon-large:20px;--ibiz-width-icon-extra-large:24px;--ibiz-spacing-none:0;--ibiz-spacing-super-tight:2px;--ibiz-spacing-extra-tight:4px;--ibiz-spacing-tight:8px;--ibiz-spacing-base-tight:12px;--ibiz-spacing-base:16px;--ibiz-spacing-base-loose:20px;--ibiz-spacing-loose:24px;--ibiz-spacing-extra-loose:32px;--ibiz-spacing-super-loose:40px}:root.light .ibiz-panel-app-header{--ibiz-grey-9:249,249,249;--ibiz-color-text-0:rgba(var(--ibiz-grey-9), 1);--ibiz-color-text-1:rgba(var(--ibiz-grey-9), 0.8);--ibiz-color-text-2:rgba(var(--ibiz-grey-9), 0.6);--ibiz-color-text-3:rgba(var(--ibiz-grey-9), 0.35)}:root.dark{--ibiz-red-0:108,9,10;--ibiz-red-1:144,17,16;--ibiz-red-2:181,31,25;--ibiz-red-3:215,51,35;--ibiz-red-4:251,73,49;--ibiz-red-5:252,114,90;--ibiz-red-6:253,153,131;--ibiz-red-7:254,190,172;--ibiz-red-8:254,224,213;--ibiz-red-9:255,243,239;--ibiz-pink-0:92,7,47;--ibiz-pink-1:128,15,66;--ibiz-pink-2:164,23,81;--ibiz-pink-3:199,34,97;--ibiz-pink-4:235,47,112;--ibiz-pink-5:239,86,134;--ibiz-pink-6:243,126,159;--ibiz-pink-7:247,168,188;--ibiz-pink-8:251,211,220;--ibiz-pink-9:253,239,241;--ibiz-purple-0:74,16,97;--ibiz-purple-1:94,23,118;--ibiz-purple-2:115,31,138;--ibiz-purple-3:137,40,159;--ibiz-purple-4:160,51,179;--ibiz-purple-5:181,83,194;--ibiz-purple-6:202,120,209;--ibiz-purple-7:221,160,225;--ibiz-purple-8:239,206,240;--ibiz-purple-9:247,235,247;--ibiz-violet-0:64,27,119;--ibiz-violet-1:76,36,140;--ibiz-violet-2:88,46,160;--ibiz-violet-3:100,57,180;--ibiz-violet-4:113,70,201;--ibiz-violet-5:136,101,212;--ibiz-violet-6:162,136,223;--ibiz-violet-7:190,173,233;--ibiz-violet-8:221,212,243;--ibiz-violet-9:240,238,250;--ibiz-indigo-0:23,30,101;--ibiz-indigo-1:32,41,122;--ibiz-indigo-2:41,54,142;--ibiz-indigo-3:52,68,163;--ibiz-indigo-4:64,83,183;--ibiz-indigo-5:95,113,197;--ibiz-indigo-6:129,145,212;--ibiz-indigo-7:167,180,226;--ibiz-indigo-8:209,216,241;--ibiz-indigo-9:237,239,248;--ibiz-blue-0:6,49,112;--ibiz-blue-1:8,70,148;--ibiz-blue-2:19,92,184;--ibiz-blue-3:28,117,219;--ibiz-blue-4:41,143,255;--ibiz-blue-5:84,169,255;--ibiz-blue-6:127,193,255;--ibiz-blue-7:169,215,255;--ibiz-blue-8:211,237,255;--ibiz-blue-9:239,248,255;--ibiz-light-blue-0:1,55,97;--ibiz-light-blue-1:0,77,133;--ibiz-light-blue-2:2,102,169;--ibiz-light-blue-3:7,129,204;--ibiz-light-blue-4:19,159,239;--ibiz-light-blue-5:64,180,243;--ibiz-light-blue-6:111,200,245;--ibiz-light-blue-7:157,220,249;--ibiz-light-blue-8:206,238,252;--ibiz-light-blue-9:235,248,254;--ibiz-cyan-0:5,52,61;--ibiz-cyan-1:6,79,92;--ibiz-cyan-2:8,108,123;--ibiz-cyan-3:13,137,153;--ibiz-cyan-4:20,168,183;--ibiz-cyan-5:56,187,198;--ibiz-cyan-6:98,205,212;--ibiz-cyan-7:145,223,227;--ibiz-cyan-8:198,239,241;--ibiz-cyan-9:231,247,248;--ibiz-teal-0:2,60,57;--ibiz-teal-1:5,90,85;--ibiz-teal-2:8,119,111;--ibiz-teal-3:12,149,136;--ibiz-teal-4:13,179,161;--ibiz-teal-5:51,194,176;--ibiz-teal-6:95,209,193;--ibiz-teal-7:142,225,211;--ibiz-teal-8:196,240,232;--ibiz-teal-9:230,247,244;--ibiz-green-0:18,60,25;--ibiz-green-1:27,90,37;--ibiz-green-2:39,119,49;--ibiz-green-3:51,149,61;--ibiz-green-4:62,179,72;--ibiz-green-5:92,194,100;--ibiz-green-6:127,209,132;--ibiz-green-7:165,225,168;--ibiz-green-8:208,240,208;--ibiz-green-9:236,246,236;--ibiz-light-green-0:38,61,19;--ibiz-light-green-1:58,92,28;--ibiz-light-green-2:81,123,41;--ibiz-light-green-3:103,153,51;--ibiz-light-green-4:127,184,64;--ibiz-light-green-5:151,198,95;--ibiz-light-green-6:176,212,129;--ibiz-light-green-7:201,228,167;--ibiz-light-green-8:227,241,209;--ibiz-light-green-9:243,248,237;--ibiz-lime-0:48,70,2;--ibiz-lime-1:75,105,6;--ibiz-lime-2:103,141,9;--ibiz-lime-3:132,176,9;--ibiz-lime-4:162,211,16;--ibiz-lime-5:174,220,58;--ibiz-lime-6:189,229,102;--ibiz-lime-7:207,237,150;--ibiz-lime-8:229,246,201;--ibiz-lime-9:242,252,233;--ibiz-yellow-0:84,73,2;--ibiz-yellow-1:126,108,6;--ibiz-yellow-2:168,142,12;--ibiz-yellow-3:211,175,15;--ibiz-yellow-4:252,206,22;--ibiz-yellow-5:253,222,68;--ibiz-yellow-6:253,235,113;--ibiz-yellow-7:255,245,160;--ibiz-yellow-8:254,251,207;--ibiz-yellow-9:255,254,236;--ibiz-amber-0:81,46,10;--ibiz-amber-1:121,76,15;--ibiz-amber-2:161,107,22;--ibiz-amber-3:201,143,31;--ibiz-amber-4:242,183,38;--ibiz-amber-5:245,201,79;--ibiz-amber-6:248,219,122;--ibiz-amber-7:249,234,166;--ibiz-amber-8:252,246,210;--ibiz-amber-9:255,251,237;--ibiz-orange-0:230,81,0;--ibiz-orange-1:239,108,0;--ibiz-orange-2:245,124,2;--ibiz-orange-3:250,141,0;--ibiz-orange-4:255,152,0;--ibiz-orange-5:255,167,38;--ibiz-orange-6:255,183,77;--ibiz-orange-7:255,204,128;--ibiz-orange-8:255,223,177;--ibiz-orange-9:255,243,224;--ibiz-grey-0:29,31,35;--ibiz-grey-1:46,50,55;--ibiz-grey-2:65,70,76;--ibiz-grey-3:85,91,97;--ibiz-grey-4:107,112,116;--ibiz-grey-5:136,141,145;--ibiz-grey-6:167,171,175;--ibiz-grey-7:198,202,205;--ibiz-grey-8:230,232,234;--ibiz-grey-9:249,249,249;--ibiz-blue-cyan-0:16,41,68;--ibiz-blue-cyan-1:26,52,79;--ibiz-blue-cyan-2:36,65,96;--ibiz-blue-cyan-3:48,81,115;--ibiz-blue-cyan-4:70,107,144;--ibiz-blue-cyan-5:85,125,165;--ibiz-blue-cyan-6:105,148,190;--ibiz-blue-cyan-7:131,171,212;--ibiz-blue-cyan-8:164,201,238;--ibiz-blue-cyan-9:217,236,255;--ibiz-dark-purple-0:0,0,0;--ibiz-dark-purple-1:4,3,6;--ibiz-dark-purple-2:17,16,26;--ibiz-dark-purple-3:31,31,47;--ibiz-dark-purple-4:43,43,64;--ibiz-dark-purple-5:79,79,105;--ibiz-dark-purple-6:115,116,142;--ibiz-dark-purple-7:157,158,180;--ibiz-dark-purple-8:204,205,217;--ibiz-dark-purple-9:255,255,255;--ibiz-white:255,255,255;--ibiz-black:0,0,0;--ibiz-color-white:rgba(var(--ibiz-white), 1);--ibiz-color-black:rgba(var(--ibiz-black), 1);--ibiz-color-primary:rgba(var(--ibiz-blue-4), 1);--ibiz-color-primary-text:rgba(var(--ibiz-white), 1);--ibiz-color-primary-hover:rgba(var(--ibiz-blue-6), 1);--ibiz-color-primary-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-primary-active:rgba(var(--ibiz-blue-3), 1);--ibiz-color-primary-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-primary-disabled:rgba(var(--ibiz-blue-2), 1);--ibiz-color-primary-disabled-text:rgba(var(--ibiz-white), 1);--ibiz-color-primary-light-default:rgba(var(--ibiz-blue-5), 0.2);--ibiz-color-primary-light-hover:rgba(var(--ibiz-blue-5), 0.3);--ibiz-color-primary-light-active:rgba(var(--ibiz-blue-5), 0.4);--ibiz-color-secondary:rgba(var(--ibiz-light-blue-5), 1);--ibiz-color-secondary-text:rgba(var(--ibiz-white), 1);--ibiz-color-secondary-hover:rgba(var(--ibiz-light-blue-6), 1);--ibiz-color-secondary-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-secondary-active:rgba(var(--ibiz-light-blue-7), 1);--ibiz-color-secondary-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-secondary-disabled:rgba(var(--ibiz-light-blue-2), 1);--ibiz-color-secondary-disabled-text:rgba(var(--ibiz-white), 1);--ibiz-color-secondary-light-default:rgba(var(--ibiz-light-blue-0), 1);--ibiz-color-secondary-light-hover:rgba(var(--ibiz-light-blue-1), 1);--ibiz-color-secondary-light-active:rgba(var(--ibiz-light-blue-2), 1);--ibiz-color-tertiary:rgba(var(--ibiz-dark-purple-4), 1);--ibiz-color-tertiary-text:rgba(var(--ibiz-white), 1);--ibiz-color-tertiary-hover:rgba(var(--ibiz-dark-purple-6), 1);--ibiz-color-tertiary-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-tertiary-active:rgba(var(--ibiz-dark-purple-5), 1);--ibiz-color-tertiary-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-tertiary-light-default:rgba(var(--ibiz-dark-purple-5), 0.2);--ibiz-color-tertiary-light-hover:rgba(var(--ibiz-dark-purple-5), 0.3);--ibiz-color-tertiary-light-active:rgba(var(--ibiz-dark-purple-5), 0.4);--ibiz-color-info:rgba(var(--ibiz-blue-4), 1);--ibiz-color-info-text:rgba(var(--ibiz-white), 1);--ibiz-color-info-hover:rgba(var(--ibiz-blue-6), 1);--ibiz-color-info-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-info-active:rgba(var(--ibiz-blue-3), 1);--ibiz-color-info-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-info-disabled:rgba(var(--ibiz-blue-2), 1);--ibiz-color-info-disabled-text:rgba(var(--ibiz-white), 1);--ibiz-color-info-light-default:rgba(var(--ibiz-blue-5), 0.2);--ibiz-color-info-light-hover:rgba(var(--ibiz-blue-5), 0.3);--ibiz-color-info-light-active:rgba(var(--ibiz-blue-5), 0.4);--ibiz-color-success:rgba(var(--ibiz-green-5), 1);--ibiz-color-success-text:rgba(var(--ibiz-white), 1);--ibiz-color-success-hover:rgba(var(--ibiz-green-6), 1);--ibiz-color-success-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-success-active:rgba(var(--ibiz-green-4), 1);--ibiz-color-success-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-success-disabled:rgba(var(--ibiz-green-2), 1);--ibiz-color-success-disabled-text:rgba(var(--ibiz-white), 1);--ibiz-color-success-light-default:rgba(var(--ibiz-green-5), 0.2);--ibiz-color-success-light-hover:rgba(var(--ibiz-green-5), 0.3);--ibiz-color-success-light-active:rgba(var(--ibiz-green-5), 0.4);--ibiz-color-warning:rgba(var(--ibiz-orange-5), 1);--ibiz-color-warning-text:rgba(var(--ibiz-white), 1);--ibiz-color-warning-hover:rgba(var(--ibiz-orange-6), 1);--ibiz-color-warning-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-warning-active:rgba(var(--ibiz-orange-4), 1);--ibiz-color-warning-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-warning-light-default:rgba(var(--ibiz-orange-5), 0.2);--ibiz-color-warning-light-hover:rgba(var(--ibiz-orange-5), 0.3);--ibiz-color-warning-light-active:rgba(var(--ibiz-orange-5), 0.4);--ibiz-color-danger:rgba(var(--ibiz-red-5), 1);--ibiz-color-danger-text:rgba(var(--ibiz-white), 1);--ibiz-color-danger-hover:rgba(var(--ibiz-red-6), 1);--ibiz-color-danger-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-danger-active:rgba(var(--ibiz-red-4), 1);--ibiz-color-danger-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-danger-light-default:rgba(var(--ibiz-red-5), 0.2);--ibiz-color-danger-light-hover:rgba(var(--ibiz-red-5), 0.3);--ibiz-color-danger-light-active:rgba(var(--ibiz-red-5), 0.4);--ibiz-color-text-0:rgba(var(--ibiz-dark-purple-9), 1);--ibiz-color-text-1:rgba(var(--ibiz-dark-purple-8), 1);--ibiz-color-text-2:rgba(var(--ibiz-grey-9), 0.6);--ibiz-color-text-3:rgba(var(--ibiz-grey-9), 0.35);--ibiz-color-text-menu:rgba(var(--ibiz-white), 1);--ibiz-color-link:rgba(var(--ibiz-blue-4), 1);--ibiz-color-link-hover:rgba(var(--ibiz-blue-6), 1);--ibiz-color-link-active:rgba(var(--ibiz-blue-3), 1);--ibiz-color-link-visited:rgba(var(--ibiz-blue-2), 1);--ibiz-color-bg-0:rgb(18, 18, 18);--ibiz-color-bg-1:rgb(28, 28, 28);--ibiz-color-bg-2:rgb(53, 54, 60);--ibiz-color-bg-3:rgb(67, 68, 74);--ibiz-color-bg-4:rgb(79, 81, 89);--ibiz-color-bg-5:rgba(var(--ibiz-blue-6), 0.6);--ibiz-color-bg-overlay:rgba(22, 22, 26, 0.6);--ibiz-color-fill-0:rgba(var(--ibiz-dark-purple-4), 1);--ibiz-color-fill-1:rgba(var(--ibiz-white), 0.16);--ibiz-color-fill-2:rgba(var(--ibiz-white), 0.2);--ibiz-color-scroll-menu:rgba(var(--ibiz-white), 0.2);--ibiz-color-border:rgba(var(--ibiz-white), 0.08);--ibiz-color-disabled-text:rgba(var(--ibiz-grey-9), 0.35);--ibiz-color-disabled-border:rgba(var(--ibiz-grey-1), 1);--ibiz-color-disabled-bg:rgba(var(--ibiz-grey-1), 1);--ibiz-color-disabled-fill:rgba(var(--ibiz-grey-8), 0.04);--ibiz-color-shadow:rgba(var(--ibiz-black), 0.04);--ibiz-shadow-elevated:0 0 1px rgba(0, 0, 0, 0.3),0 4px 14px rgba(0, 0, 0, 0.1);--ibiz-font-size-small:12px;--ibiz-font-size-regular:14px;--ibiz-font-size-header-6:16px;--ibiz-font-size-header-5:18px;--ibiz-font-size-header-4:20px;--ibiz-font-size-header-3:24px;--ibiz-font-size-header-2:28px;--ibiz-font-size-header-1:32px;--ibiz-font-weight-light:200;--ibiz-font-weight-regular:400;--ibiz-font-weight-bold:800;--ibiz-border-radius-extra-small:2px;--ibiz-border-radius-small:4px;--ibiz-border-radius-medium:8px;--ibiz-border-radius-large:12px;--ibiz-border-radius-circle:50%;--ibiz-border-radius-full:9999px;--ibiz-height-control-small:24px;--ibiz-height-control-default:32px;--ibiz-height-control-large:40px;--ibiz-border-thickness:0;--ibiz-border-thickness-control:1px;--ibiz-border-thickness-control-focus:1px;--ibiz-width-icon-extra-small:8px;--ibiz-width-icon-small:12px;--ibiz-width-icon-medium:16px;--ibiz-width-icon-large:20px;--ibiz-width-icon-extra-large:24px;--ibiz-spacing-none:0;--ibiz-spacing-super-tight:2px;--ibiz-spacing-extra-tight:4px;--ibiz-spacing-tight:8px;--ibiz-spacing-base-tight:12px;--ibiz-spacing-base:16px;--ibiz-spacing-base-loose:20px;--ibiz-spacing-loose:24px;--ibiz-spacing-extra-loose:32px;--ibiz-spacing-super-loose:40px}
1
+ :root.light{--ibiz-red-0:254,242,237;--ibiz-red-1:254,221,210;--ibiz-red-2:253,183,164;--ibiz-red-3:251,144,120;--ibiz-red-4:250,102,75;--ibiz-red-5:249,57,31;--ibiz-red-6:213,37,20;--ibiz-red-7:177,20,13;--ibiz-red-8:142,7,5;--ibiz-red-9:106,2,3;--ibiz-pink-0:253,236,239;--ibiz-pink-1:251,207,216;--ibiz-pink-2:246,160,181;--ibiz-pink-3:242,115,150;--ibiz-pink-4:238,72,122;--ibiz-pink-5:233,31,99;--ibiz-pink-6:197,18,86;--ibiz-pink-7:162,11,72;--ibiz-pink-8:126,4,58;--ibiz-pink-9:90,1,44;--ibiz-purple-0:247,233,247;--ibiz-purple-1:239,202,239;--ibiz-purple-2:221,155,224;--ibiz-purple-3:201,112,209;--ibiz-purple-4:180,73,194;--ibiz-purple-5:158,40,179;--ibiz-purple-6:135,30,159;--ibiz-purple-7:112,23,138;--ibiz-purple-8:92,14,117;--ibiz-purple-9:72,11,97;--ibiz-violet-0:243,237,249;--ibiz-violet-1:226,209,244;--ibiz-violet-2:196,167,233;--ibiz-violet-3:166,126,221;--ibiz-violet-4:136,91,210;--ibiz-violet-5:106,58,199;--ibiz-violet-6:87,47,179;--ibiz-violet-7:70,36,158;--ibiz-violet-8:54,28,138;--ibiz-violet-9:40,20,117;--ibiz-indigo-0:237,239,248;--ibiz-indigo-1:209,216,240;--ibiz-indigo-2:167,179,225;--ibiz-indigo-3:128,144,211;--ibiz-indigo-4:94,111,196;--ibiz-indigo-5:63,81,181;--ibiz-indigo-6:51,66,161;--ibiz-indigo-7:41,52,140;--ibiz-indigo-8:31,40,120;--ibiz-indigo-9:23,29,99;--ibiz-blue-0:234,245,255;--ibiz-blue-1:203,231,254;--ibiz-blue-2:152,205,253;--ibiz-blue-3:101,179,252;--ibiz-blue-4:51,149,252;--ibiz-blue-5:3,118,250;--ibiz-blue-6:2,97,214;--ibiz-blue-7:2,79,179;--ibiz-blue-8:0,61,143;--ibiz-blue-9:0,44,107;--ibiz-light-blue-0:234,247,253;--ibiz-light-blue-1:202,236,252;--ibiz-light-blue-2:149,216,248;--ibiz-light-blue-3:97,195,245;--ibiz-light-blue-4:48,172,241;--ibiz-light-blue-5:0,149,238;--ibiz-light-blue-6:0,123,202;--ibiz-light-blue-7:0,99,167;--ibiz-light-blue-8:0,75,131;--ibiz-light-blue-9:0,53,95;--ibiz-cyan-0:229,247,248;--ibiz-cyan-1:194,239,240;--ibiz-cyan-2:138,221,225;--ibiz-cyan-3:87,203,211;--ibiz-cyan-4:44,184,197;--ibiz-cyan-5:6,164,182;--ibiz-cyan-6:3,134,152;--ibiz-cyan-7:2,105,121;--ibiz-cyan-8:0,77,91;--ibiz-cyan-9:1,50,61;--ibiz-teal-0:227,247,244;--ibiz-teal-1:192,240,232;--ibiz-teal-2:135,224,211;--ibiz-teal-3:84,209,193;--ibiz-teal-4:39,194,176;--ibiz-teal-5:5,179,161;--ibiz-teal-6:0,149,137;--ibiz-teal-7:0,119,111;--ibiz-teal-8:0,90,85;--ibiz-teal-9:1,60,58;--ibiz-green-0:236,246,236;--ibiz-green-1:208,240,208;--ibiz-green-2:164,224,167;--ibiz-green-3:126,209,130;--ibiz-green-4:90,194,98;--ibiz-green-5:59,179,70;--ibiz-green-6:49,149,58;--ibiz-green-7:37,119,47;--ibiz-green-8:26,89,36;--ibiz-green-9:18,60,24;--ibiz-light-green-0:243,248,236;--ibiz-light-green-1:226,240,208;--ibiz-light-green-2:200,225,165;--ibiz-light-green-3:173,211,127;--ibiz-light-green-4:147,197,91;--ibiz-light-green-5:123,182,60;--ibiz-light-green-6:100,152,47;--ibiz-light-green-7:79,121,38;--ibiz-light-green-8:57,91,27;--ibiz-light-green-9:36,61,18;--ibiz-lime-0:241,250,230;--ibiz-lime-1:227,246,197;--ibiz-lime-2:203,237,142;--ibiz-lime-3:183,226,91;--ibiz-lime-4:168,218,44;--ibiz-lime-5:154,209,0;--ibiz-lime-6:125,174,0;--ibiz-lime-7:99,139,2;--ibiz-lime-8:72,104,0;--ibiz-lime-9:47,70,0;--ibiz-yellow-0:255,253,234;--ibiz-yellow-1:255,250,203;--ibiz-yellow-2:253,243,152;--ibiz-yellow-3:252,231,101;--ibiz-yellow-4:251,218,49;--ibiz-yellow-5:249,200,0;--ibiz-yellow-6:208,170,0;--ibiz-yellow-7:167,139,0;--ibiz-yellow-8:125,106,0;--ibiz-yellow-9:83,72,0;--ibiz-amber-0:255,251,236;--ibiz-amber-1:252,245,206;--ibiz-amber-2:249,232,158;--ibiz-amber-3:246,216,110;--ibiz-amber-4:243,198,65;--ibiz-amber-5:240,177,20;--ibiz-amber-6:200,138,16;--ibiz-amber-7:160,102,10;--ibiz-amber-8:120,70,5;--ibiz-amber-9:80,43,3;--ibiz-orange-0:255,243,224;--ibiz-orange-1:255,223,177;--ibiz-orange-2:255,204,128;--ibiz-orange-3:254,183,77;--ibiz-orange-4:255,167,38;--ibiz-orange-5:255,152,0;--ibiz-orange-6:250,141,0;--ibiz-orange-7:245,124,2;--ibiz-orange-8:239,108,0;--ibiz-orange-9:230,81,0;--ibiz-grey-0:249,249,249;--ibiz-grey-1:230,232,234;--ibiz-grey-2:198,202,205;--ibiz-grey-3:167,171,175;--ibiz-grey-4:136,141,145;--ibiz-grey-5:107,102,116;--ibiz-grey-6:85,91,97;--ibiz-grey-7:65,70,76;--ibiz-grey-8:46,50,55;--ibiz-grey-9:29,31,35;--ibiz-blue-cyan-0:217,236,255;--ibiz-blue-cyan-1:164,201,238;--ibiz-blue-cyan-2:131,171,212;--ibiz-blue-cyan-3:105,148,190;--ibiz-blue-cyan-4:85,125,165;--ibiz-blue-cyan-5:70,107,144;--ibiz-blue-cyan-6:48,81,115;--ibiz-blue-cyan-7:36,65,96;--ibiz-blue-cyan-8:26,52,79;--ibiz-blue-cyan-9:16,41,68;--ibiz-white:255,255,255;--ibiz-black:0,0,0;--ibiz-color-white:rgba(var(--ibiz-white), 1);--ibiz-color-black:rgba(var(--ibiz-black), 1);--ibiz-color-primary:rgba(var(--ibiz-blue-cyan-4), 1);--ibiz-color-primary-text:rgba(var(--ibiz-white), 1);--ibiz-color-primary-hover:rgba(var(--ibiz-blue-cyan-3), 1);--ibiz-color-primary-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-primary-active:rgba(var(--ibiz-blue-cyan-5), 1);--ibiz-color-primary-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-primary-disabled:rgba(var(--ibiz-blue-cyan-2), 1);--ibiz-color-primary-disabled-text:rgba(var(--ibiz-white), 1);--ibiz-color-primary-light-default:rgba(var(--ibiz-blue-cyan-0), 1);--ibiz-color-primary-light-hover:rgba(var(--ibiz-blue-cyan-1), 1);--ibiz-color-primary-light-active:rgba(var(--ibiz-blue-cyan-2), 1);--ibiz-color-secondary:rgba(var(--ibiz-light-blue-5), 1);--ibiz-color-secondary-text:rgba(var(--ibiz-white), 1);--ibiz-color-secondary-hover:rgba(var(--ibiz-light-blue-6), 1);--ibiz-color-secondary-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-secondary-active:rgba(var(--ibiz-light-blue-7), 1);--ibiz-color-secondary-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-secondary-disabled:rgba(var(--ibiz-light-blue-2), 1);--ibiz-color-secondary-disabled-text:rgba(var(--ibiz-white), 1);--ibiz-color-secondary-light-default:rgba(var(--ibiz-light-blue-0), 1);--ibiz-color-secondary-light-hover:rgba(var(--ibiz-light-blue-1), 1);--ibiz-color-secondary-light-active:rgba(var(--ibiz-light-blue-2), 1);--ibiz-color-tertiary:rgba(var(--ibiz-grey-5), 1);--ibiz-color-tertiary-text:rgba(var(--ibiz-white), 1);--ibiz-color-tertiary-hover:rgba(var(--ibiz-grey-4), 1);--ibiz-color-tertiary-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-tertiary-active:rgba(var(--ibiz-grey-6), 1);--ibiz-color-tertiary-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-tertiary-light-default:rgba(var(--ibiz-grey-0), 1);--ibiz-color-tertiary-light-hover:rgba(var(--ibiz-grey-1), 1);--ibiz-color-tertiary-light-active:rgba(var(--ibiz-grey-2), 1);--ibiz-color-info:rgba(var(--ibiz-blue-cyan-4), 1);--ibiz-color-info-text:rgba(var(--ibiz-white), 1);--ibiz-color-info-hover:rgba(var(--ibiz-blue-cyan-3), 1);--ibiz-color-info-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-info-active:rgba(var(--ibiz-blue-cyan-5), 1);--ibiz-color-info-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-info-disabled:rgba(var(--ibiz-blue-cyan-2), 1);--ibiz-color-info-disabled-text:rgba(var(--ibiz-white), 1);--ibiz-color-info-light-default:rgba(var(--ibiz-blue-cyan-0), 1);--ibiz-color-info-light-hover:rgba(var(--ibiz-blue-cyan-1), 1);--ibiz-color-info-light-active:rgba(var(--ibiz-blue-cyan-2), 1);--ibiz-color-success:rgba(var(--ibiz-green-5), 1);--ibiz-color-success-text:rgba(var(--ibiz-white), 1);--ibiz-color-success-hover:rgba(var(--ibiz-green-4), 1);--ibiz-color-success-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-success-active:rgba(var(--ibiz-green-6), 1);--ibiz-color-success-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-success-disabled:rgba(var(--ibiz-green-2), 1);--ibiz-color-success-disabled-text:rgba(var(--ibiz-white), 1);--ibiz-color-success-light-default:rgba(var(--ibiz-green-0), 1);--ibiz-color-success-light-hover:rgba(var(--ibiz-green-1), 1);--ibiz-color-success-light-active:rgba(var(--ibiz-green-2), 1);--ibiz-color-warning:rgba(var(--ibiz-orange-5), 1);--ibiz-color-warning-text:rgba(var(--ibiz-white), 1);--ibiz-color-warning-hover:rgba(var(--ibiz-orange-4), 1);--ibiz-color-warning-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-warning-active:rgba(var(--ibiz-orange-6), 1);--ibiz-color-warning-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-warning-light-default:rgba(var(--ibiz-orange-0), 1);--ibiz-color-warning-light-hover:rgba(var(--ibiz-orange-1), 1);--ibiz-color-warning-light-active:rgba(var(--ibiz-orange-2), 1);--ibiz-color-danger:rgba(var(--ibiz-red-5), 1);--ibiz-color-danger-text:rgba(var(--ibiz-white), 1);--ibiz-color-danger-hover:rgba(var(--ibiz-red-4), 1);--ibiz-color-danger-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-danger-active:rgba(var(--ibiz-red-6), 1);--ibiz-color-danger-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-danger-light-default:rgba(var(--ibiz-red-0), 1);--ibiz-color-danger-light-hover:rgba(var(--ibiz-red-1), 1);--ibiz-color-danger-light-active:rgba(var(--ibiz-red-2), 1);--ibiz-color-text-0:rgba(var(--ibiz-grey-9), 1);--ibiz-color-text-1:rgba(var(--ibiz-grey-7), 1);--ibiz-color-text-2:rgba(var(--ibiz-grey-6), 1);--ibiz-color-text-3:rgba(var(--ibiz-grey-4), 1);--ibiz-color-text-menu:rgb(219, 228, 236);--ibiz-color-link:rgba(var(--ibiz-blue-cyan-5), 1);--ibiz-color-link-hover:rgba(var(--ibiz-blue-cyan-4), 1);--ibiz-color-link-active:rgba(var(--ibiz-blue-cyan-6), 1);--ibiz-color-link-visited:rgba(var(--ibiz-blue-cyan-5), 1);--ibiz-color-bg-0:rgba(var(--ibiz-grey-0), 1);--ibiz-color-bg-1:rgba(var(--ibiz-white), 1);--ibiz-color-bg-2:rgba(var(--ibiz-white), 1);--ibiz-color-bg-3:rgba(var(--ibiz-white), 1);--ibiz-color-bg-4:rgba(var(--ibiz-white), 1);--ibiz-color-bg-5:rgba(var(--ibiz-blue-cyan-3), 0.6);--ibiz-color-bg-overlay:rgba(var(--ibiz-black), 0.5);--ibiz-color-fill-0:rgba(var(--ibiz-grey-8), 0.05);--ibiz-color-fill-1:rgba(var(--ibiz-grey-8), 0.1);--ibiz-color-fill-2:rgba(var(--ibiz-grey-8), 0.13);--ibiz-color-scroll-menu:rgba(132, 165, 198, 0.4);--ibiz-color-border:rgba(var(--ibiz-grey-9), 0.1);--ibiz-color-disabled-text:rgba(var(--ibiz-grey-9), 0.35);--ibiz-color-disabled-border:rgba(var(--ibiz-grey-1), 1);--ibiz-color-disabled-bg:rgba(var(--ibiz-grey-1), 1);--ibiz-color-disabled-fill:rgba(var(--ibiz-grey-8), 0.04);--ibiz-color-shadow:rgba(var(--ibiz-black), 0.04);--ibiz-shadow-elevated:0 0 1px rgba(0, 0, 0, 0.3),0 4px 14px rgba(0, 0, 0, 0.1);--ibiz-font-size-small:12px;--ibiz-font-size-regular:14px;--ibiz-font-size-header-6:16px;--ibiz-font-size-header-5:18px;--ibiz-font-size-header-4:20px;--ibiz-font-size-header-3:24px;--ibiz-font-size-header-2:28px;--ibiz-font-size-header-1:32px;--ibiz-font-weight-light:200;--ibiz-font-weight-regular:400;--ibiz-font-weight-bold:800;--ibiz-border-radius-extra-small:2px;--ibiz-border-radius-small:4px;--ibiz-border-radius-medium:8px;--ibiz-border-radius-large:12px;--ibiz-border-radius-circle:50%;--ibiz-border-radius-full:9999px;--ibiz-height-control-small:24px;--ibiz-height-control-default:32px;--ibiz-height-control-large:40px;--ibiz-border-thickness:0;--ibiz-border-thickness-control:1px;--ibiz-border-thickness-control-focus:1px;--ibiz-width-icon-extra-small:8px;--ibiz-width-icon-small:12px;--ibiz-width-icon-medium:16px;--ibiz-width-icon-large:20px;--ibiz-width-icon-extra-large:24px;--ibiz-spacing-none:0;--ibiz-spacing-super-tight:2px;--ibiz-spacing-extra-tight:4px;--ibiz-spacing-tight:8px;--ibiz-spacing-base-tight:12px;--ibiz-spacing-base:16px;--ibiz-spacing-base-loose:20px;--ibiz-spacing-loose:24px;--ibiz-spacing-extra-loose:32px;--ibiz-spacing-super-loose:40px}:root.light .ibiz-panel-app-header{--ibiz-grey-9:249,249,249;--ibiz-color-text-0:rgba(var(--ibiz-grey-9), 1);--ibiz-color-text-1:rgba(var(--ibiz-grey-9), 0.8);--ibiz-color-text-2:rgba(var(--ibiz-grey-9), 0.6);--ibiz-color-text-3:rgba(var(--ibiz-grey-9), 0.35)}:root.dark{--ibiz-red-0:108,9,10;--ibiz-red-1:144,17,16;--ibiz-red-2:181,31,25;--ibiz-red-3:215,51,35;--ibiz-red-4:251,73,49;--ibiz-red-5:252,114,90;--ibiz-red-6:253,153,131;--ibiz-red-7:254,190,172;--ibiz-red-8:254,224,213;--ibiz-red-9:255,243,239;--ibiz-pink-0:92,7,47;--ibiz-pink-1:128,15,66;--ibiz-pink-2:164,23,81;--ibiz-pink-3:199,34,97;--ibiz-pink-4:235,47,112;--ibiz-pink-5:239,86,134;--ibiz-pink-6:243,126,159;--ibiz-pink-7:247,168,188;--ibiz-pink-8:251,211,220;--ibiz-pink-9:253,239,241;--ibiz-purple-0:74,16,97;--ibiz-purple-1:94,23,118;--ibiz-purple-2:115,31,138;--ibiz-purple-3:137,40,159;--ibiz-purple-4:160,51,179;--ibiz-purple-5:181,83,194;--ibiz-purple-6:202,120,209;--ibiz-purple-7:221,160,225;--ibiz-purple-8:239,206,240;--ibiz-purple-9:247,235,247;--ibiz-violet-0:64,27,119;--ibiz-violet-1:76,36,140;--ibiz-violet-2:88,46,160;--ibiz-violet-3:100,57,180;--ibiz-violet-4:113,70,201;--ibiz-violet-5:136,101,212;--ibiz-violet-6:162,136,223;--ibiz-violet-7:190,173,233;--ibiz-violet-8:221,212,243;--ibiz-violet-9:240,238,250;--ibiz-indigo-0:23,30,101;--ibiz-indigo-1:32,41,122;--ibiz-indigo-2:41,54,142;--ibiz-indigo-3:52,68,163;--ibiz-indigo-4:64,83,183;--ibiz-indigo-5:95,113,197;--ibiz-indigo-6:129,145,212;--ibiz-indigo-7:167,180,226;--ibiz-indigo-8:209,216,241;--ibiz-indigo-9:237,239,248;--ibiz-blue-0:6,49,112;--ibiz-blue-1:8,70,148;--ibiz-blue-2:19,92,184;--ibiz-blue-3:28,117,219;--ibiz-blue-4:41,143,255;--ibiz-blue-5:84,169,255;--ibiz-blue-6:127,193,255;--ibiz-blue-7:169,215,255;--ibiz-blue-8:211,237,255;--ibiz-blue-9:239,248,255;--ibiz-light-blue-0:1,55,97;--ibiz-light-blue-1:0,77,133;--ibiz-light-blue-2:2,102,169;--ibiz-light-blue-3:7,129,204;--ibiz-light-blue-4:19,159,239;--ibiz-light-blue-5:64,180,243;--ibiz-light-blue-6:111,200,245;--ibiz-light-blue-7:157,220,249;--ibiz-light-blue-8:206,238,252;--ibiz-light-blue-9:235,248,254;--ibiz-cyan-0:5,52,61;--ibiz-cyan-1:6,79,92;--ibiz-cyan-2:8,108,123;--ibiz-cyan-3:13,137,153;--ibiz-cyan-4:20,168,183;--ibiz-cyan-5:56,187,198;--ibiz-cyan-6:98,205,212;--ibiz-cyan-7:145,223,227;--ibiz-cyan-8:198,239,241;--ibiz-cyan-9:231,247,248;--ibiz-teal-0:2,60,57;--ibiz-teal-1:5,90,85;--ibiz-teal-2:8,119,111;--ibiz-teal-3:12,149,136;--ibiz-teal-4:13,179,161;--ibiz-teal-5:51,194,176;--ibiz-teal-6:95,209,193;--ibiz-teal-7:142,225,211;--ibiz-teal-8:196,240,232;--ibiz-teal-9:230,247,244;--ibiz-green-0:18,60,25;--ibiz-green-1:27,90,37;--ibiz-green-2:39,119,49;--ibiz-green-3:51,149,61;--ibiz-green-4:62,179,72;--ibiz-green-5:92,194,100;--ibiz-green-6:127,209,132;--ibiz-green-7:165,225,168;--ibiz-green-8:208,240,208;--ibiz-green-9:236,246,236;--ibiz-light-green-0:38,61,19;--ibiz-light-green-1:58,92,28;--ibiz-light-green-2:81,123,41;--ibiz-light-green-3:103,153,51;--ibiz-light-green-4:127,184,64;--ibiz-light-green-5:151,198,95;--ibiz-light-green-6:176,212,129;--ibiz-light-green-7:201,228,167;--ibiz-light-green-8:227,241,209;--ibiz-light-green-9:243,248,237;--ibiz-lime-0:48,70,2;--ibiz-lime-1:75,105,6;--ibiz-lime-2:103,141,9;--ibiz-lime-3:132,176,9;--ibiz-lime-4:162,211,16;--ibiz-lime-5:174,220,58;--ibiz-lime-6:189,229,102;--ibiz-lime-7:207,237,150;--ibiz-lime-8:229,246,201;--ibiz-lime-9:242,252,233;--ibiz-yellow-0:84,73,2;--ibiz-yellow-1:126,108,6;--ibiz-yellow-2:168,142,12;--ibiz-yellow-3:211,175,15;--ibiz-yellow-4:252,206,22;--ibiz-yellow-5:253,222,68;--ibiz-yellow-6:253,235,113;--ibiz-yellow-7:255,245,160;--ibiz-yellow-8:254,251,207;--ibiz-yellow-9:255,254,236;--ibiz-amber-0:81,46,10;--ibiz-amber-1:121,76,15;--ibiz-amber-2:161,107,22;--ibiz-amber-3:201,143,31;--ibiz-amber-4:242,183,38;--ibiz-amber-5:245,201,79;--ibiz-amber-6:248,219,122;--ibiz-amber-7:249,234,166;--ibiz-amber-8:252,246,210;--ibiz-amber-9:255,251,237;--ibiz-orange-0:230,81,0;--ibiz-orange-1:239,108,0;--ibiz-orange-2:245,124,2;--ibiz-orange-3:250,141,0;--ibiz-orange-4:255,152,0;--ibiz-orange-5:255,167,38;--ibiz-orange-6:255,183,77;--ibiz-orange-7:255,204,128;--ibiz-orange-8:255,223,177;--ibiz-orange-9:255,243,224;--ibiz-grey-0:29,31,35;--ibiz-grey-1:46,50,55;--ibiz-grey-2:65,70,76;--ibiz-grey-3:85,91,97;--ibiz-grey-4:107,112,116;--ibiz-grey-5:136,141,145;--ibiz-grey-6:167,171,175;--ibiz-grey-7:198,202,205;--ibiz-grey-8:230,232,234;--ibiz-grey-9:249,249,249;--ibiz-blue-cyan-0:16,41,68;--ibiz-blue-cyan-1:26,52,79;--ibiz-blue-cyan-2:36,65,96;--ibiz-blue-cyan-3:48,81,115;--ibiz-blue-cyan-4:70,107,144;--ibiz-blue-cyan-5:85,125,165;--ibiz-blue-cyan-6:105,148,190;--ibiz-blue-cyan-7:131,171,212;--ibiz-blue-cyan-8:164,201,238;--ibiz-blue-cyan-9:217,236,255;--ibiz-dark-purple-0:0,0,0;--ibiz-dark-purple-1:4,3,6;--ibiz-dark-purple-2:17,16,26;--ibiz-dark-purple-3:31,31,47;--ibiz-dark-purple-4:43,43,64;--ibiz-dark-purple-5:79,79,105;--ibiz-dark-purple-6:115,116,142;--ibiz-dark-purple-7:157,158,180;--ibiz-dark-purple-8:204,205,217;--ibiz-dark-purple-9:255,255,255;--ibiz-white:255,255,255;--ibiz-black:0,0,0;--ibiz-color-white:rgba(var(--ibiz-white), 1);--ibiz-color-black:rgba(var(--ibiz-black), 1);--ibiz-color-primary:rgba(var(--ibiz-blue-4), 1);--ibiz-color-primary-text:rgba(var(--ibiz-white), 1);--ibiz-color-primary-hover:rgba(var(--ibiz-blue-6), 1);--ibiz-color-primary-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-primary-active:rgba(var(--ibiz-blue-3), 1);--ibiz-color-primary-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-primary-disabled:rgba(var(--ibiz-blue-2), 1);--ibiz-color-primary-disabled-text:rgba(var(--ibiz-white), 1);--ibiz-color-primary-light-default:rgba(var(--ibiz-blue-5), 0.2);--ibiz-color-primary-light-hover:rgba(var(--ibiz-blue-5), 0.3);--ibiz-color-primary-light-active:rgba(var(--ibiz-blue-5), 0.4);--ibiz-color-secondary:rgba(var(--ibiz-light-blue-5), 1);--ibiz-color-secondary-text:rgba(var(--ibiz-white), 1);--ibiz-color-secondary-hover:rgba(var(--ibiz-light-blue-6), 1);--ibiz-color-secondary-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-secondary-active:rgba(var(--ibiz-light-blue-7), 1);--ibiz-color-secondary-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-secondary-disabled:rgba(var(--ibiz-light-blue-2), 1);--ibiz-color-secondary-disabled-text:rgba(var(--ibiz-white), 1);--ibiz-color-secondary-light-default:rgba(var(--ibiz-light-blue-0), 1);--ibiz-color-secondary-light-hover:rgba(var(--ibiz-light-blue-1), 1);--ibiz-color-secondary-light-active:rgba(var(--ibiz-light-blue-2), 1);--ibiz-color-tertiary:rgba(var(--ibiz-dark-purple-4), 1);--ibiz-color-tertiary-text:rgba(var(--ibiz-white), 1);--ibiz-color-tertiary-hover:rgba(var(--ibiz-dark-purple-6), 1);--ibiz-color-tertiary-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-tertiary-active:rgba(var(--ibiz-dark-purple-5), 1);--ibiz-color-tertiary-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-tertiary-light-default:rgba(var(--ibiz-dark-purple-5), 0.2);--ibiz-color-tertiary-light-hover:rgba(var(--ibiz-dark-purple-5), 0.3);--ibiz-color-tertiary-light-active:rgba(var(--ibiz-dark-purple-5), 0.4);--ibiz-color-info:rgba(var(--ibiz-blue-4), 1);--ibiz-color-info-text:rgba(var(--ibiz-white), 1);--ibiz-color-info-hover:rgba(var(--ibiz-blue-6), 1);--ibiz-color-info-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-info-active:rgba(var(--ibiz-blue-3), 1);--ibiz-color-info-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-info-disabled:rgba(var(--ibiz-blue-2), 1);--ibiz-color-info-disabled-text:rgba(var(--ibiz-white), 1);--ibiz-color-info-light-default:rgba(var(--ibiz-blue-5), 0.2);--ibiz-color-info-light-hover:rgba(var(--ibiz-blue-5), 0.3);--ibiz-color-info-light-active:rgba(var(--ibiz-blue-5), 0.4);--ibiz-color-success:rgba(var(--ibiz-green-5), 1);--ibiz-color-success-text:rgba(var(--ibiz-white), 1);--ibiz-color-success-hover:rgba(var(--ibiz-green-6), 1);--ibiz-color-success-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-success-active:rgba(var(--ibiz-green-4), 1);--ibiz-color-success-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-success-disabled:rgba(var(--ibiz-green-2), 1);--ibiz-color-success-disabled-text:rgba(var(--ibiz-white), 1);--ibiz-color-success-light-default:rgba(var(--ibiz-green-5), 0.2);--ibiz-color-success-light-hover:rgba(var(--ibiz-green-5), 0.3);--ibiz-color-success-light-active:rgba(var(--ibiz-green-5), 0.4);--ibiz-color-warning:rgba(var(--ibiz-orange-5), 1);--ibiz-color-warning-text:rgba(var(--ibiz-white), 1);--ibiz-color-warning-hover:rgba(var(--ibiz-orange-6), 1);--ibiz-color-warning-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-warning-active:rgba(var(--ibiz-orange-4), 1);--ibiz-color-warning-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-warning-light-default:rgba(var(--ibiz-orange-5), 0.2);--ibiz-color-warning-light-hover:rgba(var(--ibiz-orange-5), 0.3);--ibiz-color-warning-light-active:rgba(var(--ibiz-orange-5), 0.4);--ibiz-color-danger:rgba(var(--ibiz-red-5), 1);--ibiz-color-danger-text:rgba(var(--ibiz-white), 1);--ibiz-color-danger-hover:rgba(var(--ibiz-red-6), 1);--ibiz-color-danger-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-danger-active:rgba(var(--ibiz-red-4), 1);--ibiz-color-danger-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-danger-light-default:rgba(var(--ibiz-red-5), 0.2);--ibiz-color-danger-light-hover:rgba(var(--ibiz-red-5), 0.3);--ibiz-color-danger-light-active:rgba(var(--ibiz-red-5), 0.4);--ibiz-color-text-0:rgba(var(--ibiz-dark-purple-9), 1);--ibiz-color-text-1:rgba(var(--ibiz-dark-purple-8), 1);--ibiz-color-text-2:rgba(var(--ibiz-grey-9), 0.6);--ibiz-color-text-3:rgba(var(--ibiz-grey-9), 0.35);--ibiz-color-text-menu:rgba(var(--ibiz-white), 1);--ibiz-color-link:rgba(var(--ibiz-blue-4), 1);--ibiz-color-link-hover:rgba(var(--ibiz-blue-6), 1);--ibiz-color-link-active:rgba(var(--ibiz-blue-3), 1);--ibiz-color-link-visited:rgba(var(--ibiz-blue-2), 1);--ibiz-color-bg-0:rgb(18, 18, 18);--ibiz-color-bg-1:rgb(28, 28, 28);--ibiz-color-bg-2:rgb(53, 54, 60);--ibiz-color-bg-3:rgb(67, 68, 74);--ibiz-color-bg-4:rgb(79, 81, 89);--ibiz-color-bg-5:rgba(var(--ibiz-blue-6), 0.6);--ibiz-color-bg-overlay:rgba(22, 22, 26, 0.6);--ibiz-color-fill-0:rgba(var(--ibiz-dark-purple-4), 1);--ibiz-color-fill-1:rgba(var(--ibiz-white), 0.16);--ibiz-color-fill-2:rgba(var(--ibiz-white), 0.2);--ibiz-color-scroll-menu:rgba(var(--ibiz-white), 0.2);--ibiz-color-border:rgba(var(--ibiz-white), 0.08);--ibiz-color-disabled-text:rgba(var(--ibiz-grey-9), 0.35);--ibiz-color-disabled-border:rgba(var(--ibiz-grey-1), 1);--ibiz-color-disabled-bg:rgba(var(--ibiz-grey-1), 1);--ibiz-color-disabled-fill:rgba(var(--ibiz-grey-8), 0.04);--ibiz-color-shadow:rgba(var(--ibiz-black), 0.04);--ibiz-shadow-elevated:0 0 1px rgba(0, 0, 0, 0.3),0 4px 14px rgba(0, 0, 0, 0.1);--ibiz-font-size-small:12px;--ibiz-font-size-regular:14px;--ibiz-font-size-header-6:16px;--ibiz-font-size-header-5:18px;--ibiz-font-size-header-4:20px;--ibiz-font-size-header-3:24px;--ibiz-font-size-header-2:28px;--ibiz-font-size-header-1:32px;--ibiz-font-weight-light:200;--ibiz-font-weight-regular:400;--ibiz-font-weight-bold:800;--ibiz-border-radius-extra-small:2px;--ibiz-border-radius-small:4px;--ibiz-border-radius-medium:8px;--ibiz-border-radius-large:12px;--ibiz-border-radius-circle:50%;--ibiz-border-radius-full:9999px;--ibiz-height-control-small:24px;--ibiz-height-control-default:32px;--ibiz-height-control-large:40px;--ibiz-border-thickness:0;--ibiz-border-thickness-control:1px;--ibiz-border-thickness-control-focus:1px;--ibiz-width-icon-extra-small:8px;--ibiz-width-icon-small:12px;--ibiz-width-icon-medium:16px;--ibiz-width-icon-large:20px;--ibiz-width-icon-extra-large:24px;--ibiz-spacing-none:0;--ibiz-spacing-super-tight:2px;--ibiz-spacing-extra-tight:4px;--ibiz-spacing-tight:8px;--ibiz-spacing-base-tight:12px;--ibiz-spacing-base:16px;--ibiz-spacing-base-loose:20px;--ibiz-spacing-loose:24px;--ibiz-spacing-extra-loose:32px;--ibiz-spacing-super-loose:40px}:root.blue{--ibiz-red-0:254,242,237;--ibiz-red-1:254,221,210;--ibiz-red-2:253,183,164;--ibiz-red-3:251,144,120;--ibiz-red-4:250,102,75;--ibiz-red-5:249,57,31;--ibiz-red-6:213,37,20;--ibiz-red-7:177,20,13;--ibiz-red-8:142,7,5;--ibiz-red-9:106,2,3;--ibiz-pink-0:253,236,239;--ibiz-pink-1:251,207,216;--ibiz-pink-2:246,160,181;--ibiz-pink-3:242,115,150;--ibiz-pink-4:238,72,122;--ibiz-pink-5:233,31,99;--ibiz-pink-6:197,18,86;--ibiz-pink-7:162,11,72;--ibiz-pink-8:126,4,58;--ibiz-pink-9:90,1,44;--ibiz-purple-0:247,233,247;--ibiz-purple-1:239,202,239;--ibiz-purple-2:221,155,224;--ibiz-purple-3:201,112,209;--ibiz-purple-4:180,73,194;--ibiz-purple-5:158,40,179;--ibiz-purple-6:135,30,159;--ibiz-purple-7:112,23,138;--ibiz-purple-8:92,14,117;--ibiz-purple-9:72,11,97;--ibiz-violet-0:243,237,249;--ibiz-violet-1:226,209,244;--ibiz-violet-2:196,167,233;--ibiz-violet-3:166,126,221;--ibiz-violet-4:136,91,210;--ibiz-violet-5:106,58,199;--ibiz-violet-6:87,47,179;--ibiz-violet-7:70,36,158;--ibiz-violet-8:54,28,138;--ibiz-violet-9:40,20,117;--ibiz-indigo-0:237,239,248;--ibiz-indigo-1:209,216,240;--ibiz-indigo-2:167,179,225;--ibiz-indigo-3:128,144,211;--ibiz-indigo-4:94,111,196;--ibiz-indigo-5:63,81,181;--ibiz-indigo-6:51,66,161;--ibiz-indigo-7:41,52,140;--ibiz-indigo-8:31,40,120;--ibiz-indigo-9:23,29,99;--ibiz-blue-0:234,245,255;--ibiz-blue-1:203,231,254;--ibiz-blue-2:152,205,253;--ibiz-blue-3:101,179,252;--ibiz-blue-4:51,149,252;--ibiz-blue-5:3,118,250;--ibiz-blue-6:2,97,214;--ibiz-blue-7:2,79,179;--ibiz-blue-8:0,61,143;--ibiz-blue-9:0,44,107;--ibiz-light-blue-0:234,247,253;--ibiz-light-blue-1:202,236,252;--ibiz-light-blue-2:149,216,248;--ibiz-light-blue-3:97,195,245;--ibiz-light-blue-4:48,172,241;--ibiz-light-blue-5:0,149,238;--ibiz-light-blue-6:0,123,202;--ibiz-light-blue-7:0,99,167;--ibiz-light-blue-8:0,75,131;--ibiz-light-blue-9:0,53,95;--ibiz-cyan-0:229,247,248;--ibiz-cyan-1:194,239,240;--ibiz-cyan-2:138,221,225;--ibiz-cyan-3:87,203,211;--ibiz-cyan-4:44,184,197;--ibiz-cyan-5:6,164,182;--ibiz-cyan-6:3,134,152;--ibiz-cyan-7:2,105,121;--ibiz-cyan-8:0,77,91;--ibiz-cyan-9:1,50,61;--ibiz-teal-0:227,247,244;--ibiz-teal-1:192,240,232;--ibiz-teal-2:135,224,211;--ibiz-teal-3:84,209,193;--ibiz-teal-4:39,194,176;--ibiz-teal-5:5,179,161;--ibiz-teal-6:0,149,137;--ibiz-teal-7:0,119,111;--ibiz-teal-8:0,90,85;--ibiz-teal-9:1,60,58;--ibiz-green-0:236,246,236;--ibiz-green-1:208,240,208;--ibiz-green-2:164,224,167;--ibiz-green-3:126,209,130;--ibiz-green-4:90,194,98;--ibiz-green-5:59,179,70;--ibiz-green-6:49,149,58;--ibiz-green-7:37,119,47;--ibiz-green-8:26,89,36;--ibiz-green-9:18,60,24;--ibiz-light-green-0:243,248,236;--ibiz-light-green-1:226,240,208;--ibiz-light-green-2:200,225,165;--ibiz-light-green-3:173,211,127;--ibiz-light-green-4:147,197,91;--ibiz-light-green-5:123,182,60;--ibiz-light-green-6:100,152,47;--ibiz-light-green-7:79,121,38;--ibiz-light-green-8:57,91,27;--ibiz-light-green-9:36,61,18;--ibiz-lime-0:241,250,230;--ibiz-lime-1:227,246,197;--ibiz-lime-2:203,237,142;--ibiz-lime-3:183,226,91;--ibiz-lime-4:168,218,44;--ibiz-lime-5:154,209,0;--ibiz-lime-6:125,174,0;--ibiz-lime-7:99,139,2;--ibiz-lime-8:72,104,0;--ibiz-lime-9:47,70,0;--ibiz-yellow-0:255,253,234;--ibiz-yellow-1:255,250,203;--ibiz-yellow-2:253,243,152;--ibiz-yellow-3:252,231,101;--ibiz-yellow-4:251,218,49;--ibiz-yellow-5:249,200,0;--ibiz-yellow-6:208,170,0;--ibiz-yellow-7:167,139,0;--ibiz-yellow-8:125,106,0;--ibiz-yellow-9:83,72,0;--ibiz-amber-0:255,251,236;--ibiz-amber-1:252,245,206;--ibiz-amber-2:249,232,158;--ibiz-amber-3:246,216,110;--ibiz-amber-4:243,198,65;--ibiz-amber-5:240,177,20;--ibiz-amber-6:200,138,16;--ibiz-amber-7:160,102,10;--ibiz-amber-8:120,70,5;--ibiz-amber-9:80,43,3;--ibiz-orange-0:255,243,224;--ibiz-orange-1:255,223,177;--ibiz-orange-2:255,204,128;--ibiz-orange-3:254,183,77;--ibiz-orange-4:255,167,38;--ibiz-orange-5:255,152,0;--ibiz-orange-6:250,141,0;--ibiz-orange-7:245,124,2;--ibiz-orange-8:239,108,0;--ibiz-orange-9:230,81,0;--ibiz-grey-0:249,249,249;--ibiz-grey-1:230,232,234;--ibiz-grey-2:198,202,205;--ibiz-grey-3:167,171,175;--ibiz-grey-4:136,141,145;--ibiz-grey-5:107,102,116;--ibiz-grey-6:85,91,97;--ibiz-grey-7:65,70,76;--ibiz-grey-8:46,50,55;--ibiz-grey-9:29,31,35;--ibiz-blue-cyan-0:217,236,255;--ibiz-blue-cyan-1:164,201,238;--ibiz-blue-cyan-2:131,171,212;--ibiz-blue-cyan-3:105,148,190;--ibiz-blue-cyan-4:85,125,165;--ibiz-blue-cyan-5:70,107,144;--ibiz-blue-cyan-6:48,81,115;--ibiz-blue-cyan-7:36,65,96;--ibiz-blue-cyan-8:26,52,79;--ibiz-blue-cyan-9:16,41,68;--ibiz-white:255,255,255;--ibiz-black:0,0,0;--ibiz-color-white:rgba(var(--ibiz-white), 1);--ibiz-color-black:rgba(var(--ibiz-black), 1);--ibiz-color-primary:rgb(0, 132, 255);--ibiz-color-primary-text:rgba(var(--ibiz-white), 1);--ibiz-color-primary-hover:rgb(46, 161, 255);--ibiz-color-primary-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-primary-active:rgb(0, 102, 210);--ibiz-color-primary-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-primary-disabled:rgb(220, 222, 225);--ibiz-color-primary-disabled-text:rgba(var(--ibiz-white), 1);--ibiz-color-primary-light-default:rgb(232, 248, 255);--ibiz-color-primary-light-hover:rgb(186, 231, 255);--ibiz-color-primary-light-active:rgb(139, 211, 255);--ibiz-color-secondary:rgba(var(--ibiz-light-blue-5), 1);--ibiz-color-secondary-text:rgba(var(--ibiz-white), 1);--ibiz-color-secondary-hover:rgba(var(--ibiz-light-blue-6), 1);--ibiz-color-secondary-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-secondary-active:rgba(var(--ibiz-light-blue-7), 1);--ibiz-color-secondary-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-secondary-disabled:rgba(var(--ibiz-light-blue-2), 1);--ibiz-color-secondary-disabled-text:rgba(var(--ibiz-white), 1);--ibiz-color-secondary-light-default:rgba(var(--ibiz-light-blue-0), 1);--ibiz-color-secondary-light-hover:rgba(var(--ibiz-light-blue-1), 1);--ibiz-color-secondary-light-active:rgba(var(--ibiz-light-blue-2), 1);--ibiz-color-tertiary:rgba(var(--ibiz-grey-5), 1);--ibiz-color-tertiary-text:rgba(var(--ibiz-white), 1);--ibiz-color-tertiary-hover:rgba(var(--ibiz-grey-4), 1);--ibiz-color-tertiary-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-tertiary-active:rgba(var(--ibiz-grey-6), 1);--ibiz-color-tertiary-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-tertiary-light-default:rgba(var(--ibiz-grey-0), 1);--ibiz-color-tertiary-light-hover:rgba(var(--ibiz-grey-1), 1);--ibiz-color-tertiary-light-active:rgba(var(--ibiz-grey-2), 1);--ibiz-color-info:rgba(var(--ibiz-blue-cyan-4), 1);--ibiz-color-info-text:rgba(var(--ibiz-white), 1);--ibiz-color-info-hover:rgba(var(--ibiz-blue-cyan-3), 1);--ibiz-color-info-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-info-active:rgba(var(--ibiz-blue-cyan-5), 1);--ibiz-color-info-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-info-disabled:rgba(var(--ibiz-blue-cyan-2), 1);--ibiz-color-info-disabled-text:rgba(var(--ibiz-white), 1);--ibiz-color-info-light-default:rgba(var(--ibiz-blue-cyan-0), 1);--ibiz-color-info-light-hover:rgba(var(--ibiz-blue-cyan-1), 1);--ibiz-color-info-light-active:rgba(var(--ibiz-blue-cyan-2), 1);--ibiz-color-success:rgba(var(--ibiz-green-5), 1);--ibiz-color-success-text:rgba(var(--ibiz-white), 1);--ibiz-color-success-hover:rgba(var(--ibiz-green-4), 1);--ibiz-color-success-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-success-active:rgba(var(--ibiz-green-6), 1);--ibiz-color-success-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-success-disabled:rgba(var(--ibiz-green-2), 1);--ibiz-color-success-disabled-text:rgba(var(--ibiz-white), 1);--ibiz-color-success-light-default:rgba(var(--ibiz-green-0), 1);--ibiz-color-success-light-hover:rgba(var(--ibiz-green-1), 1);--ibiz-color-success-light-active:rgba(var(--ibiz-green-2), 1);--ibiz-color-warning:rgba(var(--ibiz-orange-5), 1);--ibiz-color-warning-text:rgba(var(--ibiz-white), 1);--ibiz-color-warning-hover:rgba(var(--ibiz-orange-4), 1);--ibiz-color-warning-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-warning-active:rgba(var(--ibiz-orange-6), 1);--ibiz-color-warning-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-warning-light-default:rgba(var(--ibiz-orange-0), 1);--ibiz-color-warning-light-hover:rgba(var(--ibiz-orange-1), 1);--ibiz-color-warning-light-active:rgba(var(--ibiz-orange-2), 1);--ibiz-color-danger:rgba(var(--ibiz-red-5), 1);--ibiz-color-danger-text:rgba(var(--ibiz-white), 1);--ibiz-color-danger-hover:rgba(var(--ibiz-red-4), 1);--ibiz-color-danger-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-danger-active:rgba(var(--ibiz-red-6), 1);--ibiz-color-danger-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-danger-light-default:rgba(var(--ibiz-red-0), 1);--ibiz-color-danger-light-hover:rgba(var(--ibiz-red-1), 1);--ibiz-color-danger-light-active:rgba(var(--ibiz-red-2), 1);--ibiz-color-text-0:rgb(28, 33, 38);--ibiz-color-text-1:rgb(76, 90, 103);--ibiz-color-text-2:rgb(76, 90, 103);--ibiz-color-text-3:rgba(var(--ibiz-grey-4), 1);--ibiz-color-text-menu:rgb(28, 33, 38);--ibiz-color-link:rgb(0, 132, 255);--ibiz-color-link-hover:rgb(46, 161, 255);--ibiz-color-link-active:rgb(0, 102, 210);--ibiz-color-link-visited:rgb(130, 141, 153);--ibiz-color-bg-0:rgb(244, 246, 249);--ibiz-color-bg-1:rgba(var(--ibiz-white), 1);--ibiz-color-bg-2:rgba(var(--ibiz-white), 1);--ibiz-color-bg-3:rgba(var(--ibiz-white), 1);--ibiz-color-bg-4:rgba(var(--ibiz-white), 1);--ibiz-color-bg-5:rgba(var(--ibiz-blue-cyan-3), 0.6);--ibiz-color-bg-overlay:rgba(var(--ibiz-black), 0.5);--ibiz-color-fill-0:rgb(244, 246, 249);--ibiz-color-fill-1:rgba(var(--ibiz-grey-8), 0.1);--ibiz-color-fill-2:rgba(var(--ibiz-grey-8), 0.13);--ibiz-color-scroll-menu:rgb(234, 236, 239);--ibiz-color-border:rgb(234, 236, 239);--ibiz-color-disabled-text:rgb(194, 199, 204);--ibiz-color-disabled-border:rgba(var(--ibiz-grey-1), 1);--ibiz-color-disabled-bg:rgba(var(--ibiz-grey-1), 1);--ibiz-color-disabled-fill:rgba(var(--ibiz-grey-8), 0.04);--ibiz-color-shadow:rgba(var(--ibiz-black), 0.04);--ibiz-shadow-elevated:0 0 1px rgba(0, 0, 0, 0.3),0 4px 14px rgba(0, 0, 0, 0.1);--ibiz-font-size-small:12px;--ibiz-font-size-regular:14px;--ibiz-font-size-header-6:16px;--ibiz-font-size-header-5:18px;--ibiz-font-size-header-4:20px;--ibiz-font-size-header-3:24px;--ibiz-font-size-header-2:28px;--ibiz-font-size-header-1:32px;--ibiz-font-weight-light:200;--ibiz-font-weight-regular:400;--ibiz-font-weight-bold:800;--ibiz-border-radius-extra-small:2px;--ibiz-border-radius-small:4px;--ibiz-border-radius-medium:8px;--ibiz-border-radius-large:12px;--ibiz-border-radius-circle:50%;--ibiz-border-radius-full:9999px;--ibiz-height-control-small:24px;--ibiz-height-control-default:32px;--ibiz-height-control-large:40px;--ibiz-border-thickness:0;--ibiz-border-thickness-control:1px;--ibiz-border-thickness-control-focus:1px;--ibiz-width-icon-extra-small:8px;--ibiz-width-icon-small:12px;--ibiz-width-icon-medium:16px;--ibiz-width-icon-large:20px;--ibiz-width-icon-extra-large:24px;--ibiz-spacing-none:0;--ibiz-spacing-super-tight:2px;--ibiz-spacing-extra-tight:4px;--ibiz-spacing-tight:8px;--ibiz-spacing-base-tight:12px;--ibiz-spacing-base:16px;--ibiz-spacing-base-loose:20px;--ibiz-spacing-loose:24px;--ibiz-spacing-extra-loose:32px;--ibiz-spacing-super-loose:40px}:root.blue .ibiz-panel-app-header{--ibiz-panel-app-header-color:rgb(0, 132, 255);--ibiz-panel-app-header-bg-color:rgb(255, 255, 255);--ibiz-panel-app-header-hover-bg-color:rgb(244, 246, 249);--ibiz-panel-app-header-select-bg-color:rgb(232, 248, 255);--ibiz-color-primary-text:rgb(28, 33, 38)}:root.blue .ibiz-panel-app-header .ibiz-control-appmenu{color:#1c2126}:root.blue .ibiz-panel-index-view-search{--ibiz-panel-index-view-search-bg-color:rgb(255, 255, 255)}:root.blue .ibiz-control-grid{--ibiz-control-grid-header-text-color:rgb(28, 33, 38);--ibiz-control-grid-header-bg-color:rgb(244, 246, 249);--ibiz-control-grid-text-color:rgb(76, 90, 103);--ibiz-control-grid-row-bg-color:rgb(255, 255, 255);--ibiz-control-grid-row-bg-color-2:rgb(249, 251, 252);--ibiz-control-grid-row-hover-color:rgb(244, 246, 249);--ibiz-control-grid-row-select-color:rgb(232, 248, 255)}:root.blue .ibiz-control-treeview{--ibiz-control-treeview-text-color:rgb(28, 33, 38);--ibiz-control-treeview-disabled-color:rgb(216, 216, 216);--ibiz-control-treeview-row-hover-color:rgb(76, 90, 103);--ibiz-control-treeview-row-hover-bg-color:rgb(244, 246, 249);--ibiz-control-treeview-row-select-color:rgb(28, 33, 38);--ibiz-control-treeview-row-select-bg-color:rgb(232, 248, 255)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ibiz-template/web-theme",
3
- "version": "1.1.24",
3
+ "version": "1.1.26",
4
4
  "type": "module",
5
5
  "main": "lib/index.cjs",
6
6
  "types": "es/index.d.ts",
package/src/theme/generic/element-plus.scss CHANGED
@@ -69,6 +69,19 @@
69
69
  --el-input-bg-color: #{getCssVar(editor, default, bg-color)};
70
70
  }
71
71
 
72
+ // 删除图标顺序
73
+ .el-input {
74
+ .el-input__suffix {
75
+ .el-input__icon {
76
+ order: 1;
77
+ }
78
+
79
+ .el-input__clear {
80
+ order: 0;
81
+ }
82
+ }
83
+ }
84
+
72
85
  // 飘窗
73
86
  .el-drawer {
74
87
  .el-drawer__body {
package/src/theme/theme/default-blue/default-blue-theme.scss ADDED
@@ -0,0 +1,429 @@
1
+ :root.blue {
2
+ // 红色
3
+ #{getCssVarName(red, 0)}: 254, 242, 237;
4
+ #{getCssVarName(red, 1)}: 254, 221, 210;
5
+ #{getCssVarName(red, 2)}: 253, 183, 164;
6
+ #{getCssVarName(red, 3)}: 251, 144, 120;
7
+ #{getCssVarName(red, 4)}: 250, 102, 75;
8
+ #{getCssVarName(red, 5)}: 249, 57, 31;
9
+ #{getCssVarName(red, 6)}: 213, 37, 20;
10
+ #{getCssVarName(red, 7)}: 177, 20, 13;
11
+ #{getCssVarName(red, 8)}: 142, 7, 5;
12
+ #{getCssVarName(red, 9)}: 106, 2, 3;
13
+
14
+ // 粉色
15
+ #{getCssVarName(pink, 0)}: 253, 236, 239;
16
+ #{getCssVarName(pink, 1)}: 251, 207, 216;
17
+ #{getCssVarName(pink, 2)}: 246, 160, 181;
18
+ #{getCssVarName(pink, 3)}: 242, 115, 150;
19
+ #{getCssVarName(pink, 4)}: 238, 72, 122;
20
+ #{getCssVarName(pink, 5)}: 233, 31, 99;
21
+ #{getCssVarName(pink, 6)}: 197, 18, 86;
22
+ #{getCssVarName(pink, 7)}: 162, 11, 72;
23
+ #{getCssVarName(pink, 8)}: 126, 4, 58;
24
+ #{getCssVarName(pink, 9)}: 90, 1, 44;
25
+
26
+ // 紫色
27
+ #{getCssVarName(purple, 0)}: 247, 233, 247;
28
+ #{getCssVarName(purple, 1)}: 239, 202, 239;
29
+ #{getCssVarName(purple, 2)}: 221, 155, 224;
30
+ #{getCssVarName(purple, 3)}: 201, 112, 209;
31
+ #{getCssVarName(purple, 4)}: 180, 73, 194;
32
+ #{getCssVarName(purple, 5)}: 158, 40, 179;
33
+ #{getCssVarName(purple, 6)}: 135, 30, 159;
34
+ #{getCssVarName(purple, 7)}: 112, 23, 138;
35
+ #{getCssVarName(purple, 8)}: 92, 14, 117;
36
+ #{getCssVarName(purple, 9)}: 72, 11, 97;
37
+
38
+ // 紫罗兰色
39
+ #{getCssVarName(violet, 0)}: 243, 237, 249;
40
+ #{getCssVarName(violet, 1)}: 226, 209, 244;
41
+ #{getCssVarName(violet, 2)}: 196, 167, 233;
42
+ #{getCssVarName(violet, 3)}: 166, 126, 221;
43
+ #{getCssVarName(violet, 4)}: 136, 91, 210;
44
+ #{getCssVarName(violet, 5)}: 106, 58, 199;
45
+ #{getCssVarName(violet, 6)}: 87, 47, 179;
46
+ #{getCssVarName(violet, 7)}: 70, 36, 158;
47
+ #{getCssVarName(violet, 8)}: 54, 28, 138;
48
+ #{getCssVarName(violet, 9)}: 40, 20, 117;
49
+
50
+ // 靛蓝
51
+ #{getCssVarName(indigo, 0)}: 237, 239, 248;
52
+ #{getCssVarName(indigo, 1)}: 209, 216, 240;
53
+ #{getCssVarName(indigo, 2)}: 167, 179, 225;
54
+ #{getCssVarName(indigo, 3)}: 128, 144, 211;
55
+ #{getCssVarName(indigo, 4)}: 94, 111, 196;
56
+ #{getCssVarName(indigo, 5)}: 63, 81, 181;
57
+ #{getCssVarName(indigo, 6)}: 51, 66, 161;
58
+ #{getCssVarName(indigo, 7)}: 41, 52, 140;
59
+ #{getCssVarName(indigo, 8)}: 31, 40, 120;
60
+ #{getCssVarName(indigo, 9)}: 23, 29, 99;
61
+
62
+ // 蓝色
63
+ #{getCssVarName(blue, 0)}: 234, 245, 255;
64
+ #{getCssVarName(blue, 1)}: 203, 231, 254;
65
+ #{getCssVarName(blue, 2)}: 152, 205, 253;
66
+ #{getCssVarName(blue, 3)}: 101, 179, 252;
67
+ #{getCssVarName(blue, 4)}: 51, 149, 252;
68
+ #{getCssVarName(blue, 5)}: 3, 118, 250;
69
+ #{getCssVarName(blue, 6)}: 2, 97, 214;
70
+ #{getCssVarName(blue, 7)}: 2, 79, 179;
71
+ #{getCssVarName(blue, 8)}: 0, 61, 143;
72
+ #{getCssVarName(blue, 9)}: 0, 44, 107;
73
+
74
+ // 浅蓝色
75
+ #{getCssVarName(light, blue, 0)}: 234, 247, 253;
76
+ #{getCssVarName(light, blue, 1)}: 202, 236, 252;
77
+ #{getCssVarName(light, blue, 2)}: 149, 216, 248;
78
+ #{getCssVarName(light, blue, 3)}: 97, 195, 245;
79
+ #{getCssVarName(light, blue, 4)}: 48, 172, 241;
80
+ #{getCssVarName(light, blue, 5)}: 0, 149, 238;
81
+ #{getCssVarName(light, blue, 6)}: 0, 123, 202;
82
+ #{getCssVarName(light, blue, 7)}: 0, 99, 167;
83
+ #{getCssVarName(light, blue, 8)}: 0, 75, 131;
84
+ #{getCssVarName(light, blue, 9)}: 0, 53, 95;
85
+
86
+ // 青色
87
+ #{getCssVarName(cyan, 0)}: 229, 247, 248;
88
+ #{getCssVarName(cyan, 1)}: 194, 239, 240;
89
+ #{getCssVarName(cyan, 2)}: 138, 221, 225;
90
+ #{getCssVarName(cyan, 3)}: 87, 203, 211;
91
+ #{getCssVarName(cyan, 4)}: 44, 184, 197;
92
+ #{getCssVarName(cyan, 5)}: 6, 164, 182;
93
+ #{getCssVarName(cyan, 6)}: 3, 134, 152;
94
+ #{getCssVarName(cyan, 7)}: 2, 105, 121;
95
+ #{getCssVarName(cyan, 8)}: 0, 77, 91;
96
+ #{getCssVarName(cyan, 9)}: 1, 50, 61;
97
+
98
+ // 蓝绿色
99
+ #{getCssVarName(teal, 0)}: 227, 247, 244;
100
+ #{getCssVarName(teal, 1)}: 192, 240, 232;
101
+ #{getCssVarName(teal, 2)}: 135, 224, 211;
102
+ #{getCssVarName(teal, 3)}: 84, 209, 193;
103
+ #{getCssVarName(teal, 4)}: 39, 194, 176;
104
+ #{getCssVarName(teal, 5)}: 5, 179, 161;
105
+ #{getCssVarName(teal, 6)}: 0, 149, 137;
106
+ #{getCssVarName(teal, 7)}: 0, 119, 111;
107
+ #{getCssVarName(teal, 8)}: 0, 90, 85;
108
+ #{getCssVarName(teal, 9)}: 1, 60, 58;
109
+
110
+ // 绿色
111
+ #{getCssVarName(green, 0)}: 236, 246, 236;
112
+ #{getCssVarName(green, 1)}: 208, 240, 208;
113
+ #{getCssVarName(green, 2)}: 164, 224, 167;
114
+ #{getCssVarName(green, 3)}: 126, 209, 130;
115
+ #{getCssVarName(green, 4)}: 90, 194, 98;
116
+ #{getCssVarName(green, 5)}: 59, 179, 70;
117
+ #{getCssVarName(green, 6)}: 49, 149, 58;
118
+ #{getCssVarName(green, 7)}: 37, 119, 47;
119
+ #{getCssVarName(green, 8)}: 26, 89, 36;
120
+ #{getCssVarName(green, 9)}: 18, 60, 24;
121
+
122
+ // 浅绿色
123
+ #{getCssVarName(light, green, 0)}: 243, 248, 236;
124
+ #{getCssVarName(light, green, 1)}: 226, 240, 208;
125
+ #{getCssVarName(light, green, 2)}: 200, 225, 165;
126
+ #{getCssVarName(light, green, 3)}: 173, 211, 127;
127
+ #{getCssVarName(light, green, 4)}: 147, 197, 91;
128
+ #{getCssVarName(light, green, 5)}: 123, 182, 60;
129
+ #{getCssVarName(light, green, 6)}: 100, 152, 47;
130
+ #{getCssVarName(light, green, 7)}: 79, 121, 38;
131
+ #{getCssVarName(light, green, 8)}: 57, 91, 27;
132
+ #{getCssVarName(light, green, 9)}: 36, 61, 18;
133
+
134
+ // 清柠色
135
+ #{getCssVarName(lime, 0)}: 241, 250, 230;
136
+ #{getCssVarName(lime, 1)}: 227, 246, 197;
137
+ #{getCssVarName(lime, 2)}: 203, 237, 142;
138
+ #{getCssVarName(lime, 3)}: 183, 226, 91;
139
+ #{getCssVarName(lime, 4)}: 168, 218, 44;
140
+ #{getCssVarName(lime, 5)}: 154, 209, 0;
141
+ #{getCssVarName(lime, 6)}: 125, 174, 0;
142
+ #{getCssVarName(lime, 7)}: 99, 139, 2;
143
+ #{getCssVarName(lime, 8)}: 72, 104, 0;
144
+ #{getCssVarName(lime, 9)}: 47, 70, 0;
145
+
146
+ // 黄色
147
+ #{getCssVarName(yellow, 0)}: 255, 253, 234;
148
+ #{getCssVarName(yellow, 1)}: 255, 250, 203;
149
+ #{getCssVarName(yellow, 2)}: 253, 243, 152;
150
+ #{getCssVarName(yellow, 3)}: 252, 231, 101;
151
+ #{getCssVarName(yellow, 4)}: 251, 218, 49;
152
+ #{getCssVarName(yellow, 5)}: 249, 200, 0;
153
+ #{getCssVarName(yellow, 6)}: 208, 170, 0;
154
+ #{getCssVarName(yellow, 7)}: 167, 139, 0;
155
+ #{getCssVarName(yellow, 8)}: 125, 106, 0;
156
+ #{getCssVarName(yellow, 9)}: 83, 72, 0;
157
+
158
+ // 琥珀色
159
+ #{getCssVarName(amber, 0)}: 255, 251, 236;
160
+ #{getCssVarName(amber, 1)}: 252, 245, 206;
161
+ #{getCssVarName(amber, 2)}: 249, 232, 158;
162
+ #{getCssVarName(amber, 3)}: 246, 216, 110;
163
+ #{getCssVarName(amber, 4)}: 243, 198, 65;
164
+ #{getCssVarName(amber, 5)}: 240, 177, 20;
165
+ #{getCssVarName(amber, 6)}: 200, 138, 16;
166
+ #{getCssVarName(amber, 7)}: 160, 102, 10;
167
+ #{getCssVarName(amber, 8)}: 120, 70, 5;
168
+ #{getCssVarName(amber, 9)}: 80, 43, 3;
169
+
170
+ // 橙色
171
+ #{getCssVarName(orange, 0)}: 255, 243, 224;
172
+ #{getCssVarName(orange, 1)}: 255, 223, 177;
173
+ #{getCssVarName(orange, 2)}: 255, 204, 128;
174
+ #{getCssVarName(orange, 3)}: 254, 183, 77;
175
+ #{getCssVarName(orange, 4)}: 255, 167, 38;
176
+ #{getCssVarName(orange, 5)}: 255, 152, 0;
177
+ #{getCssVarName(orange, 6)}: 250, 141, 0;
178
+ #{getCssVarName(orange, 7)}: 245, 124, 2;
179
+ #{getCssVarName(orange, 8)}: 239, 108, 0;
180
+ #{getCssVarName(orange, 9)}: 230, 81, 0;
181
+
182
+ // 灰色
183
+ #{getCssVarName(grey, 0)}: 249, 249, 249;
184
+ #{getCssVarName(grey, 1)}: 230, 232, 234;
185
+ #{getCssVarName(grey, 2)}: 198, 202, 205;
186
+ #{getCssVarName(grey, 3)}: 167, 171, 175;
187
+ #{getCssVarName(grey, 4)}: 136, 141, 145;
188
+ #{getCssVarName(grey, 5)}: 107, 102, 116;
189
+ #{getCssVarName(grey, 6)}: 85, 91, 97;
190
+ #{getCssVarName(grey, 7)}: 65, 70, 76;
191
+ #{getCssVarName(grey, 8)}: 46, 50, 55;
192
+ #{getCssVarName(grey, 9)}: 29, 31, 35;
193
+
194
+
195
+ // 蓝青色
196
+ #{getCssVarName(blue, cyan, 0)}: 217, 236, 255;
197
+ #{getCssVarName(blue, cyan, 1)}: 164, 201, 238;
198
+ #{getCssVarName(blue, cyan, 2)}: 131, 171, 212;
199
+ #{getCssVarName(blue, cyan, 3)}: 105, 148, 190;
200
+ #{getCssVarName(blue, cyan, 4)}: 85, 125, 165;
201
+ #{getCssVarName(blue, cyan, 5)}: 70, 107, 144;
202
+ #{getCssVarName(blue, cyan, 6)}: 48, 81, 115;
203
+ #{getCssVarName(blue, cyan, 7)}: 36, 65, 96;
204
+ #{getCssVarName(blue, cyan, 8)}: 26, 52, 79;
205
+ #{getCssVarName(blue, cyan, 9)}: 16, 41, 68;
206
+
207
+ // 黑、白色
208
+ #{getCssVarName(white)}: 255, 255, 255;
209
+ #{getCssVarName(black)}: 0, 0, 0;
210
+
211
+ // 功能色
212
+ #{getCssVarName(color, white)}: rgba(var(#{getCssVarName(white)}),1); // 浅色模式下深色背景内容Inverse
213
+ #{getCssVarName(color, black)}: rgba(var(#{getCssVarName(black)}),1); // 深色模式下浅色背景内容Inverse
214
+
215
+ // 主要颜色
216
+ #{getCssVarName(color, primary)}: rgba(0, 132, 255, 1); // 主要颜色。仅在需要非常强调的情况下使用。
217
+ #{getCssVarName(color, primary, text)}: rgba(var(#{getCssVarName(white)}), 1); // 主要颜色文字色，和背景色形成对比
218
+ #{getCssVarName(color, primary, hover)}: rgba(46, 161, 255, 1); // 主要颜色悬浮态
219
+ #{getCssVarName(color, primary, hover, text)}: rgba(var(#{getCssVarName(white)}), 1); // 主要颜色文字色，和背景色形成对比
220
+ #{getCssVarName(color, primary, active)}: rgba(0, 102, 210, 1); // 主要颜色激活态
221
+ #{getCssVarName(color, primary, active, text)}: rgba(var(#{getCssVarName(white)}), 1); // 主要颜色文字色，和背景色形成对比
222
+ #{getCssVarName(color, primary, disabled)}: rgba(220, 222, 225, 1); // 主要颜色禁用态
223
+ #{getCssVarName(color, primary, disabled, text)}: rgba(var(#{getCssVarName(white)}), 1); // 主要颜色文字色，和背景色形成对比
224
+ #{getCssVarName(color, primary, light, default)}: rgba(232, 248, 255, 1); // 浅版主要颜色（多用于背景）。仅在需要非常强调的情况下使用。
225
+ #{getCssVarName(color, primary, light, hover)}: rgba(186, 231, 255, 1); // 浅版主要颜色悬浮态
226
+ #{getCssVarName(color, primary, light, active)}: rgba(139, 211, 255, 1); // 浅版主要颜色激活态
227
+
228
+ // 次要颜色
229
+ #{getCssVarName(color, secondary)}: rgba(var(#{getCssVarName(light, blue, 5)}),1); // 次要颜色。强调作用次于主要颜色，但仍然具有强调作用。
230
+ #{getCssVarName(color, secondary, text)}: rgba(var(#{getCssVarName(white)}), 1); // 次要颜色文字色，和背景色形成对比
231
+ #{getCssVarName(color, secondary, hover)}: rgba(var(#{getCssVarName(light, blue, 6)}),1); // 次要颜色悬浮态
232
+ #{getCssVarName(color, secondary, hover, text)}: rgba(var(#{getCssVarName(white)}), 1); // 次要颜色文字色，和背景色形成对比
233
+ #{getCssVarName(color, secondary, active)}: rgba(var(#{getCssVarName(light, blue, 7)}),1); // 次要颜色激活态
234
+ #{getCssVarName(color, secondary, active, text)}: rgba(var(#{getCssVarName(white)}), 1); // 次要颜色文字色，和背景色形成对比
235
+ #{getCssVarName(color, secondary, disabled)}: rgba(var(#{getCssVarName(light, blue, 2)}),1); // 次要颜色禁用态
236
+ #{getCssVarName(color, secondary, disabled, text)}: rgba(var(#{getCssVarName(white)}), 1); // 次要颜色文字色，和背景色形成对比
237
+ #{getCssVarName(color, secondary, light, default)}: rgba(var(#{getCssVarName(light, blue, 0)}),1); // 浅版次要颜色（多用于背景）。强调作用次于主要颜色，但仍然具有强调作用。
238
+ #{getCssVarName(color, secondary, light, hover)}: rgba(var(#{getCssVarName(light, blue, 1)}),1); // 浅版次要颜色悬浮态
239
+ #{getCssVarName(color, secondary, light, active)}: rgba(var(#{getCssVarName(light, blue, 2)}),1); // 浅版次要颜色激活态
240
+
241
+ // 第三颜色
242
+ #{getCssVarName(color, tertiary)}: rgba(var(#{getCssVarName(grey, 5)}),1); // 第三颜色，可以在页面上多次使用
243
+ #{getCssVarName(color, tertiary, text)}: rgba(var(#{getCssVarName(white)}), 1); // 第三颜色文字色，和背景色形成对比
244
+ #{getCssVarName(color, tertiary, hover)}: rgba(var(#{getCssVarName(grey, 4)}),1); // 第三颜色悬浮态
245
+ #{getCssVarName(color, tertiary, hover, text)}: rgba(var(#{getCssVarName(white)}), 1); // 第三颜色文字色，和背景色形成对比
246
+ #{getCssVarName(color, tertiary, active)}: rgba(var(#{getCssVarName(grey, 6)}),1); // 第三颜色激活态
247
+ #{getCssVarName(color, tertiary, active, text)}: rgba(var(#{getCssVarName(white)}), 1); // 第三颜色文字色，和背景色形成对比
248
+ #{getCssVarName(color, tertiary, light, default)}: rgba(var(#{getCssVarName(grey, 0)}),1); // 浅版第三颜色（多用于背景），可以在页面上多次使用
249
+ #{getCssVarName(color, tertiary, light, hover)}: rgba(var(#{getCssVarName(grey, 1)}),1); // 浅版第三颜色悬浮态
250
+ #{getCssVarName(color, tertiary, light, active)}: rgba(var(#{getCssVarName(grey, 2)}),1); // 浅版第三颜色激活态
251
+
252
+ // 信息色
253
+ #{getCssVarName(color, info)}: rgba(var(#{getCssVarName(blue, cyan, 4)}),1); // 信息色, 通常用于表达客观、中立信息
254
+ #{getCssVarName(color, info, text)}: rgba(var(#{getCssVarName(white)}), 1); // 信息颜色文字色，和背景色形成对比
255
+ #{getCssVarName(color, info, hover)}: rgba(var(#{getCssVarName(blue, cyan, 3)}),1); // 信息色悬浮态
256
+ #{getCssVarName(color, info, hover, text)}: rgba(var(#{getCssVarName(white)}), 1); // 信息颜色文字色，和背景色形成对比
257
+ #{getCssVarName(color, info, active)}: rgba(var(#{getCssVarName(blue, cyan, 5)}),1); // 信息色激活态
258
+ #{getCssVarName(color, info, active, text)}: rgba(var(#{getCssVarName(white)}), 1); // 信息颜色文字色，和背景色形成对比
259
+ #{getCssVarName(color, info, disabled)}: rgba(var(#{getCssVarName(blue, cyan, 2)}),1); // 信息色禁用态
260
+ #{getCssVarName(color, info, disabled, text)}: rgba(var(#{getCssVarName(white)}), 1); // 信息颜色文字色，和背景色形成对比
261
+ #{getCssVarName(color, info, light, default)}: rgba(var(#{getCssVarName(blue, cyan, 0)}),1); // 浅版信息色（多用于背景），通常用于表达客观、中立信息
262
+ #{getCssVarName(color, info, light, hover)}: rgba(var(#{getCssVarName(blue, cyan, 1)}),1); // 浅版信息色悬浮态
263
+ #{getCssVarName(color, info, light, active)}: rgba(var(#{getCssVarName(blue, cyan, 2)}),1); // 浅版信息色激活态
264
+
265
+ // 成功色
266
+ #{getCssVarName(color, success)}: rgba(var(#{getCssVarName(green, 5)}),1); // 成功色，表示安全、成功、开启的状态
267
+ #{getCssVarName(color, success, text)}: rgba(var(#{getCssVarName(white)}), 1); // 成功颜色文字色，和背景色形成对比
268
+ #{getCssVarName(color, success, hover)}: rgba(var(#{getCssVarName(green, 4)}),1); // 成功色悬浮态
269
+ #{getCssVarName(color, success, hover, text)}: rgba(var(#{getCssVarName(white)}), 1); // 成功颜色文字色，和背景色形成对比
270
+ #{getCssVarName(color, success, active)}: rgba(var(#{getCssVarName(green, 6)}),1); // 成功色激活态
271
+ #{getCssVarName(color, success, active, text)}: rgba(var(#{getCssVarName(white)}), 1); // 成功颜色文字色，和背景色形成对比
272
+ #{getCssVarName(color, success, disabled)}: rgba(var(#{getCssVarName(green, 2)}),1); // 成功色禁用态
273
+ #{getCssVarName(color, success, disabled, text)}: rgba(var(#{getCssVarName(white)}), 1); // 成功颜色文字色，和背景色形成对比
274
+ #{getCssVarName(color, success, light, default)}: rgba(var(#{getCssVarName(green, 0)}),1); // 浅版成功色（多用于背景），表示安全、成功、开启的状态
275
+ #{getCssVarName(color, success, light, hover)}: rgba(var(#{getCssVarName(green, 1)}),1); // 浅版成功色悬浮态
276
+ #{getCssVarName(color, success, light, active)}: rgba(var(#{getCssVarName(green, 2)}),1); // 浅版成功色激活态
277
+
278
+ // 警示色
279
+ #{getCssVarName(color, warning)}: rgba(var(#{getCssVarName(orange, 5)}),1); // 警示色，表示警告、不安全的状态
280
+ #{getCssVarName(color, warning, text)}: rgba(var(#{getCssVarName(white)}), 1); // 警告颜色文字色，和背景色形成对比
281
+ #{getCssVarName(color, warning, hover)}: rgba(var(#{getCssVarName(orange, 4)}),1); // 警示色悬浮态
282
+ #{getCssVarName(color, warning, hover, text)}: rgba(var(#{getCssVarName(white)}), 1); // 警告颜色文字色，和背景色形成对比
283
+ #{getCssVarName(color, warning, active)}: rgba(var(#{getCssVarName(orange, 6)}),1); // 警示色激活态
284
+ #{getCssVarName(color, warning, active, text)}: rgba(var(#{getCssVarName(white)}), 1); // 警告颜色文字色，和背景色形成对比
285
+ #{getCssVarName(color, warning, light, default)}: rgba(var(#{getCssVarName(orange, 0)}),1); // 浅版警示色（多用于背景），表示警告、不安全的状态
286
+ #{getCssVarName(color, warning, light, hover)}: rgba(var(#{getCssVarName(orange, 1)}),1); // 浅版警示色悬浮态
287
+ #{getCssVarName(color, warning, light, active)}: rgba(var(#{getCssVarName(orange, 2)}),1); // 浅版警示色激活态
288
+
289
+ // 危险色
290
+ #{getCssVarName(color, danger)}: rgba(var(#{getCssVarName(red, 5)}),1); // 危险色，表示危险的操作、或需要特别注意的危险信息
291
+ #{getCssVarName(color, danger, text)}: rgba(var(#{getCssVarName(white)}), 1); // 危险颜色文字色，和背景色形成对比
292
+ #{getCssVarName(color, danger, hover)}: rgba(var(#{getCssVarName(red, 4)}),1); // 危险色悬浮态
293
+ #{getCssVarName(color, danger, hover, text)}: rgba(var(#{getCssVarName(white)}), 1); // 危险颜色文字色，和背景色形成对比
294
+ #{getCssVarName(color, danger, active)}: rgba(var(#{getCssVarName(red, 6)}),1); // 危险色激活态
295
+ #{getCssVarName(color, danger, active, text)}: rgba(var(#{getCssVarName(white)}), 1); // 危险颜色文字色，和背景色形成对比
296
+ #{getCssVarName(color, danger, light, default)}: rgba(var(#{getCssVarName(red, 0)}),1); // 浅版危险色（多用于背景），表示危险的操作、或需要特别注意的危险信息
297
+ #{getCssVarName(color, danger, light, hover)}: rgba(var(#{getCssVarName(red, 1)}),1); // 浅版危险色悬浮态
298
+ #{getCssVarName(color, danger, light, active)}: rgba(var(#{getCssVarName(red, 2)}),1); // 浅版危险色激活态
299
+
300
+ // 文本/图标颜色
301
+ #{getCssVarName(color, text, 0)}: rgba(28, 33, 38, 1); // 文本/图标颜色 - 最主要
302
+ #{getCssVarName(color, text, 1)}: rgba(76, 90, 103, 1); // 文本/图标颜色 - 稍次要
303
+ #{getCssVarName(color, text, 2)}: rgba(76, 90, 103, 1); // 文本/图标颜色 - 次要
304
+ #{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(grey, 4)}),1); // 文本/图标颜色 - 最次要
305
+ #{getCssVarName(color, text, menu)}: rgba(28, 33, 38, 1); // 文本 - 特殊-菜单颜色
306
+
307
+ // 链接颜色
308
+ #{getCssVarName(color, link)}: rgba(0, 132, 255, 1); // 链接颜色
309
+ #{getCssVarName(color, link, hover)}: rgba(46, 161, 255, 1); // 链接颜色 - 悬浮态
310
+ #{getCssVarName(color, link, active)}: rgba(0, 102, 210, 1); // 链接颜色 - 激活态
311
+ #{getCssVarName(color, link, visited)}: rgba(130, 141, 153, 1); // 链接颜色 - 已访问
312
+
313
+ // 背景色
314
+ #{getCssVarName(color, bg, 0)}: rgba(244, 246, 249, 1); // 背景色 - 最下层（底部页面）
315
+ #{getCssVarName(color, bg, 1)}: rgba(var(#{getCssVarName(white)}),1); // 背景色 - 次下层（页面中需要提升的内容）
316
+ #{getCssVarName(color, bg, 2)}: rgba(var(#{getCssVarName(white)}),1); // 背景色 - 中间层（模态等容器）
317
+ #{getCssVarName(color, bg, 3)}: rgba(var(#{getCssVarName(white)}),1); // 背景色 - 次上层（通知，Toast等）
318
+ #{getCssVarName(color, bg, 4)}: rgba(var(#{getCssVarName(white)}),1); // 背景色 - 最上层（特殊）
319
+ #{getCssVarName(color, bg, 5)}: rgba(var(#{getCssVarName(blue, cyan, 3)}),0.6); // 背景色(特殊) - 应用搜索框使用
320
+ #{getCssVarName(color, bg, overlay)}: rgba(var(#{getCssVarName(black)}),0.5); // 蒙层背景色
321
+
322
+ // 填充色
323
+ #{getCssVarName(color, fill, 0)}: rgba(244, 246, 249, 1); // 填充色 - 默认态
324
+ #{getCssVarName(color, fill, 1)}: rgba(var(#{getCssVarName(grey, 8)}),0.1); // 填充色 - 悬浮态
325
+ #{getCssVarName(color, fill, 2)}: rgba(var(#{getCssVarName(grey, 8), }),0.13); // 填充色 - 激活态
326
+ #{getCssVarName(color, scroll, menu)}: rgba(234, 236, 239, 1); // 填充色 - 特殊-菜单滚动条颜色
327
+
328
+
329
+ // 边框
330
+ #{getCssVarName(color, border)}: rgba(234, 236, 239, 1); // 默认描边颜色
331
+
332
+ // 禁用态
333
+ #{getCssVarName(color, disabled, text)}: rgba(194, 199, 204, 1); // 禁用态 - 文字
334
+ #{getCssVarName(color, disabled, border)}: rgba(var(#{getCssVarName(grey, 1)}),1); // 禁用态 - 描边
335
+ #{getCssVarName(color, disabled, bg)}: rgba(var(#{getCssVarName(grey, 1)}),1); // 禁用态 - 背景
336
+ #{getCssVarName(color, disabled, fill)}: rgba(var(#{getCssVarName(grey, 8)}),0.04); // 禁用态 - 填充
337
+
338
+ // 阴影
339
+ #{getCssVarName(color, shadow)}: rgba(var(#{getCssVarName(black)}),0.04); // 用于模拟描边的阴影颜色
340
+ #{getCssVarName(shadow, elevated)}:
341
+ 0 0 1px rgba(0 0 0 / 30%),
342
+ 0 4px 14px rgba(0 0 0 / 10%); // 用于toast, modal, popover等需要提升层级的界面元素
343
+
344
+ // 字号
345
+ #{getCssVarName('font-size', 'small')}: 12px;
346
+ #{getCssVarName('font-size', 'regular')}: 14px;
347
+ #{getCssVarName('font-size', 'header-6')}: 16px;
348
+ #{getCssVarName('font-size', 'header-5')}: 18px;
349
+ #{getCssVarName('font-size', 'header-4')}: 20px;
350
+ #{getCssVarName('font-size', 'header-3')}: 24px;
351
+ #{getCssVarName('font-size', 'header-2')}: 28px;
352
+ #{getCssVarName('font-size', 'header-1')}: 32px;
353
+
354
+ // 字重
355
+ #{getCssVarName('font-weight', 'light')}: 200;
356
+ #{getCssVarName('font-weight', 'regular')}: 400;
357
+ #{getCssVarName('font-weight', 'bold')}: 800;
358
+
359
+ // 圆角
360
+ #{getCssVarName(border, radius, extra, small)}: 2px; // 超小圆角，用于 checkbox 内圆角
361
+ #{getCssVarName(border, radius, small)}: 4px; // 小圆角, 用于 button、tag、tabs 等大多数组件, 比较常用
362
+ #{getCssVarName(border, radius, medium)}: 8px; // 中圆角, 用于 dropdown、scrollist、transfer 等菜单类组件
363
+ #{getCssVarName(border, radius, large)}: 12px; // 大圆角, 用于 modal
364
+ #{getCssVarName(border, radius, circle)}: 50%; // 全圆角, 用于 avatar, badge 等组件
365
+ #{getCssVarName(border, radius, full)}: 9999px; // 用于创建全尺寸圆角，如胶囊标签等
366
+
367
+ // 高度
368
+ #{getCssVarName('height-control', 'small')}: 24px;
369
+ #{getCssVarName('height-control', 'default')}: 32px;
370
+ #{getCssVarName('height-control', 'large')}: 40px;
371
+
372
+ // 描边尺寸
373
+ #{getCssVarName('border-thickness')}: 0;
374
+ #{getCssVarName('border-thickness', 'control')}: 1px;
375
+ #{getCssVarName('border-thickness', 'control-focus')}: 1px;
376
+
377
+ // 图标尺寸
378
+ #{getCssVarName('width-icon', 'extra-small')}: 8px;
379
+ #{getCssVarName('width-icon', 'small')}: 12px;
380
+ #{getCssVarName('width-icon', 'medium')}: 16px;
381
+ #{getCssVarName('width-icon', 'large')}: 20px;
382
+ #{getCssVarName('width-icon', 'extra-large')}: 24px;
383
+
384
+ // 间距
385
+ #{getCssVarName('spacing', 'none')}: 0;
386
+ #{getCssVarName('spacing', 'super-tight')}: 2px;
387
+ #{getCssVarName('spacing', 'extra-tight')}: 4px;
388
+ #{getCssVarName('spacing', 'tight')}: 8px;
389
+ #{getCssVarName('spacing', 'base-tight')}: 12px;
390
+ #{getCssVarName('spacing', 'base')}: 16px;
391
+ #{getCssVarName('spacing', 'base-loose')}: 20px;
392
+ #{getCssVarName('spacing', 'loose')}: 24px;
393
+ #{getCssVarName('spacing', 'extra-loose')}: 32px;
394
+ #{getCssVarName('spacing', 'super-loose')}: 40px;
395
+ }
396
+
397
+ // 主题下的区域性样式覆盖
398
+ :root.blue {
399
+ @include b(panel-app-header) {
400
+ #{getCssVarName(panel, app, header, color)}: rgba(0, 132, 255, 1);
401
+ #{getCssVarName(panel, app, header, bg-color)}: rgba(255, 255, 255, 1);
402
+ #{getCssVarName(panel, app, header, hover, bg-color)}: rgba(244, 246, 249, 1);
403
+ #{getCssVarName(panel, app, header, select, bg-color)}: rgba(232, 248, 255, 1);
404
+ #{getCssVarName(color, primary, text)}: rgba(28, 33, 38, 1);
405
+ .#{bem(control-appmenu)} {
406
+ color: rgba(28, 33, 38, 1);
407
+ }
408
+ }
409
+ @include b(panel-index-view-search) {
410
+ #{getCssVarName(panel, index-view, search, bg-color)}:rgba(255, 255, 255, 1);
411
+ }
412
+ @include b(control-grid) {
413
+ #{getCssVarName(control, grid, header, text, color)}:rgba(28, 33, 38, 1);
414
+ #{getCssVarName(control, grid, header, bg, color)}:rgba(244, 246, 249, 1);
415
+ #{getCssVarName(control, grid, text, color)}:rgba(76, 90, 103, 1);
416
+ #{getCssVarName(control, grid, row, bg, color)}:rgba(255, 255, 255, 1);
417
+ #{getCssVarName(control, grid, row, bg, color-2)}:rgba(249, 251, 252, 1);
418
+ #{getCssVarName(control, grid, row, hover, color)}:rgba(244, 246, 249, 1);
419
+ #{getCssVarName(control, grid, row, select, color)}:rgba(232, 248, 255, 1);
420
+ }
421
+ @include b(control-treeview) {
422
+ #{getCssVarName(control, treeview, text, color)}:rgba(28, 33, 38, 1);
423
+ #{getCssVarName(control, treeview, disabled, color)}:rgba(216, 216, 216, 1);
424
+ #{getCssVarName(control, treeview, row, hover, color)}:rgba(76, 90, 103, 1);
425
+ #{getCssVarName(control, treeview, row, hover, bg-color)}:rgba(244, 246, 249, 1);
426
+ #{getCssVarName(control, treeview, row, select, color)}:rgba(28, 33, 38, 1);
427
+ #{getCssVarName(control, treeview, row, select, bg-color)}:rgba(232, 248, 255, 1);
428
+ }
429
+ }
package/src/theme/theme/index.scss CHANGED
@@ -5,3 +5,5 @@
5
5
  @import './default/default-theme';
6
6
 
7
7
  @import './default-dark/default-dark-theme';
8
+
9
+ @import './default-blue/default-blue-theme.scss';