@semi-bot/semi-theme-arcoblue 1.0.0

package/scss/_font.scss

@@ -0,0 +1,64 @@
+@mixin font-size-header-1 {
+font-size: 30px;
+font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+line-height: 38px;
+letter-spacing: 0px;
+
+
+}
+@mixin font-size-header-2 {
+font-size: 24px;
+font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+line-height: 32px;
+letter-spacing: 0px;
+
+
+}
+@mixin font-size-header-3 {
+font-size: 20px;
+font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+line-height: 28px;
+letter-spacing: 0px;
+
+
+}
+@mixin font-size-header-4 {
+font-size: 18px;
+font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+line-height: 26px;
+letter-spacing: 0px;
+
+
+}
+@mixin font-size-header-5 {
+font-size: 16px;
+font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+line-height: 24px;
+letter-spacing: 0px;
+
+
+}
+@mixin font-size-header-6 {
+font-size: 16px;
+font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+line-height: 24px;
+letter-spacing: 0px;
+
+
+}
+@mixin font-size-small {
+font-size: 12px;
+font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+line-height: 16px;
+letter-spacing: 0px;
+
+
+}
+@mixin font-size-regular {
+font-size: 14px;
+font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+line-height: 20px;
+letter-spacing: 0px;
+
+
+}

package/scss/_palette.scss

@@ -0,0 +1,375 @@
+body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-light {
+--semi-black: 0,0,0;
+--semi-red-0: 254,241,241;
+--semi-red-1: 253,226,226;
+--semi-red-2: 251,191,188;
+--semi-red-3: 249,142,139;
+--semi-red-4: 247,105,100;
+--semi-red-5: 245,74,69;
+--semi-red-6: 216,57,49;
+--semi-red-7: 172,47,40;
+--semi-red-8: 129,37,32;
+--semi-red-9: 98,28,24;
+--semi-white: 255,255,255;
+--semi-blue-0: 240,244,255;
+--semi-blue-1: 225,234,255;
+--semi-blue-2: 186,206,253;
+--semi-blue-3: 130,167,252;
+--semi-blue-4: 78,131,253;
+--semi-blue-5: 51,112,255;
+--semi-blue-6: 36,91,219;
+--semi-blue-7: 28,76,186;
+--semi-blue-8: 19,60,154;
+--semi-blue-9: 12,41,110;
+--semi-cyan-0: 229,247,248;
+--semi-cyan-1: 194,239,240;
+--semi-cyan-2: 138,221,226;
+--semi-cyan-3: 88,203,211;
+--semi-cyan-4: 44,184,197;
+--semi-cyan-5: 5,164,182;
+--semi-cyan-6: 3,134,152;
+--semi-cyan-7: 1,105,121;
+--semi-cyan-8: 0,77,91;
+--semi-cyan-9: 0,50,61;
+--semi-grey-0: 249,249,249;
+--semi-grey-1: 230,232,234;
+--semi-grey-2: 198,202,205;
+--semi-grey-3: 167,171,176;
+--semi-grey-4: 136,141,146;
+--semi-grey-5: 107,112,117;
+--semi-grey-6: 85,91,97;
+--semi-grey-7: 65,70,76;
+--semi-grey-8: 46,50,56;
+--semi-grey-9: 28,31,35;
+--semi-lime-0: 247,250,229;
+--semi-lime-1: 238,246,198;
+--semi-lime-2: 223,238,150;
+--semi-lime-3: 210,231,106;
+--semi-lime-4: 195,221,64;
+--semi-lime-5: 179,214,0;
+--semi-lime-6: 143,172,2;
+--semi-lime-7: 102,121,1;
+--semi-lime-8: 73,87,0;
+--semi-lime-9: 53,66,0;
+--semi-pink-0: 253,236,239;
+--semi-pink-1: 251,207,216;
+--semi-pink-2: 246,160,181;
+--semi-pink-3: 242,115,150;
+--semi-pink-4: 237,72,123;
+--semi-pink-5: 233,30,99;
+--semi-pink-6: 197,19,86;
+--semi-pink-7: 162,11,72;
+--semi-pink-8: 126,5,58;
+--semi-pink-9: 90,1,43;
+--semi-teal-0: 226,246,243;
+--semi-teal-1: 190,237,229;
+--semi-teal-2: 132,219,207;
+--semi-teal-3: 81,202,186;
+--semi-teal-4: 37,184,167;
+--semi-teal-5: 0,166,150;
+--semi-teal-6: 0,138,127;
+--semi-teal-7: 0,111,104;
+--semi-teal-8: 0,83,79;
+--semi-teal-9: 0,55,54;
+--semi-amber-0: 254,251,235;
+--semi-amber-1: 252,245,206;
+--semi-amber-2: 249,232,158;
+--semi-amber-3: 246,216,111;
+--semi-amber-4: 243,198,65;
+--semi-amber-5: 240,177,20;
+--semi-amber-6: 200,138,15;
+--semi-amber-7: 160,102,10;
+--semi-amber-8: 120,70,6;
+--semi-amber-9: 80,43,3;
+--semi-green-0: 240,251,239;
+--semi-green-1: 217,245,214;
+--semi-green-2: 183,237,177;
+--semi-green-3: 142,224,133;
+--semi-green-4: 98,210,86;
+--semi-green-5: 52,199,36;
+--semi-green-6: 46,161,33;
+--semi-green-7: 35,123,25;
+--semi-green-8: 24,96,16;
+--semi-green-9: 18,75,12;
+--semi-indigo-0: 242,243,253;
+--semi-indigo-1: 224,226,250;
+--semi-indigo-2: 180,185,243;
+--semi-indigo-3: 123,131,234;
+--semi-indigo-4: 97,106,229;
+--semi-indigo-5: 73,84,230;
+--semi-indigo-6: 41,51,199;
+--semi-indigo-7: 22,31,162;
+--semi-indigo-8: 10,18,133;
+--semi-indigo-9: 12,18,100;
+--semi-orange-0: 255,245,235;
+--semi-orange-1: 254,234,210;
+--semi-orange-2: 254,212,164;
+--semi-orange-3: 255,186,107;
+--semi-orange-4: 255,165,61;
+--semi-orange-5: 255,136,0;
+--semi-orange-6: 222,120,2;
+--semi-orange-7: 178,98,6;
+--semi-orange-8: 143,79,4;
+--semi-orange-9: 107,57,0;
+--semi-purple-0: 246,241,254;
+--semi-purple-1: 236,226,254;
+--semi-purple-2: 205,178,250;
+--semi-purple-3: 173,130,247;
+--semi-purple-4: 147,90,246;
+--semi-purple-5: 127,59,245;
+--semi-purple-6: 100,37,208;
+--semi-purple-7: 78,27,167;
+--semi-purple-8: 56,13,130;
+--semi-purple-9: 39,5,97;
+--semi-violet-0: 252,238,252;
+--semi-violet-1: 248,222,248;
+--semi-violet-2: 239,185,239;
+--semi-violet-3: 229,143,229;
+--semi-violet-4: 219,102,219;
+--semi-violet-5: 209,54,209;
+--semi-violet-6: 178,32,178;
+--semi-violet-7: 140,33,140;
+--semi-violet-8: 104,18,104;
+--semi-violet-9: 70,11,70;
+--semi-wathet-0: 236,249,254;
+--semi-wathet-1: 217,243,253;
+--semi-wathet-2: 177,232,252;
+--semi-wathet-3: 126,218,251;
+--semi-wathet-4: 80,206,251;
+--semi-wathet-5: 20,192,255;
+--semi-wathet-6: 4,159,215;
+--semi-wathet-7: 3,126,170;
+--semi-wathet-8: 0,97,133;
+--semi-wathet-9: 0,71,97;
+--semi-yellow-0: 253,249,237;
+--semi-yellow-1: 250,241,209;
+--semi-yellow-2: 248,230,171;
+--semi-yellow-3: 247,220,130;
+--semi-yellow-4: 250,211,85;
+--semi-yellow-5: 255,198,10;
+--semi-yellow-6: 220,155,4;
+--semi-yellow-7: 170,120,3;
+--semi-yellow-8: 121,81,1;
+--semi-yellow-9: 92,58,0;
+--semi-carmine-0: 254,241,248;
+--semi-carmine-1: 253,221,239;
+--semi-carmine-2: 249,174,217;
+--semi-carmine-3: 245,122,192;
+--semi-carmine-4: 241,75,169;
+--semi-carmine-5: 240,29,148;
+--semi-carmine-6: 199,16,119;
+--semi-carmine-7: 158,19,97;
+--semi-carmine-8: 122,15,75;
+--semi-carmine-9: 82,10,50;
+--semi-neutral-0: 245,246,247;
+--semi-neutral-1: 242,243,245;
+--semi-neutral-2: 239,240,241;
+--semi-neutral-3: 222,224,227;
+--semi-neutral-4: 187,191,196;
+--semi-neutral-5: 143,149,158;
+--semi-neutral-6: 100,106,115;
+--semi-neutral-7: 55,60,67;
+--semi-neutral-8: 43,47,54;
+--semi-neutral-9: 31,35,41;
+--semi-saffron-0: 254,255,240;
+--semi-saffron-1: 255,255,204;
+--semi-saffron-2: 255,252,163;
+--semi-saffron-3: 255,246,122;
+--semi-saffron-4: 255,242,88;
+--semi-saffron-5: 255,233,40;
+--semi-saffron-6: 229,206,0;
+--semi-saffron-7: 194,168,0;
+--semi-saffron-8: 143,124,0;
+--semi-saffron-9: 92,79,0;
+--semi-arcoblue-0: 237,244,255;
+--semi-arcoblue-1: 208,226,255;
+--semi-arcoblue-2: 162,195,255;
+--semi-arcoblue-3: 115,162,255;
+--semi-arcoblue-4: 69,129,255;
+--semi-arcoblue-5: 22,93,255;
+--semi-arcoblue-6: 12,72,219;
+--semi-arcoblue-7: 5,53,184;
+--semi-arcoblue-8: 0,38,148;
+--semi-arcoblue-9: 0,27,112;
+--semi-turquoise-0: 234,250,248;
+--semi-turquoise-1: 213,246,242;
+--semi-turquoise-2: 169,239,230;
+--semi-turquoise-3: 100,232,214;
+--semi-turquoise-4: 20,225,198;
+--semi-turquoise-5: 0,214,185;
+--semi-turquoise-6: 4,180,156;
+--semi-turquoise-7: 7,131,114;
+--semi-turquoise-8: 3,99,86;
+--semi-turquoise-9: 2,75,65;
+--semi-light-blue-0: 233,247,253;
+--semi-light-blue-1: 201,236,252;
+--semi-light-blue-2: 149,216,248;
+--semi-light-blue-3: 98,195,245;
+--semi-light-blue-4: 48,172,241;
+--semi-light-blue-5: 0,149,238;
+--semi-light-blue-6: 0,123,202;
+--semi-light-blue-7: 0,99,167;
+--semi-light-blue-8: 0,75,131;
+--semi-light-blue-9: 0,53,95;
+--semi-light-green-0: 243,248,236;
+--semi-light-green-1: 227,240,208;
+--semi-light-green-2: 200,226,165;
+--semi-light-green-3: 173,211,126;
+--semi-light-green-4: 147,197,91;
+--semi-light-green-5: 123,182,60;
+--semi-light-green-6: 100,152,48;
+--semi-light-green-7: 78,121,38;
+--semi-light-green-8: 57,91,27;
+--semi-light-green-9: 37,61,18;
+
+
+}
+body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :host .semi-always-dark {
+--semi-black: 0,0,0;
+--semi-red-0: 54,25,24;
+--semi-red-1: 74,29,27;
+--semi-red-2: 107,40,39;
+--semi-red-3: 158,56,54;
+--semi-red-4: 204,71,67;
+--semi-red-5: 240,91,86;
+--semi-red-6: 250,120,115;
+--semi-red-7: 255,156,153;
+--semi-red-8: 254,198,195;
+--semi-red-9: 255,224,224;
+--semi-white: 255,255,255;
+--semi-blue-0: 21,31,51;
+--semi-blue-1: 25,42,76;
+--semi-blue-2: 32,62,120;
+--semi-blue-3: 40,81,163;
+--semi-blue-4: 46,101,209;
+--semi-blue-5: 76,136,255;
+--semi-blue-6: 112,160,255;
+--semi-blue-7: 153,187,255;
+--semi-blue-8: 184,207,255;
+--semi-blue-9: 206,223,255;
+--semi-lime-0: 46,54,5;
+--semi-lime-1: 73,87,6;
+--semi-lime-2: 109,130,5;
+--semi-lime-3: 145,173,2;
+--semi-lime-4: 171,201,18;
+--semi-lime-5: 185,214,39;
+--semi-lime-6: 199,224,77;
+--semi-lime-7: 214,234,117;
+--semi-lime-8: 231,245,166;
+--semi-lime-9: 246,255,204;
+--semi-green-0: 25,48,22;
+--semi-green-1: 31,71,27;
+--semi-green-2: 41,107,34;
+--semi-green-3: 51,148,40;
+--semi-green-4: 59,176,46;
+--semi-green-5: 84,194,72;
+--semi-green-6: 109,209,98;
+--semi-green-7: 146,222,137;
+--semi-green-8: 189,240,184;
+--semi-green-9: 214,245,210;
+--semi-indigo-0: 29,31,71;
+--semi-indigo-1: 38,42,94;
+--semi-indigo-2: 53,59,140;
+--semi-indigo-3: 65,73,181;
+--semi-indigo-4: 76,85,212;
+--semi-indigo-5: 95,105,237;
+--semi-indigo-6: 115,123,235;
+--semi-indigo-7: 158,165,255;
+--semi-indigo-8: 187,192,246;
+--semi-indigo-9: 210,213,253;
+--semi-orange-0: 51,33,11;
+--semi-orange-1: 87,51,10;
+--semi-orange-2: 132,81,23;
+--semi-orange-3: 189,112,23;
+--semi-orange-4: 222,130,24;
+--semi-orange-5: 242,150,44;
+--semi-orange-6: 245,165,74;
+--semi-orange-7: 250,188,117;
+--semi-orange-8: 255,216,172;
+--semi-orange-9: 255,234,206;
+--semi-purple-0: 40,23,69;
+--semi-purple-1: 54,29,97;
+--semi-purple-2: 77,38,145;
+--semi-purple-3: 101,51,189;
+--semi-purple-4: 124,74,212;
+--semi-purple-5: 151,98,245;
+--semi-purple-6: 164,114,252;
+--semi-purple-7: 185,144,255;
+--semi-purple-8: 211,186,253;
+--semi-purple-9: 227,212,255;
+--semi-violet-0: 59,21,59;
+--semi-violet-1: 79,28,79;
+--semi-violet-2: 122,40,122;
+--semi-violet-3: 148,59,148;
+--semi-violet-4: 181,74,181;
+--semi-violet-5: 212,87,212;
+--semi-violet-6: 222,115,222;
+--semi-violet-7: 232,152,232;
+--semi-violet-8: 242,191,242;
+--semi-violet-9: 251,218,251;
+--semi-wathet-0: 20,41,48;
+--semi-wathet-1: 23,55,66;
+--semi-wathet-2: 34,91,112;
+--semi-wathet-3: 39,130,163;
+--semi-wathet-4: 46,165,209;
+--semi-wathet-5: 66,189,235;
+--semi-wathet-6: 95,212,254;
+--semi-wathet-7: 137,223,254;
+--semi-wathet-8: 194,238,255;
+--semi-wathet-9: 222,246,255;
+--semi-yellow-0: 56,46,12;
+--semi-yellow-1: 87,71,17;
+--semi-yellow-2: 143,114,17;
+--semi-yellow-3: 201,157,8;
+--semi-yellow-4: 240,187,10;
+--semi-yellow-5: 250,200,35;
+--semi-yellow-6: 252,212,86;
+--semi-yellow-7: 255,222,117;
+--semi-yellow-8: 255,230,148;
+--semi-yellow-9: 252,239,194;
+--semi-carmine-0: 66,27,49;
+--semi-carmine-1: 92,37,66;
+--semi-carmine-2: 145,55,106;
+--semi-carmine-3: 173,64,126;
+--semi-carmine-4: 204,71,146;
+--semi-carmine-5: 227,82,163;
+--semi-carmine-6: 237,102,179;
+--semi-carmine-7: 255,145,207;
+--semi-carmine-8: 255,189,226;
+--semi-carmine-9: 255,219,239;
+--semi-neutral-0: 26,26,26;
+--semi-neutral-1: 41,41,41;
+--semi-neutral-2: 55,55,55;
+--semi-neutral-3: 67,67,67;
+--semi-neutral-4: 95,95,95;
+--semi-neutral-5: 117,117,117;
+--semi-neutral-6: 166,166,166;
+--semi-neutral-7: 224,224,224;
+--semi-neutral-8: 232,232,232;
+--semi-neutral-9: 235,235,235;
+--semi-saffron-0: 56,52,12;
+--semi-saffron-1: 92,85,20;
+--semi-saffron-2: 135,123,16;
+--semi-saffron-3: 199,179,0;
+--semi-saffron-4: 232,209,0;
+--semi-saffron-5: 245,226,49;
+--semi-saffron-6: 250,237,87;
+--semi-saffron-7: 252,244,124;
+--semi-saffron-8: 255,252,158;
+--semi-saffron-9: 255,255,199;
+--semi-neutral-3-5: 80,80,80;
+--semi-neutral-6-5: 207,207,207;
+--semi-neutral-9-5: 248,248,248;
+--semi-turquoise-0: 22,46,43;
+--semi-turquoise-1: 21,61,56;
+--semi-turquoise-2: 35,102,93;
+--semi-turquoise-3: 38,150,135;
+--semi-turquoise-4: 55,184,166;
+--semi-turquoise-5: 65,204,185;
+--semi-turquoise-6: 92,219,202;
+--semi-turquoise-7: 127,235,220;
+--semi-turquoise-8: 183,247,239;
+--semi-turquoise-9: 218,249,245;
+
+
+}

package/scss/animation.scss

@@ -0,0 +1,85 @@
+
+body, :host {
+
+
+    --semi-transition_duration-slowest:0ms;
+    --semi-transition_duration-slower:0ms;
+    --semi-transition_duration-slow:0ms;
+    --semi-transition_duration-normal:0ms;
+    --semi-transition_duration-fast:0ms;
+    --semi-transition_duration-faster:0ms;
+    --semi-transition_duration-fastest:0ms;
+
+    --semi-transition_function-linear:linear;
+    --semi-transition_function-ease:ease;
+    --semi-transition_function-easeIn:ease-in;
+    --semi-transition_function-easeOut:ease-out;
+    --semi-transition_function-easeInIOut:ease-in-out;
+
+    --semi-transition_delay-none: 0ms;
+    --semi-transition_delay-slowest:0ms;
+    --semi-transition_delay-slower:0ms;
+    --semi-transition_delay-slow:0ms;
+    --semi-transition_delay-normal:0ms;
+    --semi-transition_delay-fast:0ms;
+    --semi-transition_delay-faster:0ms;
+    --semi-transition_delay-fastest:0ms;
+
+    --semi-transform_scale-none:scale(1,1);
+    --semi-transform_scale-small:scale(1,1);
+    --semi-transform_scale-medium:scale(1,1);
+    --semi-transform_scale-large:scale(1,1);
+
+    --semi-transform-rotate-none:rotate(0deg);
+    --semi-transform_rotate-clockwise90deg:rotate(90deg);
+    --semi-transform_rotate-clockwise180deg:rotate(180deg);
+    --semi-transform_rotate-clockwise270deg:rotate(270deg);
+    --semi-transform_rotate-clockwise360deg:rotate(360deg);
+    --semi-transform_rotate-anticlockwise90deg:rotate(-90deg);
+    --semi-transform_rotate-anticlockwise180deg:rotate(-180deg);
+    --semi-transform_rotate-anticlockwise270deg:rotate(-270deg);
+    --semi-transform_rotate-anticlockwise360deg:rotate(-360deg);
+
+
+    // has animation
+
+    // --semi-transition_duration-slowest:500ms;
+    // --semi-transition_duration-slower:500ms;
+    // --semi-transition_duration-slow:500ms;
+    // --semi-transition_duration-normal:500ms;
+    // --semi-transition_duration-fast:200ms;
+    // --semi-transition_duration-faster:100ms;
+    // --semi-transition_duration-fastest:50ms;
+
+    // --semi-transition_function-linear:linear;
+    // --semi-transition_function-ease:ease;
+    // --semi-transition_function-easeIn:ease-in;
+    // --semi-transition_function-easeOut:ease-out;
+    // --semi-transition_function-easeInIOut:ease-in-out;
+
+    // --semi-transition_delay-slowest:0ms;
+    // --semi-transition_delay-slower:0ms;
+    // --semi-transition_delay-slow:0ms;
+    // --semi-transition_delay-normal:0ms;
+    // --semi-transition_delay-fast:0ms;
+    // --semi-transition_delay-faster:0ms;
+    // --semi-transition_delay-fastest:0ms;
+
+    // --semi-transform_scale-none:scale(1,1);
+    // --semi-transform_scale-small:scale(1.04,1.04);
+    // --semi-transform_scale-medium:scale(1.08,1.08);
+    // --semi-transform_scale-large:scale(1.12,1.12);
+
+    // --semi-transform-rotate-none:rotate(0deg);
+    // --semi-transform_rotate-clockwise90deg:rotate(90deg);
+    // --semi-transform_rotate-clockwise180deg:rotate(180deg);
+    // --semi-transform_rotate-clockwise270deg:rotate(270deg);
+    // --semi-transform_rotate-clockwise360deg:rotate(360deg);
+    // --semi-transform_rotate-anticlockwise90deg:rotate(-90deg);
+    // --semi-transform_rotate-anticlockwise180deg:rotate(-180deg);
+    // --semi-transform_rotate-anticlockwise270deg:rotate(-270deg);
+    // --semi-transform_rotate-anticlockwise360deg:rotate(-360deg);
+
+
+}
+