@gct-paas/scss 0.0.1-dev.11 → 0.0.1-dev.13

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 (6) hide show
  1. package/dist/index.min.css +1 -1
  2. package/dist/index.min.css.map +1 -1
  3. package/package.json +5 -3
  4. package/style/generic/reset.scss +2 -2
  5. package/style/theme/default/default-theme.scss +277 -514
  6. package/style/tools/utils.scss +1 -0
package/dist/index.min.css CHANGED
@@ -1 +1 @@
1
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root.default{--gct-red-0:108,9,10;--gct-red-1:144,17,16;--gct-red-2:181,31,25;--gct-red-3:215,51,35;--gct-red-4:251,73,49;--gct-red-5:252,114,90;--gct-red-6:253,153,131;--gct-red-7:254,190,172;--gct-red-8:254,224,213;--gct-red-9:255,243,239;--gct-pink-0:92,7,47;--gct-pink-1:128,15,66;--gct-pink-2:164,23,81;--gct-pink-3:199,34,97;--gct-pink-4:235,47,112;--gct-pink-5:239,86,134;--gct-pink-6:243,126,159;--gct-pink-7:247,168,188;--gct-pink-8:251,211,220;--gct-pink-9:253,239,241;--gct-purple-0:74,16,97;--gct-purple-1:94,23,118;--gct-purple-2:115,31,138;--gct-purple-3:137,40,159;--gct-purple-4:160,51,179;--gct-purple-5:181,83,194;--gct-purple-6:202,120,209;--gct-purple-7:221,160,225;--gct-purple-8:239,206,240;--gct-purple-9:247,235,247;--gct-violet-0:64,27,119;--gct-violet-1:76,36,140;--gct-violet-2:88,46,160;--gct-violet-3:100,57,180;--gct-violet-4:113,70,201;--gct-violet-5:136,101,212;--gct-violet-6:162,136,223;--gct-violet-7:190,173,233;--gct-violet-8:221,212,243;--gct-violet-9:240,238,250;--gct-indigo-0:23,30,101;--gct-indigo-1:32,41,122;--gct-indigo-2:41,54,142;--gct-indigo-3:52,68,163;--gct-indigo-4:64,83,183;--gct-indigo-5:95,113,197;--gct-indigo-6:129,145,212;--gct-indigo-7:167,180,226;--gct-indigo-8:209,216,241;--gct-indigo-9:237,239,248;--gct-blue-0:6,49,112;--gct-blue-1:8,70,148;--gct-blue-2:19,92,184;--gct-blue-3:28,117,219;--gct-blue-4:41,143,255;--gct-blue-5:84,169,255;--gct-blue-6:127,193,255;--gct-blue-7:169,215,255;--gct-blue-8:211,237,255;--gct-blue-9:239,248,255;--gct-light-blue-0:1,55,97;--gct-light-blue-1:0,77,133;--gct-light-blue-2:2,102,169;--gct-light-blue-3:7,129,204;--gct-light-blue-4:19,159,239;--gct-light-blue-5:64,180,243;--gct-light-blue-6:111,200,245;--gct-light-blue-7:157,220,249;--gct-light-blue-8:206,238,252;--gct-light-blue-9:235,248,254;--gct-cyan-0:5,52,61;--gct-cyan-1:6,79,92;--gct-cyan-2:8,108,123;--gct-cyan-3:13,137,153;--gct-cyan-4:20,168,183;--gct-cyan-5:56,187,198;--gct-cyan-6:98,205,212;--gct-cyan-7:145,223,227;--gct-cyan-8:198,239,241;--gct-cyan-9:231,247,248;--gct-teal-0:2,60,57;--gct-teal-1:5,90,85;--gct-teal-2:8,119,111;--gct-teal-3:12,149,136;--gct-teal-4:13,179,161;--gct-teal-5:51,194,176;--gct-teal-6:95,209,193;--gct-teal-7:142,225,211;--gct-teal-8:196,240,232;--gct-teal-9:230,247,244;--gct-green-0:18,60,25;--gct-green-1:27,90,37;--gct-green-2:39,119,49;--gct-green-3:51,149,61;--gct-green-4:62,179,72;--gct-green-5:92,194,100;--gct-green-6:127,209,132;--gct-green-7:165,225,168;--gct-green-8:208,240,208;--gct-green-9:236,246,236;--gct-light-green-0:38,61,19;--gct-light-green-1:58,92,28;--gct-light-green-2:81,123,41;--gct-light-green-3:103,153,51;--gct-light-green-4:127,184,64;--gct-light-green-5:151,198,95;--gct-light-green-6:176,212,129;--gct-light-green-7:201,228,167;--gct-light-green-8:227,241,209;--gct-light-green-9:243,248,237;--gct-lime-0:48,70,2;--gct-lime-1:75,105,6;--gct-lime-2:103,141,9;--gct-lime-3:132,176,9;--gct-lime-4:162,211,16;--gct-lime-5:174,220,58;--gct-lime-6:189,229,102;--gct-lime-7:207,237,150;--gct-lime-8:229,246,201;--gct-lime-9:242,252,233;--gct-yellow-0:84,73,2;--gct-yellow-1:126,108,6;--gct-yellow-2:168,142,12;--gct-yellow-3:211,175,15;--gct-yellow-4:252,206,22;--gct-yellow-5:253,222,68;--gct-yellow-6:253,235,113;--gct-yellow-7:255,245,160;--gct-yellow-8:254,251,207;--gct-yellow-9:255,254,236;--gct-amber-0:81,46,10;--gct-amber-1:121,76,15;--gct-amber-2:161,107,22;--gct-amber-3:201,143,31;--gct-amber-4:242,183,38;--gct-amber-5:245,201,79;--gct-amber-6:248,219,122;--gct-amber-7:249,234,166;--gct-amber-8:252,246,210;--gct-amber-9:255,251,237;--gct-orange-0:230,81,0;--gct-orange-1:239,108,0;--gct-orange-2:245,124,2;--gct-orange-3:250,141,0;--gct-orange-4:255,152,0;--gct-orange-5:255,167,38;--gct-orange-6:255,183,77;--gct-orange-7:255,204,128;--gct-orange-8:255,223,177;--gct-orange-9:255,243,224;--gct-grey-0:29,31,35;--gct-grey-1:46,50,55;--gct-grey-2:65,70,76;--gct-grey-3:85,91,97;--gct-grey-4:107,112,116;--gct-grey-5:136,141,145;--gct-grey-6:167,171,175;--gct-grey-7:198,202,205;--gct-grey-8:230,232,234;--gct-grey-9:249,249,249;--gct-blue-cyan-0:16,41,68;--gct-blue-cyan-1:26,52,79;--gct-blue-cyan-2:36,65,96;--gct-blue-cyan-3:48,81,115;--gct-blue-cyan-4:70,107,144;--gct-blue-cyan-5:85,125,165;--gct-blue-cyan-6:105,148,190;--gct-blue-cyan-7:131,171,212;--gct-blue-cyan-8:164,201,238;--gct-blue-cyan-9:217,236,255;--gct-dark-purple-0:0,0,0;--gct-dark-purple-1:4,3,6;--gct-dark-purple-2:17,16,26;--gct-dark-purple-3:31,31,47;--gct-dark-purple-4:43,43,64;--gct-dark-purple-5:79,79,105;--gct-dark-purple-6:115,116,142;--gct-dark-purple-7:157,158,180;--gct-dark-purple-8:204,205,217;--gct-dark-purple-9:255,255,255;--gct-white:255,255,255;--gct-black:0,0,0;--gct-color-white:rgba(var(--gct-white), 1);--gct-color-black:rgba(var(--gct-black), 1);--gct-color-primary:rgba(var(--gct-blue-4), 1);--gct-color-primary-hover:rgba(var(--gct-blue-6), 1);--gct-color-primary-active:rgba(var(--gct-blue-3), 1);--gct-color-primary-disabled:rgba(var(--gct-blue-2), 1);--gct-color-primary-light-default:rgba(var(--gct-blue-5), 0.2);--gct-color-primary-light-hover:rgba(var(--gct-blue-5), 0.3);--gct-color-primary-light-active:rgba(var(--gct-blue-5), 0.4);--gct-color-secondary:rgba(var(--gct-light-blue-5), 1);--gct-color-secondary-hover:rgba(var(--gct-light-blue-6), 1);--gct-color-secondary-active:rgba(var(--gct-light-blue-7), 1);--gct-color-secondary-disabled:rgba(var(--gct-light-blue-2), 1);--gct-color-secondary-light-default:rgba(var(--gct-light-blue-0), 1);--gct-color-secondary-light-hover:rgba(var(--gct-light-blue-1), 1);--gct-color-secondary-light-active:rgba(var(--gct-light-blue-2), 1);--gct-color-tertiary:rgba(var(--gct-dark-purple-4), 1);--gct-color-tertiary-hover:rgba(var(--gct-dark-purple-6), 1);--gct-color-tertiary-active:rgba(var(--gct-dark-purple-5), 1);--gct-color-tertiary-light-default:rgba(var(--gct-dark-purple-5), 0.2);--gct-color-tertiary-light-hover:rgba(var(--gct-dark-purple-5), 0.3);--gct-color-tertiary-light-active:rgba(var(--gct-dark-purple-5), 0.4);--gct-color-info:rgba(var(--gct-blue-4), 1);--gct-color-info-hover:rgba(var(--gct-blue-6), 1);--gct-color-info-active:rgba(var(--gct-blue-3), 1);--gct-color-info-disabled:rgba(var(--gct-blue-2), 1);--gct-color-info-light-default:rgba(var(--gct-blue-5), 0.2);--gct-color-info-light-hover:rgba(var(--gct-blue-5), 0.3);--gct-color-info-light-active:rgba(var(--gct-blue-5), 0.4);--gct-color-success:rgba(var(--gct-green-5), 1);--gct-color-success-hover:rgba(var(--gct-green-6), 1);--gct-color-success-active:rgba(var(--gct-green-4), 1);--gct-color-success-disabled:rgba(var(--gct-green-2), 1);--gct-color-success-light-default:rgba(var(--gct-green-5), 0.2);--gct-color-success-light-hover:rgba(var(--gct-green-5), 0.3);--gct-color-success-light-active:rgba(var(--gct-green-5), 0.4);--gct-color-warning:rgba(var(--gct-orange-5), 1);--gct-color-warning-hover:rgba(var(--gct-orange-6), 1);--gct-color-warning-active:rgba(var(--gct-orange-4), 1);--gct-color-warning-light-default:rgba(var(--gct-orange-5), 0.2);--gct-color-warning-light-hover:rgba(var(--gct-orange-5), 0.3);--gct-color-warning-light-active:rgba(var(--gct-orange-5), 0.4);--gct-color-danger:rgba(var(--gct-red-5), 1);--gct-color-danger-hover:rgba(var(--gct-red-6), 1);--gct-color-danger-active:rgba(var(--gct-red-4), 1);--gct-color-danger-light-default:rgba(var(--gct-red-5), 0.2);--gct-color-danger-light-hover:rgba(var(--gct-red-5), 0.3);--gct-color-danger-light-active:rgba(var(--gct-red-5), 0.4);--gct-color-text-0:rgba(var(--gct-dark-purple-9), 1);--gct-color-text-1:rgba(var(--gct-dark-purple-8), 1);--gct-color-text-2:rgba(var(--gct-grey-9), 0.6);--gct-color-text-3:rgba(var(--gct-grey-9), 0.35);--gct-color-link:rgba(var(--gct-blue-4), 1);--gct-color-link-hover:rgba(var(--gct-blue-6), 1);--gct-color-link-active:rgba(var(--gct-blue-3), 1);--gct-color-link-visited:rgba(var(--gct-blue-2), 1);--gct-color-bg-0:#121212;--gct-color-bg-1:#1c1c1c;--gct-color-bg-2:#35363c;--gct-color-bg-3:#43444a;--gct-color-bg-4:#4f5159;--gct-color-fill-0:rgba(var(--gct-dark-purple-4), 1);--gct-color-fill-1:rgba(var(--gct-white), 0.16);--gct-color-fill-2:rgba(var(--gct-white), 0.2);--gct-color-border:rgba(var(--gct-white), 0.08);--gct-color-disabled-text:rgba(var(--gct-grey-9), 0.35);--gct-color-disabled-border:rgba(var(--gct-grey-1), 1);--gct-color-disabled-bg:rgba(var(--gct-grey-1), 1);--gct-color-disabled-fill:rgba(var(--gct-grey-8), 0.04);--gct-color-shadow:rgba(var(--gct-black), 0.04);--gct-shadow-elevated:0 0 1px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.1);--gct-font-size-small:12px;--gct-font-size-regular:14px;--gct-font-size-header-6:16px;--gct-font-size-header-5:18px;--gct-font-size-header-4:20px;--gct-font-size-header-3:24px;--gct-font-size-header-2:28px;--gct-font-size-header-1:32px;--gct-font-weight-light:200;--gct-font-weight-regular:400;--gct-font-weight-bold:800;--gct-border-radius-extra-small:2px;--gct-border-radius-small:4px;--gct-border-radius-medium:8px;--gct-border-radius-large:12px;--gct-border-radius-circle:50%;--gct-border-radius-full:9999px;--gct-height-control-small:24px;--gct-height-control-default:32px;--gct-height-control-large:40px;--gct-border-thickness:0;--gct-border-thickness-control:1px;--gct-border-thickness-control-focus:1px;--gct-width-icon-extra-small:8px;--gct-width-icon-small:12px;--gct-width-icon-medium:16px;--gct-width-icon-large:20px;--gct-width-icon-extra-large:24px;--gct-spacing-none:0;--gct-spacing-super-tight:2px;--gct-spacing-extra-tight:4px;--gct-spacing-tight:8px;--gct-spacing-base-tight:12px;--gct-spacing-base:16px;--gct-spacing-base-loose:20px;--gct-spacing-loose:24px;--gct-spacing-extra-loose:32px;--gct-spacing-super-loose:40px}/*# sourceMappingURL=index.min.css.map */
1
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:auto}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:auto;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root.default{--gct-red-0:254,242,237;--gct-red-1:254,221,210;--gct-red-2:253,183,164;--gct-red-3:251,144,120;--gct-red-4:250,102,75;--gct-red-5:249,57,31;--gct-red-6:213,37,20;--gct-red-7:177,20,13;--gct-red-8:142,7,5;--gct-red-9:106,2,3;--gct-pink-0:253,236,239;--gct-pink-1:251,207,216;--gct-pink-2:246,160,181;--gct-pink-3:242,115,150;--gct-pink-4:238,72,122;--gct-pink-5:233,31,99;--gct-pink-6:197,18,86;--gct-pink-7:162,11,72;--gct-pink-8:126,4,58;--gct-pink-9:90,1,44;--gct-purple-0:247,233,247;--gct-purple-1:239,202,239;--gct-purple-2:221,155,224;--gct-purple-3:201,112,209;--gct-purple-4:180,73,194;--gct-purple-5:158,40,179;--gct-purple-6:135,30,159;--gct-purple-7:112,23,138;--gct-purple-8:92,14,117;--gct-purple-9:72,11,97;--gct-violet-0:243,237,249;--gct-violet-1:226,209,244;--gct-violet-2:196,167,233;--gct-violet-3:166,126,221;--gct-violet-4:136,91,210;--gct-violet-5:106,58,199;--gct-violet-6:87,47,179;--gct-violet-7:70,36,158;--gct-violet-8:54,28,138;--gct-violet-9:40,20,117;--gct-indigo-0:237,239,248;--gct-indigo-1:209,216,240;--gct-indigo-2:167,179,225;--gct-indigo-3:128,144,211;--gct-indigo-4:94,111,196;--gct-indigo-5:63,81,181;--gct-indigo-6:51,66,161;--gct-indigo-7:41,52,140;--gct-indigo-8:31,40,120;--gct-indigo-9:23,29,99;--gct-blue-0:234,245,255;--gct-blue-1:203,231,254;--gct-blue-2:152,205,253;--gct-blue-3:101,179,252;--gct-blue-4:51,149,252;--gct-blue-5:3,118,250;--gct-blue-6:2,97,214;--gct-blue-7:2,79,179;--gct-blue-8:0,61,143;--gct-blue-9:0,44,107;--gct-light-blue-0:234,247,253;--gct-light-blue-1:202,236,252;--gct-light-blue-2:149,216,248;--gct-light-blue-3:97,195,245;--gct-light-blue-4:48,172,241;--gct-light-blue-5:0,149,238;--gct-light-blue-6:0,123,202;--gct-light-blue-7:0,99,167;--gct-light-blue-8:0,75,131;--gct-light-blue-9:0,53,95;--gct-cyan-0:229,247,248;--gct-cyan-1:194,239,240;--gct-cyan-2:138,221,225;--gct-cyan-3:87,203,211;--gct-cyan-4:44,184,197;--gct-cyan-5:6,164,182;--gct-cyan-6:3,134,152;--gct-cyan-7:2,105,121;--gct-cyan-8:0,77,91;--gct-cyan-9:1,50,61;--gct-teal-0:227,247,244;--gct-teal-1:192,240,232;--gct-teal-2:135,224,211;--gct-teal-3:84,209,193;--gct-teal-4:39,194,176;--gct-teal-5:5,179,161;--gct-teal-6:0,149,137;--gct-teal-7:0,119,111;--gct-teal-8:0,90,85;--gct-teal-9:1,60,58;--gct-green-0:236,246,236;--gct-green-1:208,240,208;--gct-green-2:164,224,167;--gct-green-3:126,209,130;--gct-green-4:90,194,98;--gct-green-5:59,179,70;--gct-green-6:49,149,58;--gct-green-7:37,119,47;--gct-green-8:26,89,36;--gct-green-9:18,60,24;--gct-light-green-0:243,248,236;--gct-light-green-1:226,240,208;--gct-light-green-2:200,225,165;--gct-light-green-3:173,211,127;--gct-light-green-4:147,197,91;--gct-light-green-5:123,182,60;--gct-light-green-6:100,152,47;--gct-light-green-7:79,121,38;--gct-light-green-8:57,91,27;--gct-light-green-9:36,61,18;--gct-lime-0:241,250,230;--gct-lime-1:227,246,197;--gct-lime-2:203,237,142;--gct-lime-3:183,226,91;--gct-lime-4:168,218,44;--gct-lime-5:154,209,0;--gct-lime-6:125,174,0;--gct-lime-7:99,139,2;--gct-lime-8:72,104,0;--gct-lime-9:47,70,0;--gct-yellow-0:255,253,234;--gct-yellow-1:255,250,203;--gct-yellow-2:253,243,152;--gct-yellow-3:252,231,101;--gct-yellow-4:251,218,49;--gct-yellow-5:249,200,0;--gct-yellow-6:208,170,0;--gct-yellow-7:167,139,0;--gct-yellow-8:125,106,0;--gct-yellow-9:83,72,0;--gct-amber-0:255,251,236;--gct-amber-1:252,245,206;--gct-amber-2:249,232,158;--gct-amber-3:246,216,110;--gct-amber-4:243,198,65;--gct-amber-5:240,177,20;--gct-amber-6:200,138,16;--gct-amber-7:160,102,10;--gct-amber-8:120,70,5;--gct-amber-9:80,43,3;--gct-orange-0:255,243,224;--gct-orange-1:255,223,177;--gct-orange-2:255,204,128;--gct-orange-3:254,183,77;--gct-orange-4:255,167,38;--gct-orange-5:255,152,0;--gct-orange-6:250,141,0;--gct-orange-7:245,124,2;--gct-orange-8:239,108,0;--gct-orange-9:230,81,0;--gct-grey-0:249,249,249;--gct-grey-1:230,232,234;--gct-grey-2:198,202,205;--gct-grey-3:167,171,175;--gct-grey-4:136,141,145;--gct-grey-5:107,102,116;--gct-grey-6:85,91,97;--gct-grey-7:65,70,76;--gct-grey-8:46,50,55;--gct-grey-9:29,31,35;--gct-blue-cyan-0:217,236,255;--gct-blue-cyan-1:164,201,238;--gct-blue-cyan-2:131,171,212;--gct-blue-cyan-3:105,148,190;--gct-blue-cyan-4:85,125,165;--gct-blue-cyan-5:70,107,144;--gct-blue-cyan-6:48,81,115;--gct-blue-cyan-7:36,65,96;--gct-blue-cyan-8:26,52,79;--gct-blue-cyan-9:16,41,68;--gct-white:255,255,255;--gct-black:0,0,0;--gct-color-white:rgba(var(--gct-white), 1);--gct-color-black:rgba(var(--gct-black), 1);--gct-color-primary:rgba(var(--gct-blue-cyan-4), 1);--gct-color-primary-text:rgba(var(--gct-white), 1);--gct-color-primary-hover:rgba(var(--gct-blue-cyan-3), 1);--gct-color-primary-hover-text:rgba(var(--gct-white), 1);--gct-color-primary-active:rgba(var(--gct-blue-cyan-5), 1);--gct-color-primary-active-text:rgba(var(--gct-white), 1);--gct-color-primary-disabled:rgba(var(--gct-blue-cyan-2), 1);--gct-color-primary-disabled-text:rgba(var(--gct-white), 1);--gct-color-primary-light-default:rgba(var(--gct-blue-cyan-0), 1);--gct-color-primary-light-hover:rgba(var(--gct-blue-cyan-1), 1);--gct-color-primary-light-active:rgba(var(--gct-blue-cyan-2), 1);--gct-color-secondary:rgba(var(--gct-light-blue-5), 1);--gct-color-secondary-text:rgba(var(--gct-white), 1);--gct-color-secondary-hover:rgba(var(--gct-light-blue-6), 1);--gct-color-secondary-hover-text:rgba(var(--gct-white), 1);--gct-color-secondary-active:rgba(var(--gct-light-blue-7), 1);--gct-color-secondary-active-text:rgba(var(--gct-white), 1);--gct-color-secondary-disabled:rgba(var(--gct-light-blue-2), 1);--gct-color-secondary-disabled-text:rgba(var(--gct-white), 1);--gct-color-secondary-light-default:rgba(var(--gct-light-blue-0), 1);--gct-color-secondary-light-hover:rgba(var(--gct-light-blue-1), 1);--gct-color-secondary-light-active:rgba(var(--gct-light-blue-2), 1);--gct-color-tertiary:rgba(var(--gct-grey-5), 1);--gct-color-tertiary-text:rgba(var(--gct-white), 1);--gct-color-tertiary-hover:rgba(var(--gct-grey-4), 1);--gct-color-tertiary-hover-text:rgba(var(--gct-white), 1);--gct-color-tertiary-active:rgba(var(--gct-grey-6), 1);--gct-color-tertiary-active-text:rgba(var(--gct-white), 1);--gct-color-tertiary-light-default:rgba(var(--gct-grey-0), 1);--gct-color-tertiary-light-hover:rgba(var(--gct-grey-1), 1);--gct-color-tertiary-light-active:rgba(var(--gct-grey-2), 1);--gct-color-info:rgba(var(--gct-blue-cyan-4), 1);--gct-color-info-text:rgba(var(--gct-white), 1);--gct-color-info-hover:rgba(var(--gct-blue-cyan-3), 1);--gct-color-info-hover-text:rgba(var(--gct-white), 1);--gct-color-info-active:rgba(var(--gct-blue-cyan-5), 1);--gct-color-info-active-text:rgba(var(--gct-white), 1);--gct-color-info-disabled:rgba(var(--gct-blue-cyan-2), 1);--gct-color-info-disabled-text:rgba(var(--gct-white), 1);--gct-color-info-light-default:rgba(var(--gct-blue-cyan-0), 1);--gct-color-info-light-hover:rgba(var(--gct-blue-cyan-1), 1);--gct-color-info-light-active:rgba(var(--gct-blue-cyan-2), 1);--gct-color-success:rgba(var(--gct-green-5), 1);--gct-color-success-text:rgba(var(--gct-white), 1);--gct-color-success-hover:rgba(var(--gct-green-4), 1);--gct-color-success-hover-text:rgba(var(--gct-white), 1);--gct-color-success-active:rgba(var(--gct-green-6), 1);--gct-color-success-active-text:rgba(var(--gct-white), 1);--gct-color-success-disabled:rgba(var(--gct-green-2), 1);--gct-color-success-disabled-text:rgba(var(--gct-white), 1);--gct-color-success-light-default:rgba(var(--gct-green-0), 1);--gct-color-success-light-hover:rgba(var(--gct-green-1), 1);--gct-color-success-light-active:rgba(var(--gct-green-2), 1);--gct-color-warning:rgba(var(--gct-orange-5), 1);--gct-color-warning-text:rgba(var(--gct-white), 1);--gct-color-warning-hover:rgba(var(--gct-orange-4), 1);--gct-color-warning-hover-text:rgba(var(--gct-white), 1);--gct-color-warning-active:rgba(var(--gct-orange-6), 1);--gct-color-warning-active-text:rgba(var(--gct-white), 1);--gct-color-warning-light-default:rgba(var(--gct-orange-0), 1);--gct-color-warning-light-hover:rgba(var(--gct-orange-1), 1);--gct-color-warning-light-active:rgba(var(--gct-orange-2), 1);--gct-color-danger:rgba(var(--gct-red-5), 1);--gct-color-danger-text:rgba(var(--gct-white), 1);--gct-color-danger-hover:rgba(var(--gct-red-4), 1);--gct-color-danger-hover-text:rgba(var(--gct-white), 1);--gct-color-danger-active:rgba(var(--gct-red-6), 1);--gct-color-danger-active-text:rgba(var(--gct-white), 1);--gct-color-danger-light-default:rgba(var(--gct-red-0), 1);--gct-color-danger-light-hover:rgba(var(--gct-red-1), 1);--gct-color-danger-light-active:rgba(var(--gct-red-2), 1);--gct-color-text-0:rgba(var(--gct-grey-9), 1);--gct-color-text-1:rgba(var(--gct-grey-7), 1);--gct-color-text-2:rgba(var(--gct-grey-6), 1);--gct-color-text-3:rgba(var(--gct-grey-4), 1);--gct-color-text-5:#dbe4ec;--gct-color-text-menu:#dbe4ec;--gct-color-icon-0:#65b3fc;--gct-color-icon-1:#cbe7fe;--gct-color-link:rgba(var(--gct-blue-cyan-5), 1);--gct-color-link-hover:rgba(var(--gct-blue-cyan-4), 1);--gct-color-link-active:rgba(var(--gct-blue-cyan-6), 1);--gct-color-link-visited:rgba(var(--gct-blue-cyan-5), 1);--gct-color-bg-0:rgba(var(--gct-grey-0), 1);--gct-color-bg-1:rgba(var(--gct-white), 1);--gct-color-bg-2:rgba(var(--gct-white), 1);--gct-color-bg-3:rgba(var(--gct-white), 1);--gct-color-bg-4:rgba(var(--gct-white), 1);--gct-color-bg-5:rgba(var(--gct-blue-cyan-3), 0.6);--gct-color-bg-overlay:rgba(var(--gct-black), 0.5);--gct-color-fill-0:rgba(var(--gct-grey-8), 0.05);--gct-color-fill-1:rgba(var(--gct-grey-8), 0.1);--gct-color-fill-2:rgba(var(--gct-grey-8), 0.13);--gct-color-scroll-menu:rgba(132,165,198,.4);--gct-color-border:rgba(var(--gct-grey-9), 0.1);--gct-color-disabled-text:rgba(var(--gct-grey-9), 0.35);--gct-color-disabled-border:rgba(var(--gct-grey-1), 1);--gct-color-disabled-bg:rgba(var(--gct-grey-1), 1);--gct-color-disabled-fill:rgba(var(--gct-grey-8), 0.04);--gct-color-shadow:rgba(var(--gct-black), 0.04);--gct-shadow-elevated:0 0 1px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.1);--gct-font-size-small:12px;--gct-font-size-regular:14px;--gct-font-size-header-6:16px;--gct-font-size-header-5:18px;--gct-font-size-header-4:20px;--gct-font-size-header-3:24px;--gct-font-size-header-2:28px;--gct-font-size-header-1:32px;--gct-font-weight-light:200;--gct-font-weight-regular:400;--gct-font-weight-bold:800;--gct-border-radius-extra-small:2px;--gct-border-radius-small:4px;--gct-border-radius-medium:8px;--gct-border-radius-large:12px;--gct-border-radius-circle:50%;--gct-border-radius-full:9999px;--gct-height-control-small:24px;--gct-height-control-default:32px;--gct-height-control-large:40px;--gct-border-thickness:0;--gct-border-thickness-control:1px;--gct-border-thickness-control-focus:1px;--gct-width-icon-extra-small:8px;--gct-width-icon-small:12px;--gct-width-icon-medium:16px;--gct-width-icon-large:20px;--gct-width-icon-extra-large:24px;--gct-spacing-none:0;--gct-spacing-super-tight:2px;--gct-spacing-extra-tight:4px;--gct-spacing-tight:8px;--gct-spacing-base-tight:12px;--gct-spacing-base:16px;--gct-spacing-base-loose:20px;--gct-spacing-loose:24px;--gct-spacing-extra-loose:32px;--gct-spacing-super-loose:40px}/*# sourceMappingURL=index.min.css.map */
package/dist/index.min.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../style/generic/reset.scss","../style/theme/default/default-theme.scss"],"names":[],"mappings":"AAGA,4EAUA,KACE,iBACA,sBAUF,KACE,SAOF,KACE,cAQF,GACE,cACA,eAWF,GACE,uBACA,SACA,iBAQF,IACE,gCACA,cAUF,EACE,+BAQF,YACE,mBACA,0BACA,iCAOF,SAEE,mBAQF,cAGE,gCACA,cAOF,MACE,cAQF,QAEE,cACA,cACA,kBACA,wBAGF,IACE,eAGF,IACE,WAUF,IACE,kBAWF,sCAKE,oBACA,eACA,iBACA,SAQF,aAEE,iBAQF,cAEE,oBAOF,gDAIE,kBAOF,wHAIE,kBACA,UAOF,4GAIE,8BAOF,SACE,2BAUF,OACE,sBACA,cACA,cACA,eACA,UACA,mBAOF,SACE,wBAOF,SACE,cAQF,6BAEE,sBACA,UAOF,kFAEE,YAQF,cACE,qBACA,oBAOF,yCACE,gBAQF,6BACE,kBACA,aAUF,QACE,cAOF,QACE,kBAUF,SACE,aAOF,SACE,aC5VF,cAEE,qBACA,sBACA,sBACA,sBACA,sBACA,uBACA,wBACA,wBACA,wBACA,wBAGA,qBACA,uBACA,uBACA,uBACA,wBACA,wBACA,yBACA,yBACA,yBACA,yBAGA,wBACA,yBACA,0BACA,0BACA,0BACA,0BACA,2BACA,2BACA,2BACA,2BAGA,yBACA,yBACA,yBACA,0BACA,0BACA,2BACA,2BACA,2BACA,2BACA,2BAGA,yBACA,yBACA,yBACA,yBACA,yBACA,0BACA,2BACA,2BACA,2BACA,2BAGA,sBACA,sBACA,uBACA,wBACA,wBACA,wBACA,yBACA,yBACA,yBACA,yBAGA,2BACA,4BACA,6BACA,6BACA,8BACA,8BACA,+BACA,+BACA,+BACA,+BAGA,qBACA,qBACA,uBACA,wBACA,wBACA,wBACA,wBACA,yBACA,yBACA,yBAGA,qBACA,qBACA,uBACA,wBACA,wBACA,wBACA,wBACA,yBACA,yBACA,yBAGA,uBACA,uBACA,wBACA,wBACA,wBACA,yBACA,0BACA,0BACA,0BACA,0BAGA,6BACA,6BACA,8BACA,+BACA,+BACA,+BACA,gCACA,gCACA,gCACA,gCAGA,qBACA,sBACA,uBACA,uBACA,wBACA,wBACA,yBACA,yBACA,yBACA,yBAGA,uBACA,yBACA,0BACA,0BACA,0BACA,0BACA,2BACA,2BACA,2BACA,2BAGA,uBACA,wBACA,yBACA,yBACA,yBACA,yBACA,0BACA,0BACA,0BACA,0BAGA,wBACA,yBACA,yBACA,yBACA,yBACA,0BACA,0BACA,2BACA,2BACA,2BAGA,sBACA,sBACA,sBACA,sBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBAGA,2BACA,2BACA,2BACA,4BACA,6BACA,6BACA,8BACA,8BACA,8BACA,8BAGA,0BACA,0BACA,6BACA,6BACA,6BACA,8BACA,gCACA,gCACA,gCACA,gCAGA,wBACA,kBAGA,4CAKA,4CAMA,+CAKA,qDAKA,sDAKA,wDAKA,+DAKA,6DAKA,8DAMA,uDAKA,6DAKA,8DAKA,gEAKA,qEAKA,mEAKA,oEAMA,uDAKA,6DAKA,8DAKA,uEAKA,qEAKA,sEAMA,4CAKA,kDAKA,mDAKA,qDAKA,4DAKA,0DAKA,2DAMA,gDAKA,sDAKA,uDAKA,yDAKA,gEAKA,8DAKA,+DAMA,iDAKA,uDAKA,wDAKA,iEAKA,+DAKA,gEAMA,6CAKA,mDAKA,oDAKA,6DAKA,2DAKA,4DAMA,qDAKA,qDAKA,gDAKA,iDAMA,4CAKA,kDAKA,mDAKA,oDAMA,yBAIA,yBAIA,yBAIA,yBAIA,yBAKA,qDAKA,gDAKA,+CAMA,gDAMA,wDAKA,uDAKA,mDAKA,wDAMA,gDAKA,sBACE,iDAIF,2BACA,6BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BAGA,4BACA,8BACA,2BAGA,oCACA,8BACA,+BACA,+BACA,+BACA,gCAGA,gCACA,kCACA,gCAGA,yBACA,mCACA,yCAGA,iCACA,4BACA,6BACA,4BACA,kCAGA,qBACA,8BACA,8BACA,wBACA,8BACA,wBACA,8BACA,yBACA,+BACA","file":"index.min.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../style/generic/reset.scss","../style/theme/default/default-theme.scss"],"names":[],"mappings":"AAGA,4EAUA,KACE,iBACA,sBAUF,KACE,SAOF,KACE,cAQF,GACE,cACA,eAWF,GACE,uBACA,SACA,iBAQF,IACE,gCACA,cAUF,EACE,+BAQF,YACE,mBACA,0BACA,iCAOF,SAEE,mBAQF,cAGE,gCACA,cAOF,MACE,cAQF,QAEE,cACA,cACA,kBACA,wBAGF,IACE,eAGF,IACE,WAUF,IACE,kBAWF,sCAKE,oBACA,eACA,iBACA,SAQF,aAEE,iBAQF,cAEE,oBAOF,gDAIE,gBAOF,wHAIE,kBACA,UAOF,4GAIE,8BAOF,SACE,2BAUF,OACE,sBACA,cACA,cACA,eACA,UACA,mBAOF,SACE,wBAOF,SACE,cAQF,6BAEE,sBACA,UAOF,kFAEE,YAQF,cACE,qBACA,oBAOF,yCACE,gBAQF,6BACE,gBACA,aAUF,QACE,cAOF,QACE,kBAUF,SACE,aAOF,SACE,aC5VF,cAEE,wBACA,wBACA,wBACA,wBACA,uBACA,sBACA,sBACA,sBACA,oBACA,oBAGA,yBACA,yBACA,yBACA,yBACA,wBACA,uBACA,uBACA,uBACA,sBACA,qBAGA,2BACA,2BACA,2BACA,2BACA,0BACA,0BACA,0BACA,0BACA,yBACA,wBAGA,2BACA,2BACA,2BACA,2BACA,0BACA,0BACA,yBACA,yBACA,yBACA,yBAGA,2BACA,2BACA,2BACA,2BACA,0BACA,yBACA,yBACA,yBACA,yBACA,wBAGA,yBACA,yBACA,yBACA,yBACA,wBACA,uBACA,sBACA,sBACA,sBACA,sBAGA,+BACA,+BACA,+BACA,8BACA,8BACA,6BACA,6BACA,4BACA,4BACA,2BAGA,yBACA,yBACA,yBACA,wBACA,wBACA,uBACA,uBACA,uBACA,qBACA,qBAGA,yBACA,yBACA,yBACA,wBACA,wBACA,uBACA,uBACA,uBACA,qBACA,qBAGA,0BACA,0BACA,0BACA,0BACA,wBACA,wBACA,wBACA,wBACA,uBACA,uBAGA,gCACA,gCACA,gCACA,gCACA,+BACA,+BACA,+BACA,8BACA,6BACA,6BAGA,yBACA,yBACA,yBACA,wBACA,wBACA,uBACA,uBACA,sBACA,sBACA,qBAGA,2BACA,2BACA,2BACA,2BACA,0BACA,yBACA,yBACA,yBACA,yBACA,uBAGA,0BACA,0BACA,0BACA,0BACA,yBACA,yBACA,yBACA,yBACA,uBACA,sBAGA,2BACA,2BACA,2BACA,0BACA,0BACA,yBACA,yBACA,yBACA,yBACA,wBAGA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,sBACA,sBACA,sBACA,sBAIA,8BACA,8BACA,8BACA,8BACA,6BACA,6BACA,4BACA,2BACA,2BACA,2BAGA,wBACA,kBAGA,4CACA,4CAGA,oDACA,mDACA,0DACA,yDACA,2DACA,0DACA,6DACA,4DACA,kEACA,gEACA,iEAGA,uDACA,qDACA,6DACA,2DACA,8DACA,4DACA,gEACA,8DACA,qEACA,mEACA,oEAGA,gDACA,oDACA,sDACA,0DACA,uDACA,2DACA,8DACA,4DACA,6DAGA,iDACA,gDACA,uDACA,sDACA,wDACA,uDACA,0DACA,yDACA,+DACA,6DACA,8DAGA,gDACA,mDACA,sDACA,yDACA,uDACA,0DACA,yDACA,4DACA,8DACA,4DACA,6DAGA,iDACA,mDACA,uDACA,yDACA,wDACA,0DACA,+DACA,6DACA,8DAGA,6CACA,kDACA,mDACA,wDACA,oDACA,yDACA,2DACA,yDACA,0DAGA,8CACA,8CACA,8CACA,8CACA,2BACA,8BAGA,2BACA,2BAGA,iDACA,uDACA,wDACA,yDAGA,4CACA,2CACA,2CACA,2CACA,2CACA,mDACA,mDAGA,iDACA,gDACA,iDACA,6CAIA,gDAGA,wDACA,uDACA,mDACA,wDAGA,gDACA,sBACE,iDAIF,2BACA,6BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BAGA,4BACA,8BACA,2BAGA,oCACA,8BACA,+BACA,+BACA,+BACA,gCAGA,gCACA,kCACA,gCAGA,yBACA,mCACA,yCAGA,iCACA,4BACA,6BACA,4BACA,kCAGA,qBACA,8BACA,8BACA,wBACA,8BACA,wBACA,8BACA,yBACA,+BACA","file":"index.min.css"}
package/package.json CHANGED
@@ -1,12 +1,14 @@
1
1
  {
2
2
  "name": "@gct-paas/scss",
3
- "version": "0.0.1-dev.11",
3
+ "version": "0.0.1-dev.13",
4
4
  "type": "module",
5
5
  "description": "paas 平台样式框架包",
6
6
  "main": "./src/index.ts",
7
7
  "exports": {
8
8
  "./style/global.scss": "./style/global.scss",
9
- "./style/index.scss": "./style/index.scss"
9
+ "./style/index.scss": "./style/index.scss",
10
+ "./style/global": "./style/global.scss",
11
+ "./style/index": "./style/index.scss"
10
12
  },
11
13
  "files": [
12
14
  "dist",
@@ -39,5 +41,5 @@
39
41
  "normalize.css": "^8.0.1",
40
42
  "sass": "^1.84.0"
41
43
  },
42
- "gitHead": "3f988584fd9450fa356f802a0316d75ee44a6a27"
44
+ "gitHead": "cd84662ed51afc3f97cd6ec174a7e18c8f9e4ba6"
43
45
  }
package/style/generic/reset.scss CHANGED
@@ -199,7 +199,7 @@ button,
199
199
  [type="button"],
200
200
  [type="reset"],
201
201
  [type="submit"] {
202
- appearance: button;
202
+ appearance: auto;
203
203
  }
204
204
 
205
205
  /**
@@ -309,7 +309,7 @@ textarea {
309
309
  */
310
310
 
311
311
  ::-webkit-file-upload-button {
312
- appearance: button; /* 1 */
312
+ appearance: auto; /* 1 */
313
313
  font: inherit; /* 2 */
314
314
  }
315
315
 
package/style/theme/default/default-theme.scss CHANGED
@@ -2,585 +2,348 @@
2
2
 
3
3
  :root.default {
4
4
  // 红色
5
- #{getCssVarName(red, 0)}: 108, 9, 10;
6
- #{getCssVarName(red, 1)}: 144, 17, 16;
7
- #{getCssVarName(red, 2)}: 181, 31, 25;
8
- #{getCssVarName(red, 3)}: 215, 51, 35;
9
- #{getCssVarName(red, 4)}: 251, 73, 49;
10
- #{getCssVarName(red, 5)}: 252, 114, 90;
11
- #{getCssVarName(red, 6)}: 253, 153, 131;
12
- #{getCssVarName(red, 7)}: 254, 190, 172;
13
- #{getCssVarName(red, 8)}: 254, 224, 213;
14
- #{getCssVarName(red, 9)}: 255, 243, 239;
5
+ #{getCssVarName(red, 0)}: 254, 242, 237;
6
+ #{getCssVarName(red, 1)}: 254, 221, 210;
7
+ #{getCssVarName(red, 2)}: 253, 183, 164;
8
+ #{getCssVarName(red, 3)}: 251, 144, 120;
9
+ #{getCssVarName(red, 4)}: 250, 102, 75;
10
+ #{getCssVarName(red, 5)}: 249, 57, 31;
11
+ #{getCssVarName(red, 6)}: 213, 37, 20;
12
+ #{getCssVarName(red, 7)}: 177, 20, 13;
13
+ #{getCssVarName(red, 8)}: 142, 7, 5;
14
+ #{getCssVarName(red, 9)}: 106, 2, 3;
15
15
 
16
16
  // 粉色
17
- #{getCssVarName(pink, 0)}: 92, 7, 47;
18
- #{getCssVarName(pink, 1)}: 128, 15, 66;
19
- #{getCssVarName(pink, 2)}: 164, 23, 81;
20
- #{getCssVarName(pink, 3)}: 199, 34, 97;
21
- #{getCssVarName(pink, 4)}: 235, 47, 112;
22
- #{getCssVarName(pink, 5)}: 239, 86, 134;
23
- #{getCssVarName(pink, 6)}: 243, 126, 159;
24
- #{getCssVarName(pink, 7)}: 247, 168, 188;
25
- #{getCssVarName(pink, 8)}: 251, 211, 220;
26
- #{getCssVarName(pink, 9)}: 253, 239, 241;
17
+ #{getCssVarName(pink, 0)}: 253, 236, 239;
18
+ #{getCssVarName(pink, 1)}: 251, 207, 216;
19
+ #{getCssVarName(pink, 2)}: 246, 160, 181;
20
+ #{getCssVarName(pink, 3)}: 242, 115, 150;
21
+ #{getCssVarName(pink, 4)}: 238, 72, 122;
22
+ #{getCssVarName(pink, 5)}: 233, 31, 99;
23
+ #{getCssVarName(pink, 6)}: 197, 18, 86;
24
+ #{getCssVarName(pink, 7)}: 162, 11, 72;
25
+ #{getCssVarName(pink, 8)}: 126, 4, 58;
26
+ #{getCssVarName(pink, 9)}: 90, 1, 44;
27
27
 
28
28
  // 紫色
29
- #{getCssVarName(purple, 0)}: 74, 16, 97;
30
- #{getCssVarName(purple, 1)}: 94, 23, 118;
31
- #{getCssVarName(purple, 2)}: 115, 31, 138;
32
- #{getCssVarName(purple, 3)}: 137, 40, 159;
33
- #{getCssVarName(purple, 4)}: 160, 51, 179;
34
- #{getCssVarName(purple, 5)}: 181, 83, 194;
35
- #{getCssVarName(purple, 6)}: 202, 120, 209;
36
- #{getCssVarName(purple, 7)}: 221, 160, 225;
37
- #{getCssVarName(purple, 8)}: 239, 206, 240;
38
- #{getCssVarName(purple, 9)}: 247, 235, 247;
29
+ #{getCssVarName(purple, 0)}: 247, 233, 247;
30
+ #{getCssVarName(purple, 1)}: 239, 202, 239;
31
+ #{getCssVarName(purple, 2)}: 221, 155, 224;
32
+ #{getCssVarName(purple, 3)}: 201, 112, 209;
33
+ #{getCssVarName(purple, 4)}: 180, 73, 194;
34
+ #{getCssVarName(purple, 5)}: 158, 40, 179;
35
+ #{getCssVarName(purple, 6)}: 135, 30, 159;
36
+ #{getCssVarName(purple, 7)}: 112, 23, 138;
37
+ #{getCssVarName(purple, 8)}: 92, 14, 117;
38
+ #{getCssVarName(purple, 9)}: 72, 11, 97;
39
39
 
40
40
  // 紫罗兰色
41
- #{getCssVarName(violet, 0)}: 64, 27, 119;
42
- #{getCssVarName(violet, 1)}: 76, 36, 140;
43
- #{getCssVarName(violet, 2)}: 88, 46, 160;
44
- #{getCssVarName(violet, 3)}: 100, 57, 180;
45
- #{getCssVarName(violet, 4)}: 113, 70, 201;
46
- #{getCssVarName(violet, 5)}: 136, 101, 212;
47
- #{getCssVarName(violet, 6)}: 162, 136, 223;
48
- #{getCssVarName(violet, 7)}: 190, 173, 233;
49
- #{getCssVarName(violet, 8)}: 221, 212, 243;
50
- #{getCssVarName(violet, 9)}: 240, 238, 250;
41
+ #{getCssVarName(violet, 0)}: 243, 237, 249;
42
+ #{getCssVarName(violet, 1)}: 226, 209, 244;
43
+ #{getCssVarName(violet, 2)}: 196, 167, 233;
44
+ #{getCssVarName(violet, 3)}: 166, 126, 221;
45
+ #{getCssVarName(violet, 4)}: 136, 91, 210;
46
+ #{getCssVarName(violet, 5)}: 106, 58, 199;
47
+ #{getCssVarName(violet, 6)}: 87, 47, 179;
48
+ #{getCssVarName(violet, 7)}: 70, 36, 158;
49
+ #{getCssVarName(violet, 8)}: 54, 28, 138;
50
+ #{getCssVarName(violet, 9)}: 40, 20, 117;
51
51
 
52
52
  // 靛蓝
53
- #{getCssVarName(indigo, 0)}: 23, 30, 101;
54
- #{getCssVarName(indigo, 1)}: 32, 41, 122;
55
- #{getCssVarName(indigo, 2)}: 41, 54, 142;
56
- #{getCssVarName(indigo, 3)}: 52, 68, 163;
57
- #{getCssVarName(indigo, 4)}: 64, 83, 183;
58
- #{getCssVarName(indigo, 5)}: 95, 113, 197;
59
- #{getCssVarName(indigo, 6)}: 129, 145, 212;
60
- #{getCssVarName(indigo, 7)}: 167, 180, 226;
61
- #{getCssVarName(indigo, 8)}: 209, 216, 241;
62
- #{getCssVarName(indigo, 9)}: 237, 239, 248;
53
+ #{getCssVarName(indigo, 0)}: 237, 239, 248;
54
+ #{getCssVarName(indigo, 1)}: 209, 216, 240;
55
+ #{getCssVarName(indigo, 2)}: 167, 179, 225;
56
+ #{getCssVarName(indigo, 3)}: 128, 144, 211;
57
+ #{getCssVarName(indigo, 4)}: 94, 111, 196;
58
+ #{getCssVarName(indigo, 5)}: 63, 81, 181;
59
+ #{getCssVarName(indigo, 6)}: 51, 66, 161;
60
+ #{getCssVarName(indigo, 7)}: 41, 52, 140;
61
+ #{getCssVarName(indigo, 8)}: 31, 40, 120;
62
+ #{getCssVarName(indigo, 9)}: 23, 29, 99;
63
63
 
64
64
  // 蓝色
65
- #{getCssVarName(blue, 0)}: 6, 49, 112;
66
- #{getCssVarName(blue, 1)}: 8, 70, 148;
67
- #{getCssVarName(blue, 2)}: 19, 92, 184;
68
- #{getCssVarName(blue, 3)}: 28, 117, 219;
69
- #{getCssVarName(blue, 4)}: 41, 143, 255;
70
- #{getCssVarName(blue, 5)}: 84, 169, 255;
71
- #{getCssVarName(blue, 6)}: 127, 193, 255;
72
- #{getCssVarName(blue, 7)}: 169, 215, 255;
73
- #{getCssVarName(blue, 8)}: 211, 237, 255;
74
- #{getCssVarName(blue, 9)}: 239, 248, 255;
65
+ #{getCssVarName(blue, 0)}: 234, 245, 255;
66
+ #{getCssVarName(blue, 1)}: 203, 231, 254;
67
+ #{getCssVarName(blue, 2)}: 152, 205, 253;
68
+ #{getCssVarName(blue, 3)}: 101, 179, 252;
69
+ #{getCssVarName(blue, 4)}: 51, 149, 252;
70
+ #{getCssVarName(blue, 5)}: 3, 118, 250;
71
+ #{getCssVarName(blue, 6)}: 2, 97, 214;
72
+ #{getCssVarName(blue, 7)}: 2, 79, 179;
73
+ #{getCssVarName(blue, 8)}: 0, 61, 143;
74
+ #{getCssVarName(blue, 9)}: 0, 44, 107;
75
75
 
76
76
  // 浅蓝色
77
- #{getCssVarName(light, blue, 0)}: 1, 55, 97;
78
- #{getCssVarName(light, blue, 1)}: 0, 77, 133;
79
- #{getCssVarName(light, blue, 2)}: 2, 102, 169;
80
- #{getCssVarName(light, blue, 3)}: 7, 129, 204;
81
- #{getCssVarName(light, blue, 4)}: 19, 159, 239;
82
- #{getCssVarName(light, blue, 5)}: 64, 180, 243;
83
- #{getCssVarName(light, blue, 6)}: 111, 200, 245;
84
- #{getCssVarName(light, blue, 7)}: 157, 220, 249;
85
- #{getCssVarName(light, blue, 8)}: 206, 238, 252;
86
- #{getCssVarName(light, blue, 9)}: 235, 248, 254;
77
+ #{getCssVarName(light, blue, 0)}: 234, 247, 253;
78
+ #{getCssVarName(light, blue, 1)}: 202, 236, 252;
79
+ #{getCssVarName(light, blue, 2)}: 149, 216, 248;
80
+ #{getCssVarName(light, blue, 3)}: 97, 195, 245;
81
+ #{getCssVarName(light, blue, 4)}: 48, 172, 241;
82
+ #{getCssVarName(light, blue, 5)}: 0, 149, 238;
83
+ #{getCssVarName(light, blue, 6)}: 0, 123, 202;
84
+ #{getCssVarName(light, blue, 7)}: 0, 99, 167;
85
+ #{getCssVarName(light, blue, 8)}: 0, 75, 131;
86
+ #{getCssVarName(light, blue, 9)}: 0, 53, 95;
87
87
 
88
88
  // 青色
89
- #{getCssVarName(cyan, 0)}: 5, 52, 61;
90
- #{getCssVarName(cyan, 1)}: 6, 79, 92;
91
- #{getCssVarName(cyan, 2)}: 8, 108, 123;
92
- #{getCssVarName(cyan, 3)}: 13, 137, 153;
93
- #{getCssVarName(cyan, 4)}: 20, 168, 183;
94
- #{getCssVarName(cyan, 5)}: 56, 187, 198;
95
- #{getCssVarName(cyan, 6)}: 98, 205, 212;
96
- #{getCssVarName(cyan, 7)}: 145, 223, 227;
97
- #{getCssVarName(cyan, 8)}: 198, 239, 241;
98
- #{getCssVarName(cyan, 9)}: 231, 247, 248;
89
+ #{getCssVarName(cyan, 0)}: 229, 247, 248;
90
+ #{getCssVarName(cyan, 1)}: 194, 239, 240;
91
+ #{getCssVarName(cyan, 2)}: 138, 221, 225;
92
+ #{getCssVarName(cyan, 3)}: 87, 203, 211;
93
+ #{getCssVarName(cyan, 4)}: 44, 184, 197;
94
+ #{getCssVarName(cyan, 5)}: 6, 164, 182;
95
+ #{getCssVarName(cyan, 6)}: 3, 134, 152;
96
+ #{getCssVarName(cyan, 7)}: 2, 105, 121;
97
+ #{getCssVarName(cyan, 8)}: 0, 77, 91;
98
+ #{getCssVarName(cyan, 9)}: 1, 50, 61;
99
99
 
100
100
  // 蓝绿色
101
- #{getCssVarName(teal, 0)}: 2, 60, 57;
102
- #{getCssVarName(teal, 1)}: 5, 90, 85;
103
- #{getCssVarName(teal, 2)}: 8, 119, 111;
104
- #{getCssVarName(teal, 3)}: 12, 149, 136;
105
- #{getCssVarName(teal, 4)}: 13, 179, 161;
106
- #{getCssVarName(teal, 5)}: 51, 194, 176;
107
- #{getCssVarName(teal, 6)}: 95, 209, 193;
108
- #{getCssVarName(teal, 7)}: 142, 225, 211;
109
- #{getCssVarName(teal, 8)}: 196, 240, 232;
110
- #{getCssVarName(teal, 9)}: 230, 247, 244;
101
+ #{getCssVarName(teal, 0)}: 227, 247, 244;
102
+ #{getCssVarName(teal, 1)}: 192, 240, 232;
103
+ #{getCssVarName(teal, 2)}: 135, 224, 211;
104
+ #{getCssVarName(teal, 3)}: 84, 209, 193;
105
+ #{getCssVarName(teal, 4)}: 39, 194, 176;
106
+ #{getCssVarName(teal, 5)}: 5, 179, 161;
107
+ #{getCssVarName(teal, 6)}: 0, 149, 137;
108
+ #{getCssVarName(teal, 7)}: 0, 119, 111;
109
+ #{getCssVarName(teal, 8)}: 0, 90, 85;
110
+ #{getCssVarName(teal, 9)}: 1, 60, 58;
111
111
 
112
112
  // 绿色
113
- #{getCssVarName(green, 0)}: 18, 60, 25;
114
- #{getCssVarName(green, 1)}: 27, 90, 37;
115
- #{getCssVarName(green, 2)}: 39, 119, 49;
116
- #{getCssVarName(green, 3)}: 51, 149, 61;
117
- #{getCssVarName(green, 4)}: 62, 179, 72;
118
- #{getCssVarName(green, 5)}: 92, 194, 100;
119
- #{getCssVarName(green, 6)}: 127, 209, 132;
120
- #{getCssVarName(green, 7)}: 165, 225, 168;
121
- #{getCssVarName(green, 8)}: 208, 240, 208;
122
- #{getCssVarName(green, 9)}: 236, 246, 236;
113
+ #{getCssVarName(green, 0)}: 236, 246, 236;
114
+ #{getCssVarName(green, 1)}: 208, 240, 208;
115
+ #{getCssVarName(green, 2)}: 164, 224, 167;
116
+ #{getCssVarName(green, 3)}: 126, 209, 130;
117
+ #{getCssVarName(green, 4)}: 90, 194, 98;
118
+ #{getCssVarName(green, 5)}: 59, 179, 70;
119
+ #{getCssVarName(green, 6)}: 49, 149, 58;
120
+ #{getCssVarName(green, 7)}: 37, 119, 47;
121
+ #{getCssVarName(green, 8)}: 26, 89, 36;
122
+ #{getCssVarName(green, 9)}: 18, 60, 24;
123
123
 
124
124
  // 浅绿色
125
- #{getCssVarName(light, green, 0)}: 38, 61, 19;
126
- #{getCssVarName(light, green, 1)}: 58, 92, 28;
127
- #{getCssVarName(light, green, 2)}: 81, 123, 41;
128
- #{getCssVarName(light, green, 3)}: 103, 153, 51;
129
- #{getCssVarName(light, green, 4)}: 127, 184, 64;
130
- #{getCssVarName(light, green, 5)}: 151, 198, 95;
131
- #{getCssVarName(light, green, 6)}: 176, 212, 129;
132
- #{getCssVarName(light, green, 7)}: 201, 228, 167;
133
- #{getCssVarName(light, green, 8)}: 227, 241, 209;
134
- #{getCssVarName(light, green, 9)}: 243, 248, 237;
125
+ #{getCssVarName(light, green, 0)}: 243, 248, 236;
126
+ #{getCssVarName(light, green, 1)}: 226, 240, 208;
127
+ #{getCssVarName(light, green, 2)}: 200, 225, 165;
128
+ #{getCssVarName(light, green, 3)}: 173, 211, 127;
129
+ #{getCssVarName(light, green, 4)}: 147, 197, 91;
130
+ #{getCssVarName(light, green, 5)}: 123, 182, 60;
131
+ #{getCssVarName(light, green, 6)}: 100, 152, 47;
132
+ #{getCssVarName(light, green, 7)}: 79, 121, 38;
133
+ #{getCssVarName(light, green, 8)}: 57, 91, 27;
134
+ #{getCssVarName(light, green, 9)}: 36, 61, 18;
135
135
 
136
136
  // 清柠色
137
- #{getCssVarName(lime, 0)}: 48, 70, 2;
138
- #{getCssVarName(lime, 1)}: 75, 105, 6;
139
- #{getCssVarName(lime, 2)}: 103, 141, 9;
140
- #{getCssVarName(lime, 3)}: 132, 176, 9;
141
- #{getCssVarName(lime, 4)}: 162, 211, 16;
142
- #{getCssVarName(lime, 5)}: 174, 220, 58;
143
- #{getCssVarName(lime, 6)}: 189, 229, 102;
144
- #{getCssVarName(lime, 7)}: 207, 237, 150;
145
- #{getCssVarName(lime, 8)}: 229, 246, 201;
146
- #{getCssVarName(lime, 9)}: 242, 252, 233;
137
+ #{getCssVarName(lime, 0)}: 241, 250, 230;
138
+ #{getCssVarName(lime, 1)}: 227, 246, 197;
139
+ #{getCssVarName(lime, 2)}: 203, 237, 142;
140
+ #{getCssVarName(lime, 3)}: 183, 226, 91;
141
+ #{getCssVarName(lime, 4)}: 168, 218, 44;
142
+ #{getCssVarName(lime, 5)}: 154, 209, 0;
143
+ #{getCssVarName(lime, 6)}: 125, 174, 0;
144
+ #{getCssVarName(lime, 7)}: 99, 139, 2;
145
+ #{getCssVarName(lime, 8)}: 72, 104, 0;
146
+ #{getCssVarName(lime, 9)}: 47, 70, 0;
147
147
 
148
148
  // 黄色
149
- #{getCssVarName(yellow, 0)}: 84, 73, 2;
150
- #{getCssVarName(yellow, 1)}: 126, 108, 6;
151
- #{getCssVarName(yellow, 2)}: 168, 142, 12;
152
- #{getCssVarName(yellow, 3)}: 211, 175, 15;
153
- #{getCssVarName(yellow, 4)}: 252, 206, 22;
154
- #{getCssVarName(yellow, 5)}: 253, 222, 68;
155
- #{getCssVarName(yellow, 6)}: 253, 235, 113;
156
- #{getCssVarName(yellow, 7)}: 255, 245, 160;
157
- #{getCssVarName(yellow, 8)}: 254, 251, 207;
158
- #{getCssVarName(yellow, 9)}: 255, 254, 236;
149
+ #{getCssVarName(yellow, 0)}: 255, 253, 234;
150
+ #{getCssVarName(yellow, 1)}: 255, 250, 203;
151
+ #{getCssVarName(yellow, 2)}: 253, 243, 152;
152
+ #{getCssVarName(yellow, 3)}: 252, 231, 101;
153
+ #{getCssVarName(yellow, 4)}: 251, 218, 49;
154
+ #{getCssVarName(yellow, 5)}: 249, 200, 0;
155
+ #{getCssVarName(yellow, 6)}: 208, 170, 0;
156
+ #{getCssVarName(yellow, 7)}: 167, 139, 0;
157
+ #{getCssVarName(yellow, 8)}: 125, 106, 0;
158
+ #{getCssVarName(yellow, 9)}: 83, 72, 0;
159
159
 
160
160
  // 琥珀色
161
- #{getCssVarName(amber, 0)}: 81, 46, 10;
162
- #{getCssVarName(amber, 1)}: 121, 76, 15;
163
- #{getCssVarName(amber, 2)}: 161, 107, 22;
164
- #{getCssVarName(amber, 3)}: 201, 143, 31;
165
- #{getCssVarName(amber, 4)}: 242, 183, 38;
166
- #{getCssVarName(amber, 5)}: 245, 201, 79;
167
- #{getCssVarName(amber, 6)}: 248, 219, 122;
168
- #{getCssVarName(amber, 7)}: 249, 234, 166;
169
- #{getCssVarName(amber, 8)}: 252, 246, 210;
170
- #{getCssVarName(amber, 9)}: 255, 251, 237;
161
+ #{getCssVarName(amber, 0)}: 255, 251, 236;
162
+ #{getCssVarName(amber, 1)}: 252, 245, 206;
163
+ #{getCssVarName(amber, 2)}: 249, 232, 158;
164
+ #{getCssVarName(amber, 3)}: 246, 216, 110;
165
+ #{getCssVarName(amber, 4)}: 243, 198, 65;
166
+ #{getCssVarName(amber, 5)}: 240, 177, 20;
167
+ #{getCssVarName(amber, 6)}: 200, 138, 16;
168
+ #{getCssVarName(amber, 7)}: 160, 102, 10;
169
+ #{getCssVarName(amber, 8)}: 120, 70, 5;
170
+ #{getCssVarName(amber, 9)}: 80, 43, 3;
171
171
 
172
172
  // 橙色
173
- #{getCssVarName(orange, 0)}: 230, 81, 0;
174
- #{getCssVarName(orange, 1)}: 239, 108, 0;
175
- #{getCssVarName(orange, 2)}: 245, 124, 2;
176
- #{getCssVarName(orange, 3)}: 250, 141, 0;
177
- #{getCssVarName(orange, 4)}: 255, 152, 0;
178
- #{getCssVarName(orange, 5)}: 255, 167, 38;
179
- #{getCssVarName(orange, 6)}: 255, 183, 77;
180
- #{getCssVarName(orange, 7)}: 255, 204, 128;
181
- #{getCssVarName(orange, 8)}: 255, 223, 177;
182
- #{getCssVarName(orange, 9)}: 255, 243, 224;
173
+ #{getCssVarName(orange, 0)}: 255, 243, 224;
174
+ #{getCssVarName(orange, 1)}: 255, 223, 177;
175
+ #{getCssVarName(orange, 2)}: 255, 204, 128;
176
+ #{getCssVarName(orange, 3)}: 254, 183, 77;
177
+ #{getCssVarName(orange, 4)}: 255, 167, 38;
178
+ #{getCssVarName(orange, 5)}: 255, 152, 0;
179
+ #{getCssVarName(orange, 6)}: 250, 141, 0;
180
+ #{getCssVarName(orange, 7)}: 245, 124, 2;
181
+ #{getCssVarName(orange, 8)}: 239, 108, 0;
182
+ #{getCssVarName(orange, 9)}: 230, 81, 0;
183
183
 
184
184
  // 灰色
185
- #{getCssVarName(grey, 0)}: 29, 31, 35;
186
- #{getCssVarName(grey, 1)}: 46, 50, 55;
187
- #{getCssVarName(grey, 2)}: 65, 70, 76;
188
- #{getCssVarName(grey, 3)}: 85, 91, 97;
189
- #{getCssVarName(grey, 4)}: 107, 112, 116;
190
- #{getCssVarName(grey, 5)}: 136, 141, 145;
191
- #{getCssVarName(grey, 6)}: 167, 171, 175;
192
- #{getCssVarName(grey, 7)}: 198, 202, 205;
193
- #{getCssVarName(grey, 8)}: 230, 232, 234;
194
- #{getCssVarName(grey, 9)}: 249, 249, 249;
185
+ #{getCssVarName(grey, 0)}: 249, 249, 249;
186
+ #{getCssVarName(grey, 1)}: 230, 232, 234;
187
+ #{getCssVarName(grey, 2)}: 198, 202, 205;
188
+ #{getCssVarName(grey, 3)}: 167, 171, 175;
189
+ #{getCssVarName(grey, 4)}: 136, 141, 145;
190
+ #{getCssVarName(grey, 5)}: 107, 102, 116;
191
+ #{getCssVarName(grey, 6)}: 85, 91, 97;
192
+ #{getCssVarName(grey, 7)}: 65, 70, 76;
193
+ #{getCssVarName(grey, 8)}: 46, 50, 55;
194
+ #{getCssVarName(grey, 9)}: 29, 31, 35;
195
+
195
196
 
196
197
  // 蓝青色
197
- #{getCssVarName(blue, cyan, 0)}: 16, 41, 68;
198
- #{getCssVarName(blue, cyan, 1)}: 26, 52, 79;
199
- #{getCssVarName(blue, cyan, 2)}: 36, 65, 96;
200
- #{getCssVarName(blue, cyan, 3)}: 48, 81, 115;
201
- #{getCssVarName(blue, cyan, 4)}: 70, 107, 144;
202
- #{getCssVarName(blue, cyan, 5)}: 85, 125, 165;
203
- #{getCssVarName(blue, cyan, 6)}: 105, 148, 190;
204
- #{getCssVarName(blue, cyan, 7)}: 131, 171, 212;
205
- #{getCssVarName(blue, cyan, 8)}: 164, 201, 238;
206
- #{getCssVarName(blue, cyan, 9)}: 217, 236, 255;
207
-
208
- // 深紫色
209
- #{getCssVarName(dark, purple, 0)}: 0, 0, 0;
210
- #{getCssVarName(dark, purple, 1)}: 4, 3, 6;
211
- #{getCssVarName(dark, purple, 2)}: 17, 16, 26;
212
- #{getCssVarName(dark, purple, 3)}: 31, 31, 47;
213
- #{getCssVarName(dark, purple, 4)}: 43, 43, 64;
214
- #{getCssVarName(dark, purple, 5)}: 79, 79, 105;
215
- #{getCssVarName(dark, purple, 6)}: 115, 116, 142;
216
- #{getCssVarName(dark, purple, 7)}: 157, 158, 180;
217
- #{getCssVarName(dark, purple, 8)}: 204, 205, 217;
218
- #{getCssVarName(dark, purple, 9)}: 255, 255, 255;
198
+ #{getCssVarName(blue, cyan, 0)}: 217, 236, 255;
199
+ #{getCssVarName(blue, cyan, 1)}: 164, 201, 238;
200
+ #{getCssVarName(blue, cyan, 2)}: 131, 171, 212;
201
+ #{getCssVarName(blue, cyan, 3)}: 105, 148, 190;
202
+ #{getCssVarName(blue, cyan, 4)}: 85, 125, 165;
203
+ #{getCssVarName(blue, cyan, 5)}: 70, 107, 144;
204
+ #{getCssVarName(blue, cyan, 6)}: 48, 81, 115;
205
+ #{getCssVarName(blue, cyan, 7)}: 36, 65, 96;
206
+ #{getCssVarName(blue, cyan, 8)}: 26, 52, 79;
207
+ #{getCssVarName(blue, cyan, 9)}: 16, 41, 68;
219
208
 
220
209
  // 黑、白色
221
210
  #{getCssVarName(white)}: 255, 255, 255;
222
211
  #{getCssVarName(black)}: 0, 0, 0;
223
212
 
224
213
  // 功能色
225
- #{getCssVarName(color, white)}: rgba(
226
- var(#{getCssVarName(white)}),
227
- 1
228
- ); // 浅色模式下深色背景内容Inverse
229
-
230
- #{getCssVarName(color, black)}: rgba(
231
- var(#{getCssVarName(black)}),
232
- 1
233
- ); // 深色模式下浅色背景内容Inverse
214
+ #{getCssVarName(color, white)}: rgba(var(#{getCssVarName(white)}),1); // 浅色模式下深色背景内容Inverse
215
+ #{getCssVarName(color, black)}: rgba(var(#{getCssVarName(black)}),1); // 深色模式下浅色背景内容Inverse
234
216
 
235
217
  // 主要颜色
236
- #{getCssVarName(color, primary)}: rgba(
237
- var(#{getCssVarName(blue, 4)}),
238
- 1
239
- ); // 主要颜色。仅在需要非常强调的情况下使用。
240
-
241
- #{getCssVarName(color, primary, hover)}: rgba(
242
- var(#{getCssVarName(blue, 6)}),
243
- 1
244
- ); // 主要颜色悬浮态
245
-
246
- #{getCssVarName(color, primary, active)}: rgba(
247
- var(#{getCssVarName(blue, 3)}),
248
- 1
249
- ); // 主要颜色激活态
250
-
251
- #{getCssVarName(color, primary, disabled)}: rgba(
252
- var(#{getCssVarName(blue, 2)}),
253
- 1
254
- ); // 主要颜色禁用态
255
-
256
- #{getCssVarName(color, primary, light, default)}: rgba(
257
- var(#{getCssVarName(blue, 5)}),
258
- 0.2
259
- ); // 浅版主要颜色（多用于背景）。仅在需要非常强调的情况下使用。
260
-
261
- #{getCssVarName(color, primary, light, hover)}: rgba(
262
- var(#{getCssVarName(blue, 5)}),
263
- 0.3
264
- ); // 浅版主要颜色悬浮态
265
-
266
- #{getCssVarName(color, primary, light, active)}: rgba(
267
- var(#{getCssVarName(blue, 5)}),
268
- 0.4
269
- ); // 浅版主要颜色激活态
270
-
271
- // todo 次要颜色 未确定颜色，需后续调整
272
- #{getCssVarName(color, secondary)}: rgba(
273
- var(#{getCssVarName(light, blue, 5)}),
274
- 1
275
- ); // 次要颜色。强调作用次于主要颜色，但仍然具有强调作用。
276
-
277
- #{getCssVarName(color, secondary, hover)}: rgba(
278
- var(#{getCssVarName(light, blue, 6)}),
279
- 1
280
- ); // 次要颜色悬浮态
281
-
282
- #{getCssVarName(color, secondary, active)}: rgba(
283
- var(#{getCssVarName(light, blue, 7)}),
284
- 1
285
- ); // 次要颜色激活态
286
-
287
- #{getCssVarName(color, secondary, disabled)}: rgba(
288
- var(#{getCssVarName(light, blue, 2)}),
289
- 1
290
- ); // 次要颜色禁用态
291
-
292
- #{getCssVarName(color, secondary, light, default)}: rgba(
293
- var(#{getCssVarName(light, blue, 0)}),
294
- 1
295
- ); // 浅版次要颜色（多用于背景）。强调作用次于主要颜色，但仍然具有强调作用。
296
-
297
- #{getCssVarName(color, secondary, light, hover)}: rgba(
298
- var(#{getCssVarName(light, blue, 1)}),
299
- 1
300
- ); // 浅版次要颜色悬浮态
301
-
302
- #{getCssVarName(color, secondary, light, active)}: rgba(
303
- var(#{getCssVarName(light, blue, 2)}),
304
- 1
305
- ); // 浅版次要颜色激活态
218
+ #{getCssVarName(color, primary)}: rgba(var(#{getCssVarName(blue, cyan, 4)}),1); // 主要颜色。仅在需要非常强调的情况下使用。
219
+ #{getCssVarName(color, primary, text)}: rgba(var(#{getCssVarName(white)}), 1); // 主要颜色文字色，和背景色形成对比
220
+ #{getCssVarName(color, primary, hover)}: rgba(var(#{getCssVarName(blue, cyan, 3)}),1); // 主要颜色悬浮态
221
+ #{getCssVarName(color, primary, hover, text)}: rgba(var(#{getCssVarName(white)}), 1); // 主要颜色文字色，和背景色形成对比
222
+ #{getCssVarName(color, primary, active)}: rgba(var(#{getCssVarName(blue, cyan, 5)}),1); // 主要颜色激活态
223
+ #{getCssVarName(color, primary, active, text)}: rgba(var(#{getCssVarName(white)}), 1); // 主要颜色文字色，和背景色形成对比
224
+ #{getCssVarName(color, primary, disabled)}: rgba(var(#{getCssVarName(blue, cyan, 2)}),1); // 主要颜色禁用态
225
+ #{getCssVarName(color, primary, disabled, text)}: rgba(var(#{getCssVarName(white)}), 1); // 主要颜色文字色，和背景色形成对比
226
+ #{getCssVarName(color, primary, light, default)}: rgba(var(#{getCssVarName(blue, cyan, 0)}),1); // 浅版主要颜色（多用于背景）。仅在需要非常强调的情况下使用。
227
+ #{getCssVarName(color, primary, light, hover)}: rgba(var(#{getCssVarName(blue, cyan, 1)}),1); // 浅版主要颜色悬浮态
228
+ #{getCssVarName(color, primary, light, active)}: rgba(var(#{getCssVarName(blue, cyan, 2)}),1); // 浅版主要颜色激活态
229
+
230
+ // 次要颜色
231
+ #{getCssVarName(color, secondary)}: rgba(var(#{getCssVarName(light, blue, 5)}),1); // 次要颜色。强调作用次于主要颜色，但仍然具有强调作用。
232
+ #{getCssVarName(color, secondary, text)}: rgba(var(#{getCssVarName(white)}), 1); // 次要颜色文字色，和背景色形成对比
233
+ #{getCssVarName(color, secondary, hover)}: rgba(var(#{getCssVarName(light, blue, 6)}),1); // 次要颜色悬浮态
234
+ #{getCssVarName(color, secondary, hover, text)}: rgba(var(#{getCssVarName(white)}), 1); // 次要颜色文字色，和背景色形成对比
235
+ #{getCssVarName(color, secondary, active)}: rgba(var(#{getCssVarName(light, blue, 7)}),1); // 次要颜色激活态
236
+ #{getCssVarName(color, secondary, active, text)}: rgba(var(#{getCssVarName(white)}), 1); // 次要颜色文字色，和背景色形成对比
237
+ #{getCssVarName(color, secondary, disabled)}: rgba(var(#{getCssVarName(light, blue, 2)}),1); // 次要颜色禁用态
238
+ #{getCssVarName(color, secondary, disabled, text)}: rgba(var(#{getCssVarName(white)}), 1); // 次要颜色文字色，和背景色形成对比
239
+ #{getCssVarName(color, secondary, light, default)}: rgba(var(#{getCssVarName(light, blue, 0)}),1); // 浅版次要颜色（多用于背景）。强调作用次于主要颜色，但仍然具有强调作用。
240
+ #{getCssVarName(color, secondary, light, hover)}: rgba(var(#{getCssVarName(light, blue, 1)}),1); // 浅版次要颜色悬浮态
241
+ #{getCssVarName(color, secondary, light, active)}: rgba(var(#{getCssVarName(light, blue, 2)}),1); // 浅版次要颜色激活态
306
242
 
307
243
  // 第三颜色
308
- #{getCssVarName(color, tertiary)}: rgba(
309
- var(#{getCssVarName(dark, purple, 4)}),
310
- 1
311
- ); // 第三颜色，可以在页面上多次使用
312
-
313
- #{getCssVarName(color, tertiary, hover)}: rgba(
314
- var(#{getCssVarName(dark, purple, 6)}),
315
- 1
316
- ); // 第三颜色悬浮态
317
-
318
- #{getCssVarName(color, tertiary, active)}: rgba(
319
- var(#{getCssVarName(dark, purple, 5)}),
320
- 1
321
- ); // 第三颜色激活态
322
-
323
- #{getCssVarName(color, tertiary, light, default)}: rgba(
324
- var(#{getCssVarName(dark, purple, 5)}),
325
- 0.2
326
- ); // 浅版第三颜色（多用于背景），可以在页面上多次使用
327
-
328
- #{getCssVarName(color, tertiary, light, hover)}: rgba(
329
- var(#{getCssVarName(dark, purple, 5)}),
330
- 0.3
331
- ); // 浅版第三颜色悬浮态
332
-
333
- #{getCssVarName(color, tertiary, light, active)}: rgba(
334
- var(#{getCssVarName(dark, purple, 5)}),
335
- 0.4
336
- ); // 浅版第三颜色激活态
244
+ #{getCssVarName(color, tertiary)}: rgba(var(#{getCssVarName(grey, 5)}),1); // 第三颜色，可以在页面上多次使用
245
+ #{getCssVarName(color, tertiary, text)}: rgba(var(#{getCssVarName(white)}), 1); // 第三颜色文字色，和背景色形成对比
246
+ #{getCssVarName(color, tertiary, hover)}: rgba(var(#{getCssVarName(grey, 4)}),1); // 第三颜色悬浮态
247
+ #{getCssVarName(color, tertiary, hover, text)}: rgba(var(#{getCssVarName(white)}), 1); // 第三颜色文字色，和背景色形成对比
248
+ #{getCssVarName(color, tertiary, active)}: rgba(var(#{getCssVarName(grey, 6)}),1); // 第三颜色激活态
249
+ #{getCssVarName(color, tertiary, active, text)}: rgba(var(#{getCssVarName(white)}), 1); // 第三颜色文字色，和背景色形成对比
250
+ #{getCssVarName(color, tertiary, light, default)}: rgba(var(#{getCssVarName(grey, 0)}),1); // 浅版第三颜色（多用于背景），可以在页面上多次使用
251
+ #{getCssVarName(color, tertiary, light, hover)}: rgba(var(#{getCssVarName(grey, 1)}),1); // 浅版第三颜色悬浮态
252
+ #{getCssVarName(color, tertiary, light, active)}: rgba(var(#{getCssVarName(grey, 2)}),1); // 浅版第三颜色激活态
337
253
 
338
254
  // 信息色
339
- #{getCssVarName(color, info)}: rgba(
340
- var(#{getCssVarName(blue, 4)}),
341
- 1
342
- ); // 信息色, 通常用于表达客观、中立信息
343
-
344
- #{getCssVarName(color, info, hover)}: rgba(
345
- var(#{getCssVarName(blue, 6)}),
346
- 1
347
- ); // 信息色悬浮态
348
-
349
- #{getCssVarName(color, info, active)}: rgba(
350
- var(#{getCssVarName(blue, 3)}),
351
- 1
352
- ); // 信息色激活态
353
-
354
- #{getCssVarName(color, info, disabled)}: rgba(
355
- var(#{getCssVarName(blue, 2)}),
356
- 1
357
- ); // 信息色禁用态
358
-
359
- #{getCssVarName(color, info, light, default)}: rgba(
360
- var(#{getCssVarName(blue, 5)}),
361
- 0.2
362
- ); // 浅版信息色（多用于背景），通常用于表达客观、中立信息
363
-
364
- #{getCssVarName(color, info, light, hover)}: rgba(
365
- var(#{getCssVarName(blue, 5)}),
366
- 0.3
367
- ); // 浅版信息色悬浮态
368
-
369
- #{getCssVarName(color, info, light, active)}: rgba(
370
- var(#{getCssVarName(blue, 5)}),
371
- 0.4
372
- ); // 浅版信息色激活态
255
+ #{getCssVarName(color, info)}: rgba(var(#{getCssVarName(blue, cyan, 4)}),1); // 信息色, 通常用于表达客观、中立信息
256
+ #{getCssVarName(color, info, text)}: rgba(var(#{getCssVarName(white)}), 1); // 信息颜色文字色，和背景色形成对比
257
+ #{getCssVarName(color, info, hover)}: rgba(var(#{getCssVarName(blue, cyan, 3)}),1); // 信息色悬浮态
258
+ #{getCssVarName(color, info, hover, text)}: rgba(var(#{getCssVarName(white)}), 1); // 信息颜色文字色，和背景色形成对比
259
+ #{getCssVarName(color, info, active)}: rgba(var(#{getCssVarName(blue, cyan, 5)}),1); // 信息色激活态
260
+ #{getCssVarName(color, info, active, text)}: rgba(var(#{getCssVarName(white)}), 1); // 信息颜色文字色，和背景色形成对比
261
+ #{getCssVarName(color, info, disabled)}: rgba(var(#{getCssVarName(blue, cyan, 2)}),1); // 信息色禁用态
262
+ #{getCssVarName(color, info, disabled, text)}: rgba(var(#{getCssVarName(white)}), 1); // 信息颜色文字色，和背景色形成对比
263
+ #{getCssVarName(color, info, light, default)}: rgba(var(#{getCssVarName(blue, cyan, 0)}),1); // 浅版信息色（多用于背景），通常用于表达客观、中立信息
264
+ #{getCssVarName(color, info, light, hover)}: rgba(var(#{getCssVarName(blue, cyan, 1)}),1); // 浅版信息色悬浮态
265
+ #{getCssVarName(color, info, light, active)}: rgba(var(#{getCssVarName(blue, cyan, 2)}),1); // 浅版信息色激活态
373
266
 
374
267
  // 成功色
375
- #{getCssVarName(color, success)}: rgba(
376
- var(#{getCssVarName(green, 5)}),
377
- 1
378
- ); // 成功色，表示安全、成功、开启的状态
379
-
380
- #{getCssVarName(color, success, hover)}: rgba(
381
- var(#{getCssVarName(green, 6)}),
382
- 1
383
- ); // 成功色悬浮态
384
-
385
- #{getCssVarName(color, success, active)}: rgba(
386
- var(#{getCssVarName(green, 4)}),
387
- 1
388
- ); // 成功色激活态
389
-
390
- #{getCssVarName(color, success, disabled)}: rgba(
391
- var(#{getCssVarName(green, 2)}),
392
- 1
393
- ); // 成功色禁用态
394
-
395
- #{getCssVarName(color, success, light, default)}: rgba(
396
- var(#{getCssVarName(green, 5)}),
397
- 0.2
398
- ); // 浅版成功色（多用于背景），表示安全、成功、开启的状态
399
-
400
- #{getCssVarName(color, success, light, hover)}: rgba(
401
- var(#{getCssVarName(green, 5)}),
402
- 0.3
403
- ); // 浅版成功色悬浮态
404
-
405
- #{getCssVarName(color, success, light, active)}: rgba(
406
- var(#{getCssVarName(green, 5)}),
407
- 0.4
408
- ); // 浅版成功色激活态
268
+ #{getCssVarName(color, success)}: rgba(var(#{getCssVarName(green, 5)}),1); // 成功色，表示安全、成功、开启的状态
269
+ #{getCssVarName(color, success, text)}: rgba(var(#{getCssVarName(white)}), 1); // 成功颜色文字色，和背景色形成对比
270
+ #{getCssVarName(color, success, hover)}: rgba(var(#{getCssVarName(green, 4)}),1); // 成功色悬浮态
271
+ #{getCssVarName(color, success, hover, text)}: rgba(var(#{getCssVarName(white)}), 1); // 成功颜色文字色，和背景色形成对比
272
+ #{getCssVarName(color, success, active)}: rgba(var(#{getCssVarName(green, 6)}),1); // 成功色激活态
273
+ #{getCssVarName(color, success, active, text)}: rgba(var(#{getCssVarName(white)}), 1); // 成功颜色文字色，和背景色形成对比
274
+ #{getCssVarName(color, success, disabled)}: rgba(var(#{getCssVarName(green, 2)}),1); // 成功色禁用态
275
+ #{getCssVarName(color, success, disabled, text)}: rgba(var(#{getCssVarName(white)}), 1); // 成功颜色文字色，和背景色形成对比
276
+ #{getCssVarName(color, success, light, default)}: rgba(var(#{getCssVarName(green, 0)}),1); // 浅版成功色（多用于背景），表示安全、成功、开启的状态
277
+ #{getCssVarName(color, success, light, hover)}: rgba(var(#{getCssVarName(green, 1)}),1); // 浅版成功色悬浮态
278
+ #{getCssVarName(color, success, light, active)}: rgba(var(#{getCssVarName(green, 2)}),1); // 浅版成功色激活态
409
279
 
410
280
  // 警示色
411
- #{getCssVarName(color, warning)}: rgba(
412
- var(#{getCssVarName(orange, 5)}),
413
- 1
414
- ); // 警示色，表示警告、不安全的状态
415
-
416
- #{getCssVarName(color, warning, hover)}: rgba(
417
- var(#{getCssVarName(orange, 6)}),
418
- 1
419
- ); // 警示色悬浮态
420
-
421
- #{getCssVarName(color, warning, active)}: rgba(
422
- var(#{getCssVarName(orange, 4)}),
423
- 1
424
- ); // 警示色激活态
425
-
426
- #{getCssVarName(color, warning, light, default)}: rgba(
427
- var(#{getCssVarName(orange, 5)}),
428
- 0.2
429
- ); // 浅版警示色（多用于背景），表示警告、不安全的状态
430
-
431
- #{getCssVarName(color, warning, light, hover)}: rgba(
432
- var(#{getCssVarName(orange, 5)}),
433
- 0.3
434
- ); // 浅版警示色悬浮态
435
-
436
- #{getCssVarName(color, warning, light, active)}: rgba(
437
- var(#{getCssVarName(orange, 5)}),
438
- 0.4
439
- ); // 浅版警示色激活态
281
+ #{getCssVarName(color, warning)}: rgba(var(#{getCssVarName(orange, 5)}),1); // 警示色，表示警告、不安全的状态
282
+ #{getCssVarName(color, warning, text)}: rgba(var(#{getCssVarName(white)}), 1); // 警告颜色文字色，和背景色形成对比
283
+ #{getCssVarName(color, warning, hover)}: rgba(var(#{getCssVarName(orange, 4)}),1); // 警示色悬浮态
284
+ #{getCssVarName(color, warning, hover, text)}: rgba(var(#{getCssVarName(white)}), 1); // 警告颜色文字色，和背景色形成对比
285
+ #{getCssVarName(color, warning, active)}: rgba(var(#{getCssVarName(orange, 6)}),1); // 警示色激活态
286
+ #{getCssVarName(color, warning, active, text)}: rgba(var(#{getCssVarName(white)}), 1); // 警告颜色文字色，和背景色形成对比
287
+ #{getCssVarName(color, warning, light, default)}: rgba(var(#{getCssVarName(orange, 0)}),1); // 浅版警示色（多用于背景），表示警告、不安全的状态
288
+ #{getCssVarName(color, warning, light, hover)}: rgba(var(#{getCssVarName(orange, 1)}),1); // 浅版警示色悬浮态
289
+ #{getCssVarName(color, warning, light, active)}: rgba(var(#{getCssVarName(orange, 2)}),1); // 浅版警示色激活态
440
290
 
441
291
  // 危险色
442
- #{getCssVarName(color, danger)}: rgba(
443
- var(#{getCssVarName(red, 5)}),
444
- 1
445
- ); // 危险色，表示危险的操作、或需要特别注意的危险信息
446
-
447
- #{getCssVarName(color, danger, hover)}: rgba(
448
- var(#{getCssVarName(red, 6)}),
449
- 1
450
- ); // 危险色悬浮态
451
-
452
- #{getCssVarName(color, danger, active)}: rgba(
453
- var(#{getCssVarName(red, 4)}),
454
- 1
455
- ); // 危险色激活态
456
-
457
- #{getCssVarName(color, danger, light, default)}: rgba(
458
- var(#{getCssVarName(red, 5)}),
459
- 0.2
460
- ); // 浅版危险色（多用于背景），表示危险的操作、或需要特别注意的危险信息
461
-
462
- #{getCssVarName(color, danger, light, hover)}: rgba(
463
- var(#{getCssVarName(red, 5)}),
464
- 0.3
465
- ); // 浅版危险色悬浮态
466
-
467
- #{getCssVarName(color, danger, light, active)}: rgba(
468
- var(#{getCssVarName(red, 5)}),
469
- 0.4
470
- ); // 浅版危险色激活态
292
+ #{getCssVarName(color, danger)}: rgba(var(#{getCssVarName(red, 5)}),1); // 危险色，表示危险的操作、或需要特别注意的危险信息
293
+ #{getCssVarName(color, danger, text)}: rgba(var(#{getCssVarName(white)}), 1); // 危险颜色文字色，和背景色形成对比
294
+ #{getCssVarName(color, danger, hover)}: rgba(var(#{getCssVarName(red, 4)}),1); // 危险色悬浮态
295
+ #{getCssVarName(color, danger, hover, text)}: rgba(var(#{getCssVarName(white)}), 1); // 危险颜色文字色，和背景色形成对比
296
+ #{getCssVarName(color, danger, active)}: rgba(var(#{getCssVarName(red, 6)}),1); // 危险色激活态
297
+ #{getCssVarName(color, danger, active, text)}: rgba(var(#{getCssVarName(white)}), 1); // 危险颜色文字色，和背景色形成对比
298
+ #{getCssVarName(color, danger, light, default)}: rgba(var(#{getCssVarName(red, 0)}),1); // 浅版危险色（多用于背景），表示危险的操作、或需要特别注意的危险信息
299
+ #{getCssVarName(color, danger, light, hover)}: rgba(var(#{getCssVarName(red, 1)}),1); // 浅版危险色悬浮态
300
+ #{getCssVarName(color, danger, light, active)}: rgba(var(#{getCssVarName(red, 2)}),1); // 浅版危险色激活态
471
301
 
472
302
  // 文本/图标颜色
473
- #{getCssVarName(color, text, 0)}: rgba(
474
- var(#{getCssVarName(dark, purple, 9)}),
475
- 1
476
- ); // 文本/图标颜色 - 最主要
477
-
478
- #{getCssVarName(color, text, 1)}: rgba(
479
- var(#{getCssVarName(dark, purple, 8)}),
480
- 1
481
- ); // 文本/图标颜色 - 稍次要
482
-
483
- #{getCssVarName(color, text, 2)}: rgba(
484
- var(#{getCssVarName(grey, 9)}),
485
- 0.6
486
- ); // 文本/图标颜色 - 次要
487
-
488
- #{getCssVarName(color, text, 3)}: rgba(
489
- var(#{getCssVarName(grey, 9)}),
490
- 0.35
491
- ); // 文本/图标颜色 - 最次要
303
+ #{getCssVarName(color, text, 0)}: rgba(var(#{getCssVarName(grey, 9)}),1); // 文本/图标颜色 - 最主要
304
+ #{getCssVarName(color, text, 1)}: rgba(var(#{getCssVarName(grey, 7)}),1); // 文本/图标颜色 - 稍次要
305
+ #{getCssVarName(color, text, 2)}: rgba(var(#{getCssVarName(grey, 6)}),1); // 文本/图标颜色 - 次要
306
+ #{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(grey, 4)}),1); // 文本/图标颜色 - 最次要
307
+ #{getCssVarName(color, text, 5)}: rgb(219 228 236); // 文本色(特殊) - 应用搜索框使用
308
+ #{getCssVarName(color, text, menu)}: rgb(219 228 236); // 文本 - 特殊-菜单颜色
309
+
310
+ // 图标颜色
311
+ #{getCssVarName(color, icon, 0)}: #65B3FC; // 图标颜色 - 最主要
312
+ #{getCssVarName(color, icon, 1)}: #CBE7FE; // 图标颜色 - 次要
492
313
 
493
314
  // 链接颜色
494
- #{getCssVarName(color, link)}: rgba(
495
- var(#{getCssVarName(blue, 4)}),
496
- 1
497
- ); // 链接颜色
498
-
499
- #{getCssVarName(color, link, hover)}: rgba(
500
- var(#{getCssVarName(blue, 6)}),
501
- 1
502
- ); // 链接颜色 - 悬浮态
503
-
504
- #{getCssVarName(color, link, active)}: rgba(
505
- var(#{getCssVarName(blue, 3)}),
506
- 1
507
- ); // 链接颜色 - 激活态
508
-
509
- #{getCssVarName(color, link, visited)}: rgba(
510
- var(#{getCssVarName(blue, 2)}),
511
- 1
512
- ); // 链接颜色 - 已访问
315
+ #{getCssVarName(color, link)}: rgba(var(#{getCssVarName(blue, cyan, 5)}),1); // 链接颜色
316
+ #{getCssVarName(color, link, hover)}: rgba(var(#{getCssVarName(blue, cyan, 4)}),1); // 链接颜色 - 悬浮态
317
+ #{getCssVarName(color, link, active)}: rgba(var(#{getCssVarName(blue, cyan, 6)}),1); // 链接颜色 - 激活态
318
+ #{getCssVarName(color, link, visited)}: rgba(var(#{getCssVarName(blue, cyan, 5)}),1); // 链接颜色 - 已访问
513
319
 
514
320
  // 背景色
515
- #{getCssVarName(color, bg, 0)}: rgb(
516
- 18 18 18 / 100%
517
- ); // 背景色 - 最下层（底部页面）
518
-
519
- #{getCssVarName(color, bg, 1)}: rgb(
520
- 28 28 28 / 100%
521
- ); // 背景色 - 次下层（页面中需要提升的内容）
522
-
523
- #{getCssVarName(color, bg, 2)}: rgb(
524
- 53 54 60 / 100%
525
- ); // 背景色 - 中间层（模态等容器）
526
-
527
- #{getCssVarName(color, bg, 3)}: rgb(
528
- 67 68 74 / 100%
529
- ); // 背景色 - 次上层（通知，Toast等）
530
-
531
- #{getCssVarName(color, bg, 4)}: rgb(
532
- 79 81 89 / 100%
533
- ); // 背景色 - 最上层（特殊）
321
+ #{getCssVarName(color, bg, 0)}: rgba(var(#{getCssVarName(grey, 0)}),1); // 背景色 - 最下层（底部页面）
322
+ #{getCssVarName(color, bg, 1)}: rgba(var(#{getCssVarName(white)}),1); // 背景色 - 次下层（页面中需要提升的内容）
323
+ #{getCssVarName(color, bg, 2)}: rgba(var(#{getCssVarName(white)}),1); // 背景色 - 中间层（模态等容器）
324
+ #{getCssVarName(color, bg, 3)}: rgba(var(#{getCssVarName(white)}),1); // 背景色 - 次上层（通知，Toast等）
325
+ #{getCssVarName(color, bg, 4)}: rgba(var(#{getCssVarName(white)}),1); // 背景色 - 最上层（特殊）
326
+ #{getCssVarName(color, bg, 5)}: rgba(var(#{getCssVarName(blue, cyan, 3)}),0.6); // 背景色(特殊) - 应用搜索框使用
327
+ #{getCssVarName(color, bg, overlay)}: rgba(var(#{getCssVarName(black)}),0.5); // 蒙层背景色
534
328
 
535
329
  // 填充色
536
- #{getCssVarName(color, fill, 0)}: rgba(
537
- var(#{getCssVarName(dark, purple, 4)}),
538
- 1
539
- ); // 填充色 - 默认态
330
+ #{getCssVarName(color, fill, 0)}: rgba(var(#{getCssVarName(grey, 8)}),0.05); // 填充色 - 默认态
331
+ #{getCssVarName(color, fill, 1)}: rgba(var(#{getCssVarName(grey, 8)}),0.1); // 填充色 - 悬浮态
332
+ #{getCssVarName(color, fill, 2)}: rgba(var(#{getCssVarName(grey, 8), }),0.13); // 填充色 - 激活态
333
+ #{getCssVarName(color, scroll, menu)}: rgb(132 165 198 / 40%); // 填充色 - 特殊-菜单滚动条颜色
540
334
 
541
- #{getCssVarName(color, fill, 1)}: rgba(
542
- var(#{getCssVarName(white)}),
543
- 0.16
544
- ); // 填充色 - 悬浮态
545
-
546
- #{getCssVarName(color, fill, 2)}: rgba(
547
- var(#{getCssVarName(white)}),
548
- 0.2
549
- ); // 填充色 - 激活态
550
335
 
551
336
  // 边框
552
- #{getCssVarName(color, border)}: rgba(
553
- var(#{getCssVarName(white)}),
554
- 0.08
555
- ); // 默认描边颜色
337
+ #{getCssVarName(color, border)}: rgba(var(#{getCssVarName(grey, 9)}),0.1); // 默认描边颜色
556
338
 
557
339
  // 禁用态
558
- #{getCssVarName(color, disabled, text)}: rgba(
559
- var(#{getCssVarName(grey, 9)}),
560
- 0.35
561
- ); // 禁用态 - 文字
562
-
563
- #{getCssVarName(color, disabled, border)}: rgba(
564
- var(#{getCssVarName(grey, 1)}),
565
- 1
566
- ); // 禁用态 - 描边
567
-
568
- #{getCssVarName(color, disabled, bg)}: rgba(
569
- var(#{getCssVarName(grey, 1)}),
570
- 1
571
- ); // 禁用态 - 背景
572
-
573
- #{getCssVarName(color, disabled, fill)}: rgba(
574
- var(#{getCssVarName(grey, 8)}),
575
- 0.04
576
- ); // 禁用态 - 填充
340
+ #{getCssVarName(color, disabled, text)}: rgba(var(#{getCssVarName(grey, 9)}), 0.35); // 禁用态 - 文字
341
+ #{getCssVarName(color, disabled, border)}: rgba(var(#{getCssVarName(grey, 1)}),1); // 禁用态 - 描边
342
+ #{getCssVarName(color, disabled, bg)}: rgba(var(#{getCssVarName(grey, 1)}),1); // 禁用态 - 背景
343
+ #{getCssVarName(color, disabled, fill)}: rgba(var(#{getCssVarName(grey, 8)}),0.04); // 禁用态 - 填充
577
344
 
578
345
  // 阴影
579
- #{getCssVarName(color, shadow)}: rgba(
580
- var(#{getCssVarName(black)}),
581
- 0.04
582
- ); // 用于模拟描边的阴影颜色
583
-
346
+ #{getCssVarName(color, shadow)}: rgba(var(#{getCssVarName(black)}),0.04); // 用于模拟描边的阴影颜色
584
347
  #{getCssVarName(shadow, elevated)}:
585
348
  0 0 1px rgba(0 0 0 / 30%),
586
349
  0 4px 14px rgba(0 0 0 / 10%); // 用于toast, modal, popover等需要提升层级的界面元素
package/style/tools/utils.scss CHANGED
@@ -56,6 +56,7 @@
56
56
 
57
57
  // 超出自动换行，识别换行空白符
58
58
  @mixin overflow-wrap{
59
+ /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated */
59
60
  word-break: break-word;
60
61
  white-space: pre-wrap;
61
62
  }