npm - @ibiz-template/web-theme - Versions diffs - 1.0.31 → 1.0.32-dev.0 - Mend

@ibiz-template/web-theme 1.0.31 → 1.0.32-dev.0

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 (85) hide show

package/src/theme/theme/light/light-theme.scss ADDED Viewed

@@ -0,0 +1,337 @@
+:root.light {
+  #{getCssVarName(amber, 0)}: 254, 251, 235;
+  #{getCssVarName(amber, 1)}: 252, 245, 206;
+  #{getCssVarName(amber, 2)}: 249, 232, 158;
+  #{getCssVarName(amber, 3)}: 246, 216, 111;
+  #{getCssVarName(amber, 4)}: 243, 198, 65;
+  #{getCssVarName(amber, 5)}: 240, 177, 20;
+  #{getCssVarName(amber, 6)}: 200, 138, 15;
+  #{getCssVarName(amber, 7)}: 160, 102, 10;
+  #{getCssVarName(amber, 8)}: 120, 70, 6;
+  #{getCssVarName(amber, 9)}: 80, 43, 3;
+  // 蓝色
+  #{getCssVarName(blue, 0)}: 234, 245, 255;
+  #{getCssVarName(blue, 1)}: 203, 231, 254;
+  #{getCssVarName(blue, 2)}: 152, 205, 253;
+  #{getCssVarName(blue, 3)}: 101, 178, 252;
+  #{getCssVarName(blue, 4)}: 50, 149, 251;
+  #{getCssVarName(blue, 5)}: 0, 119, 250;
+  #{getCssVarName(blue, 6)}: 0, 98, 214;
+  #{getCssVarName(blue, 7)}: 0, 79, 179;
+  #{getCssVarName(blue, 8)}: 0, 61, 143;
+  #{getCssVarName(blue, 9)}: 0, 44, 107;
+  // 青色
+  #{getCssVarName(cyan, 0)}: 229, 247, 248;
+  #{getCssVarName(cyan, 1)}: 194, 239, 240;
+  #{getCssVarName(cyan, 2)}: 138, 221, 226;
+  #{getCssVarName(cyan, 3)}: 88, 203, 211;
+  #{getCssVarName(cyan, 4)}: 44, 184, 197;
+  #{getCssVarName(cyan, 5)}: 5, 164, 182;
+  #{getCssVarName(cyan, 6)}: 3, 134, 152;
+  #{getCssVarName(cyan, 7)}: 1, 105, 121;
+  #{getCssVarName(cyan, 8)}: 0, 77, 91;
+  #{getCssVarName(cyan, 9)}: 0, 50, 61;
+  // 绿色
+  #{getCssVarName(green, 0)}: 236, 247, 236;
+  #{getCssVarName(green, 1)}: 208, 240, 209;
+  #{getCssVarName(green, 2)}: 164, 224, 167;
+  #{getCssVarName(green, 3)}: 125, 209, 130;
+  #{getCssVarName(green, 4)}: 90, 194, 98;
+  #{getCssVarName(green, 5)}: 59, 179, 70;
+  #{getCssVarName(green, 6)}: 48, 149, 59;
+  #{getCssVarName(green, 7)}: 37, 119, 47;
+  #{getCssVarName(green, 8)}: 27, 89, 36;
+  #{getCssVarName(green, 9)}: 17, 60, 24;
+  // 灰色
+  #{getCssVarName(grey, 0)}: 249, 249, 249;
+  #{getCssVarName(grey, 1)}: 230, 232, 234;
+  #{getCssVarName(grey, 2)}: 198, 202, 205;
+  #{getCssVarName(grey, 3)}: 167, 171, 176;
+  #{getCssVarName(grey, 4)}: 136, 141, 146;
+  #{getCssVarName(grey, 5)}: 107, 112, 117;
+  #{getCssVarName(grey, 6)}: 85, 91, 97;
+  #{getCssVarName(grey, 7)}: 65, 70, 76;
+  #{getCssVarName(grey, 8)}: 46, 50, 56;
+  #{getCssVarName(grey, 9)}: 28, 31, 35;
+  // 靛蓝
+  #{getCssVarName(indigo, 0)}: 236, 239, 248;
+  #{getCssVarName(indigo, 1)}: 209, 216, 240;
+  #{getCssVarName(indigo, 2)}: 167, 179, 225;
+  #{getCssVarName(indigo, 3)}: 128, 144, 211;
+  #{getCssVarName(indigo, 4)}: 94, 111, 196;
+  #{getCssVarName(indigo, 5)}: 63, 81, 181;
+  #{getCssVarName(indigo, 6)}: 51, 66, 161;
+  #{getCssVarName(indigo, 7)}: 40, 52, 140;
+  #{getCssVarName(indigo, 8)}: 31, 40, 120;
+  #{getCssVarName(indigo, 9)}: 23, 29, 99;
+  // 浅蓝色
+  #{getCssVarName(light, blue)}-0: 233, 247, 253;
+  #{getCssVarName(light, blue)}-1: 201, 236, 252;
+  #{getCssVarName(light, blue)}-2: 149, 216, 248;
+  #{getCssVarName(light, blue)}-3: 98, 195, 245;
+  #{getCssVarName(light, blue)}-4: 48, 172, 241;
+  #{getCssVarName(light, blue)}-5: 0, 149, 238;
+  #{getCssVarName(light, blue)}-6: 0, 123, 202;
+  #{getCssVarName(light, blue)}-7: 0, 99, 167;
+  #{getCssVarName(light, blue)}-8: 0, 75, 131;
+  #{getCssVarName(light, blue)}-9: 0, 53, 95;
+  // 浅绿色
+  #{getCssVarName(light, green)}-0: 243, 248, 236;
+  #{getCssVarName(light, green)}-1: 227, 240, 208;
+  #{getCssVarName(light, green)}-2: 200, 226, 165;
+  #{getCssVarName(light, green)}-3: 173, 211, 126;
+  #{getCssVarName(light, green)}-4: 147, 197, 91;
+  #{getCssVarName(light, green)}-5: 123, 182, 60;
+  #{getCssVarName(light, green)}-6: 100, 152, 48;
+  #{getCssVarName(light, green)}-7: 78, 121, 38;
+  #{getCssVarName(light, green)}-8: 57, 91, 27;
+  #{getCssVarName(light, green)}-9: 37, 61, 18;
+  // 清柠色
+  #{getCssVarName(lime, 0)}: 242, 250, 230;
+  #{getCssVarName(lime, 1)}: 227, 246, 197;
+  #{getCssVarName(lime, 2)}: 203, 237, 142;
+  #{getCssVarName(lime, 3)}: 183, 227, 91;
+  #{getCssVarName(lime, 4)}: 167, 218, 44;
+  #{getCssVarName(lime, 5)}: 155, 209, 0;
+  #{getCssVarName(lime, 6)}: 126, 174, 0;
+  #{getCssVarName(lime, 7)}: 99, 139, 0;
+  #{getCssVarName(lime, 8)}: 72, 104, 0;
+  #{getCssVarName(lime, 9)}: 47, 70, 0;
+  // 橙色
+  #{getCssVarName(orange, 0)}: 255, 248, 234;
+  #{getCssVarName(orange, 1)}: 254, 238, 204;
+  #{getCssVarName(orange, 2)}: 254, 217, 152;
+  #{getCssVarName(orange, 3)}: 253, 193, 101;
+  #{getCssVarName(orange, 4)}: 253, 166, 51;
+  #{getCssVarName(orange, 5)}: 252, 136, 0;
+  #{getCssVarName(orange, 6)}: 210, 103, 0;
+  #{getCssVarName(orange, 7)}: 168, 74, 0;
+  #{getCssVarName(orange, 8)}: 126, 49, 0;
+  #{getCssVarName(orange, 9)}: 84, 29, 0;
+  // 粉色
+  #{getCssVarName(pink, 0)}: 253, 236, 239;
+  #{getCssVarName(pink, 1)}: 251, 207, 216;
+  #{getCssVarName(pink, 2)}: 246, 160, 181;
+  #{getCssVarName(pink, 3)}: 242, 115, 150;
+  #{getCssVarName(pink, 4)}: 237, 72, 123;
+  #{getCssVarName(pink, 5)}: 233, 30, 99;
+  #{getCssVarName(pink, 6)}: 197, 19, 86;
+  #{getCssVarName(pink, 7)}: 162, 11, 72;
+  #{getCssVarName(pink, 8)}: 126, 5, 58;
+  #{getCssVarName(pink, 9)}: 90, 1, 43;
+  // 紫色
+  #{getCssVarName(purple, 0)}: 247, 233, 247;
+  #{getCssVarName(purple, 1)}: 239, 202, 240;
+  #{getCssVarName(purple, 2)}: 221, 155, 224;
+  #{getCssVarName(purple, 3)}: 201, 111, 209;
+  #{getCssVarName(purple, 4)}: 180, 73, 194;
+  #{getCssVarName(purple, 5)}: 158, 40, 179;
+  #{getCssVarName(purple, 6)}: 135, 30, 158;
+  #{getCssVarName(purple, 7)}: 113, 22, 138;
+  #{getCssVarName(purple, 8)}: 92, 15, 117;
+  #{getCssVarName(purple, 9)}: 73, 10, 97;
+  // 红色
+  #{getCssVarName(red, 0)}: 254, 242, 237;
+  #{getCssVarName(red, 1)}: 254, 221, 210;
+  #{getCssVarName(red, 2)}: 253, 183, 165;
+  #{getCssVarName(red, 3)}: 251, 144, 120;
+  #{getCssVarName(red, 4)}: 250, 102, 76;
+  #{getCssVarName(red, 5)}: 249, 57, 32;
+  #{getCssVarName(red, 6)}: 213, 37, 21;
+  #{getCssVarName(red, 7)}: 178, 20, 12;
+  #{getCssVarName(red, 8)}: 142, 8, 5;
+  #{getCssVarName(red, 9)}: 106, 1, 3;
+  // 蓝绿色
+  #{getCssVarName(teal, 0)}: 228, 247, 244;
+  #{getCssVarName(teal, 1)}: 192, 240, 232;
+  #{getCssVarName(teal, 2)}: 135, 224, 211;
+  #{getCssVarName(teal, 3)}: 84, 209, 193;
+  #{getCssVarName(teal, 4)}: 39, 194, 176;
+  #{getCssVarName(teal, 5)}: 0, 179, 161;
+  #{getCssVarName(teal, 6)}: 0, 149, 137;
+  #{getCssVarName(teal, 7)}: 0, 119, 111;
+  #{getCssVarName(teal, 8)}: 0, 89, 85;
+  #{getCssVarName(teal, 9)}: 0, 60, 58;
+  // 紫罗兰色
+  #{getCssVarName(violet, 0)}: 243, 237, 249;
+  #{getCssVarName(violet, 1)}: 226, 209, 244;
+  #{getCssVarName(violet, 2)}: 196, 167, 233;
+  #{getCssVarName(violet, 3)}: 166, 127, 221;
+  #{getCssVarName(violet, 4)}: 136, 91, 210;
+  #{getCssVarName(violet, 5)}: 106, 58, 199;
+  #{getCssVarName(violet, 6)}: 87, 47, 179;
+  #{getCssVarName(violet, 7)}: 70, 37, 158;
+  #{getCssVarName(violet, 8)}: 54, 28, 138;
+  #{getCssVarName(violet, 9)}: 40, 20, 117;
+  // 黄色
+  #{getCssVarName(yellow, 0)}: 255, 253, 234;
+  #{getCssVarName(yellow, 1)}: 254, 251, 203;
+  #{getCssVarName(yellow, 2)}: 253, 243, 152;
+  #{getCssVarName(yellow, 3)}: 252, 232, 101;
+  #{getCssVarName(yellow, 4)}: 251, 218, 50;
+  #{getCssVarName(yellow, 5)}: 250, 200, 0;
+  #{getCssVarName(yellow, 6)}: 208, 170, 0;
+  #{getCssVarName(yellow, 7)}: 167, 139, 0;
+  #{getCssVarName(yellow, 8)}: 125, 106, 0;
+  #{getCssVarName(yellow, 9)}: 83, 72, 0;
+  // 黑、白色
+  #{getCssVarName(white)}: 255, 255, 255;
+  #{getCssVarName(black)}: 0, 0, 0;
+  // 功能色
+  #{getCssVarName(color, white)}: rgba(var(#{getCssVarName(white)}),1); // 浅色模式下深色背景内容Inverse
+  #{getCssVarName(color, black)}: rgba(var(#{getCssVarName(black)}),1); // 深色模式下浅色背景内容Inverse
+  // 主要颜色
+  #{getCssVarName(color, primary)}: rgba(var(#{getCssVarName(blue, 5)}),1); // 主要颜色。仅在需要非常强调的情况下使用。
+  #{getCssVarName(color, primary, text)}: rgba(var(#{getCssVarName(white)}), 1); // 主要颜色文字色，和背景色形成对比
+  #{getCssVarName(color, primary, hover)}: rgba(var(#{getCssVarName(blue, 6)}),1); // 主要颜色悬浮态
+  #{getCssVarName(color, primary, hover, text)}: rgba(var(#{getCssVarName(white)}), 1); // 主要颜色文字色，和背景色形成对比
+  #{getCssVarName(color, primary, active)}: rgba(var(#{getCssVarName(blue, 7)}),1); // 主要颜色激活态
+  #{getCssVarName(color, primary, active, text)}: rgba(var(#{getCssVarName(white)}), 1); // 主要颜色文字色，和背景色形成对比
+  #{getCssVarName(color, primary, disabled)}: rgba(var(#{getCssVarName(blue, 2)}),1); // 主要颜色禁用态
+  #{getCssVarName(color, primary, disabled, text)}: rgba(var(#{getCssVarName(white)}), 1); // 主要颜色文字色，和背景色形成对比
+  #{getCssVarName(color, primary, light, default)}: rgba(var(#{getCssVarName(blue, 0)}),1); // 浅版主要颜色（多用于背景）。仅在需要非常强调的情况下使用。
+  #{getCssVarName(color, primary, light, hover)}: rgba(var(#{getCssVarName(blue, 1)}),1); // 浅版主要颜色悬浮态
+  #{getCssVarName(color, primary, light, active)}: rgba(var(#{getCssVarName(blue, 2)}),1); // 浅版主要颜色激活态
+  // 次要颜色
+  #{getCssVarName(color, secondary)}: rgba(var(#{getCssVarName(light, blue, 5)}),1); // 次要颜色。强调作用次于主要颜色，但仍然具有强调作用。
+  #{getCssVarName(color, secondary, text)}: rgba(var(#{getCssVarName(white)}), 1); // 次要颜色文字色，和背景色形成对比
+  #{getCssVarName(color, secondary, hover)}: rgba(var(#{getCssVarName(light, blue, 6)}),1); // 次要颜色悬浮态
+  #{getCssVarName(color, secondary, hover, text)}: rgba(var(#{getCssVarName(white)}), 1); // 次要颜色文字色，和背景色形成对比
+  #{getCssVarName(color, secondary, active)}: rgba(var(#{getCssVarName(light, blue, 7)}),1); // 次要颜色激活态
+  #{getCssVarName(color, secondary, active, text)}: rgba(var(#{getCssVarName(white)}), 1); // 次要颜色文字色，和背景色形成对比
+  #{getCssVarName(color, secondary, disabled)}: rgba(var(#{getCssVarName(light, blue, 2)}),1); // 次要颜色禁用态
+  #{getCssVarName(color, secondary, disabled, text)}: rgba(var(#{getCssVarName(white)}), 1); // 次要颜色文字色，和背景色形成对比
+  #{getCssVarName(color, secondary, light, default)}: rgba(var(#{getCssVarName(light, blue, 0)}),1); // 浅版次要颜色（多用于背景）。强调作用次于主要颜色，但仍然具有强调作用。
+  #{getCssVarName(color, secondary, light, hover)}: rgba(var(#{getCssVarName(light, blue, 1)}),1); // 浅版次要颜色悬浮态
+  #{getCssVarName(color, secondary, light, active)}: rgba(var(#{getCssVarName(light, blue, 2)}),1); // 浅版次要颜色激活态
+  // 第三颜色
+  #{getCssVarName(color, tertiary)}: rgba(var(#{getCssVarName(grey, 5)}),1); // 第三颜色，可以在页面上多次使用
+  #{getCssVarName(color, tertiary, text)}: rgba(var(#{getCssVarName(white)}), 1); // 第三颜色文字色，和背景色形成对比
+  #{getCssVarName(color, tertiary, hover)}: rgba(var(#{getCssVarName(grey, 6)}),1); // 第三颜色悬浮态
+  #{getCssVarName(color, tertiary, hover, text)}: rgba(var(#{getCssVarName(white)}), 1); // 第三颜色文字色，和背景色形成对比
+  #{getCssVarName(color, tertiary, active)}: rgba(var(#{getCssVarName(grey, 7)}),1); // 第三颜色激活态
+  #{getCssVarName(color, tertiary, active, text)}: rgba(var(#{getCssVarName(white)}), 1); // 第三颜色文字色，和背景色形成对比
+  #{getCssVarName(color, tertiary, light, default)}: rgba(var(#{getCssVarName(grey, 0)}),1); // 浅版第三颜色（多用于背景），可以在页面上多次使用
+  #{getCssVarName(color, tertiary, light, hover)}: rgba(var(#{getCssVarName(grey, 1)}),1); // 浅版第三颜色悬浮态
+  #{getCssVarName(color, tertiary, light, active)}: rgba(var(#{getCssVarName(grey, 2)}),1); // 浅版第三颜色激活态
+  // 信息色
+  #{getCssVarName(color, info)}: rgba(var(#{getCssVarName(blue, 5)}),1); // 信息色, 通常用于表达客观、中立信息
+  #{getCssVarName(color, info, text)}: rgba(var(#{getCssVarName(white)}), 1); // 信息颜色文字色，和背景色形成对比
+  #{getCssVarName(color, info, hover)}: rgba(var(#{getCssVarName(blue, 6)}),1); // 信息色悬浮态
+  #{getCssVarName(color, info, hover, text)}: rgba(var(#{getCssVarName(white)}), 1); // 信息颜色文字色，和背景色形成对比
+  #{getCssVarName(color, info, active)}: rgba(var(#{getCssVarName(blue, 7)}),1); // 信息色激活态
+  #{getCssVarName(color, info, active, text)}: rgba(var(#{getCssVarName(white)}), 1); // 信息颜色文字色，和背景色形成对比
+  #{getCssVarName(color, info, disabled)}: rgba(var(#{getCssVarName(blue, 2)}),1); // 信息色禁用态
+  #{getCssVarName(color, info, disabled, text)}: rgba(var(#{getCssVarName(white)}), 1); // 信息颜色文字色，和背景色形成对比
+  #{getCssVarName(color, info, light, default)}: rgba(var(#{getCssVarName(blue, 0)}),1); // 浅版信息色（多用于背景），通常用于表达客观、中立信息
+  #{getCssVarName(color, info, light, hover)}: rgba(var(#{getCssVarName(blue, 1)}),1); // 浅版信息色悬浮态
+  #{getCssVarName(color, info, light, active)}: rgba(var(#{getCssVarName(blue, 2)}),1); // 浅版信息色激活态
+  // 成功色
+  #{getCssVarName(color, success)}: rgba(var(#{getCssVarName(green, 5)}),1); // 成功色，表示安全、成功、开启的状态
+  #{getCssVarName(color, success, text)}: rgba(var(#{getCssVarName(white)}), 1); // 成功颜色文字色，和背景色形成对比
+  #{getCssVarName(color, success, hover)}: rgba(var(#{getCssVarName(green, 6)}),1); // 成功色悬浮态
+  #{getCssVarName(color, success, hover, text)}: rgba(var(#{getCssVarName(white)}), 1); // 成功颜色文字色，和背景色形成对比
+  #{getCssVarName(color, success, active)}: rgba(var(#{getCssVarName(green, 7)}),1); // 成功色激活态
+  #{getCssVarName(color, success, active, text)}: rgba(var(#{getCssVarName(white)}), 1); // 成功颜色文字色，和背景色形成对比
+  #{getCssVarName(color, success, disabled)}: rgba(var(#{getCssVarName(green, 2)}),1); // 成功色禁用态
+  #{getCssVarName(color, success, disabled, text)}: rgba(var(#{getCssVarName(white)}), 1); // 成功颜色文字色，和背景色形成对比
+  #{getCssVarName(color, success, light, default)}: rgba(var(#{getCssVarName(green, 0)}),1); // 浅版成功色（多用于背景），表示安全、成功、开启的状态
+  #{getCssVarName(color, success, light, hover)}: rgba(var(#{getCssVarName(green, 1)}),1); // 浅版成功色悬浮态
+  #{getCssVarName(color, success, light, active)}: rgba(var(#{getCssVarName(green, 2)}),1); // 浅版成功色激活态
+  // 危险色
+  #{getCssVarName(color, danger)}: rgba(var(#{getCssVarName(red, 5)}),1); // 危险色，表示危险的操作、或需要特别注意的危险信息
+  #{getCssVarName(color, danger, text)}: rgba(var(#{getCssVarName(white)}), 1); // 危险颜色文字色，和背景色形成对比
+  #{getCssVarName(color, danger, hover)}: rgba(var(#{getCssVarName(red, 6)}),1); // 危险色悬浮态
+  #{getCssVarName(color, danger, hover, text)}: rgba(var(#{getCssVarName(white)}), 1); // 危险颜色文字色，和背景色形成对比
+  #{getCssVarName(color, danger, active)}: rgba(var(#{getCssVarName(red, 7)}),1); // 危险色激活态
+  #{getCssVarName(color, danger, active, text)}: rgba(var(#{getCssVarName(white)}), 1); // 危险颜色文字色，和背景色形成对比
+  #{getCssVarName(color, danger, light, default)}: rgba(var(#{getCssVarName(red, 0)}),1); // 浅版危险色（多用于背景），表示危险的操作、或需要特别注意的危险信息
+  #{getCssVarName(color, danger, light, hover)}: rgba(var(#{getCssVarName(red, 1)}),1); // 浅版危险色悬浮态
+  #{getCssVarName(color, danger, light, active)}: rgba(var(#{getCssVarName(red, 2)}),1); // 浅版危险色激活态
+  // 警示色
+  #{getCssVarName(color, warning)}: rgba(var(#{getCssVarName(orange, 5)}),1); // 警示色，表示警告、不安全的状态
+  #{getCssVarName(color, warning, text)}: rgba(var(#{getCssVarName(white)}), 1); // 警告颜色文字色，和背景色形成对比
+  #{getCssVarName(color, warning, hover)}: rgba(var(#{getCssVarName(orange, 6)}),1); // 警示色悬浮态
+  #{getCssVarName(color, warning, hover, text)}: rgba(var(#{getCssVarName(white)}), 1); // 警告颜色文字色，和背景色形成对比
+  #{getCssVarName(color, warning, active)}: rgba(var(#{getCssVarName(orange, 7)}),1); // 警示色激活态
+  #{getCssVarName(color, warning, active, text)}: rgba(var(#{getCssVarName(white)}), 1); // 警告颜色文字色，和背景色形成对比
+  #{getCssVarName(color, warning, light, default)}: rgba(var(#{getCssVarName(orange, 0)}),1); // 浅版警示色（多用于背景），表示警告、不安全的状态
+  #{getCssVarName(color, warning, light, hover)}: rgba(var(#{getCssVarName(orange, 1)}),1); // 浅版警示色悬浮态
+  #{getCssVarName(color, warning, light, active)}: rgba(var(#{getCssVarName(orange, 2)}),1); // 浅版警示色激活态
+  // 边框
+  #{getCssVarName(color, focus, border)}: rgba(var(#{getCssVarName(blue, 5)}),1); // 多用于边框激活态颜色
+  // 禁用态
+  #{getCssVarName(color, disabled, text)}: rgba(var(#{getCssVarName(grey, 9)}), 0.35); // 禁用态 - 文字
+  #{getCssVarName(color, disabled, border)}: rgba(var(#{getCssVarName(grey, 1)}),1); // 禁用态 - 描边
+  #{getCssVarName(color, disabled, bg)}: rgba(var(#{getCssVarName(grey, 1)}),1); // 禁用态 - 背景
+  #{getCssVarName(color, disabled, fill)}: rgba(var(#{getCssVarName(grey, 8)}),0.04); // 禁用态 - 填充
+  #{getCssVarName(color, shadow)}: rgba(var(#{getCssVarName(black)}),0.04); // 用于模拟描边的阴影颜色
+  // 链接颜色
+  #{getCssVarName(color, link)}: rgba(var(#{getCssVarName(blue, 5)}),1); // 链接颜色
+  #{getCssVarName(color, link, hover)}: rgba(var(#{getCssVarName(blue, 6)}),1); // 链接颜色 - 悬浮态
+  #{getCssVarName(color, link, active)}: rgba(var(#{getCssVarName(blue, 7)}),1); // 链接颜色 - 激活态
+  #{getCssVarName(color, link, visited)}: rgba(var(#{getCssVarName(blue, 5)}),1); // 链接颜色 - 已访问
+  #{getCssVarName(color, border)}: rgba(var(#{getCssVarName(grey, 9)}),0.08); // 默认描边颜色
+  #{getCssVarName(color, nav, bg)}: rgba(var(#{getCssVarName(white)}),1); // 导航背景色
+  #{getCssVarName(color, overlay, bg)}: rgba(22 22 26 / 60%); // 蒙层背景色
+  // 填充色
+  #{getCssVarName(color, fill, 0)}: rgba(var(#{getCssVarName(grey, 8)}),0.05); // 填充色 - 默认态
+  #{getCssVarName(color, fill, 1)}: rgba(var(#{getCssVarName(grey, 8)}),0.09); // 填充色 - 悬浮态
+  #{getCssVarName(color, fill, 2)}: rgba(var(#{getCssVarName(grey, 8), }),0.13); // 填充色 - 激活态
+  // 背景色
+  #{getCssVarName(color, bg, 0)}: rgba(var(#{getCssVarName(white)}),1); // 背景色 - 最下层（底部页面）
+  #{getCssVarName(color, bg, 1)}: rgba(var(#{getCssVarName(white)}),1); // 背景色 - 次下层（页面中需要提升的内容）
+  #{getCssVarName(color, bg, 2)}: rgba(var(#{getCssVarName(white)}),1); // 背景色 - 中间层（模态等容器）
+  #{getCssVarName(color, bg, 3)}: rgba(var(#{getCssVarName(white)}),1); // 背景色 - 次上层（通知，Toast等）
+  #{getCssVarName(color, bg, 4)}: rgba(var(#{getCssVarName(white)}),1); // 背景色 - 最上层（特殊）
+  // 文本/图标颜色
+  #{getCssVarName(color, text, 0)}: rgba(var(#{getCssVarName(grey, 9)}),1); // 文本/图标颜色 - 最主要
+  #{getCssVarName(color, text, 1)}: rgba(var(#{getCssVarName(grey, 9)}),0.8); // 文本/图标颜色 - 稍次要
+  #{getCssVarName(color, text, 2)}: rgba(var(#{getCssVarName(grey, 9)}),0.62); // 文本/图标颜色 - 次要
+  #{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(grey, 9)}),0.35); // 文本/图标颜色 - 最次要
+  #{getCssVarName(shadow, elevated)}:
+    0 0 1px rgba(0 0 0 / 30%),
+    0 4px 14px rgba(0 0 0 / 10%); // 用于toast, modal, popover等需要提升层级的界面元素
+  // 圆角
+  #{getCssVarName(border, radius, extra, small)}: 3px; // 超小圆角，用于 checkbox 内圆角
+  #{getCssVarName(border, radius, small)}: 3px; // 小圆角, 用于 button、tag、tabs 等大多数组件, 比较常用
+  #{getCssVarName(border, radius, medium)}: 6px; // 中圆角, 用于 dropdown、scrollist、transfer 等菜单类组件
+  #{getCssVarName(border, radius, large)}: 12px; // 大圆角, 用于 modal
+  #{getCssVarName(border, radius, circle)}: 50%; // 全圆角, 用于 avatar, badge 等组件
+  #{getCssVarName(border, radius, full)}: 9999px; // 用于创建全尺寸圆角，如胶囊标签等
+  // 高亮
+  #{getCssVarName(color, highlight, bg)}: rgba(var(#{getCssVarName(yellow, 4)}),1); // 高亮文本背景色
+  #{getCssVarName(color, highlight)}: rgba(var(#{getCssVarName(black)}),1); // 高亮文本色
+}

package/src/theme/tumps/index.scss ADDED Viewed

	@@ -0,0 +1 @@
1	+ / 特异性最高的样式，唯一可以使用 !important /

package/src/theme/var.scss ADDED Viewed

@@ -0,0 +1,88 @@
+:root {
+  // 字号
+  #{getCssVarName('font-size', 'small')}: 12px;
+  #{getCssVarName('font-size', 'regular')}: 14px;
+  #{getCssVarName('font-size', 'header-6')}: 16px;
+  #{getCssVarName('font-size', 'header-5')}: 18px;
+  #{getCssVarName('font-size', 'header-4')}: 20px;
+  #{getCssVarName('font-size', 'header-3')}: 24px;
+  #{getCssVarName('font-size', 'header-2')}: 28px;
+  #{getCssVarName('font-size', 'header-1')}: 32px;
+  // 字重
+  #{getCssVarName('font-weight', 'light')}: 200;
+  #{getCssVarName('font-weight', 'regular')}: 400;
+  #{getCssVarName('font-weight', 'bold')}: 600;
+  // 圆角
+  #{getCssVarName('border-radius', 'extra-small')}: 3px;
+  #{getCssVarName('border-radius', 'small')}: 3px;
+  #{getCssVarName('border-radius', 'medium')}: 6px;
+  #{getCssVarName('border-radius', 'large')}: 12px;
+  #{getCssVarName('border-radius', 'circle')}: 50%;
+  #{getCssVarName('border-radius', 'full')}: 9999px;
+  // 阴影
+  #{getCssVarName('shadow', 'elevated')}:
+    0 0 1px rgb(0 0 0 / 30%),
+    0 4px 14px rgb(0 0 0 / 10%);
+  // 高度
+  #{getCssVarName('height-control', 'small')}: 24px;
+  #{getCssVarName('height-control', 'default')}: 32px;
+  #{getCssVarName('height-control', 'large')}: 40px;
+  // 描边尺寸
+  #{getCssVarName('border-thickness')}: 0;
+  #{getCssVarName('border-thickness', 'control')}: 1px;
+  #{getCssVarName('border-thickness', 'control-focus')}: 1px;
+  // 图标尺寸
+  #{getCssVarName('width-icon', 'extra-small')}: 8px;
+  #{getCssVarName('width-icon', 'small')}: 12px;
+  #{getCssVarName('width-icon', 'medium')}: 16px;
+  #{getCssVarName('width-icon', 'large')}: 20px;
+  #{getCssVarName('width-icon', 'extra-large')}: 24px;
+  // 间距
+  #{getCssVarName('spacing', 'none')}: 0;
+  #{getCssVarName('spacing', 'super-tight')}: 2px;
+  #{getCssVarName('spacing', 'extra-tight')}: 4px;
+  #{getCssVarName('spacing', 'tight')}: 8px;
+  #{getCssVarName('spacing', 'base-tight')}: 12px;
+  #{getCssVarName('spacing', 'base')}: 16px;
+  #{getCssVarName('spacing', 'base-loose')}: 20px;
+  #{getCssVarName('spacing', 'loose')}: 24px;
+  #{getCssVarName('spacing', 'extra-loose')}: 32px;
+  #{getCssVarName('spacing', 'super-loose')}: 40px;
+  // 编辑器默认
+  #{getCssVarName(editor, default, placeholder-color)}: getCssVar(color, text, 2);
+  #{getCssVarName(editor, default, line-height)}: 32px;
+  #{getCssVarName(editor, default, text-size)}: getCssVar(font-size, regular);
+  #{getCssVarName(editor, default, text-color)}: getCssVar(color, text, 2);
+  #{getCssVarName(editor, default, bg-color)}: transparent;
+  #{getCssVarName(editor, default, border-color)}: getCssVar(color, border);
+  // 编辑器悬浮
+  #{getCssVarName(editor, hover, bg-color)}: getCssVar(color, fill, 1);
+  #{getCssVarName(editor, hover, border-color)}: getCssVar(color, primary, hover);
+  // 编辑器按下
+  #{getCssVarName(editor, active, bg-color)}: getCssVar(color, fill, 2);
+  #{getCssVarName(editor, active, border-color)}: getCssVar(editor, active, bg-color);
+  // 编辑器选中
+  #{getCssVarName(editor, focus, bg-color)}: getCssVar(color, fill, 0);
+  #{getCssVarName(editor, focus, border-color)}: getCssVar(color, focus, border);
+  // 编辑器禁用
+  #{getCssVarName(editor, disabled, text-color)}: getCssVar(color, disabled, text);
+  #{getCssVarName(editor, disabled, bg-color)}: getCssVar(color, disabled, fill);
+  #{getCssVarName(editor, disabled, border-color)}: getCssVar(color, disabled, border);
+  // 编辑器只读
+  #{getCssVarName(editor, readonly, text-color)}: getCssVar(editor, default, text-color);
+  #{getCssVarName(editor, readonly, bg-color)}: getCssVar(editor, default, bg-color);
+  #{getCssVarName(editor, readonly, border-color)}: getCssVar(editor, default, border-color);
+}

package/src/types.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ import '@ibiz-template/runtime';

package/es/theme/theme/omni-oa/omni-oa-theme.css DELETED Viewed

@@ -1 +0,0 @@

- :root.omni-oa{--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-sky-blue-0:232,249,255;--ibiz-sky-blue-1:183,232,251;--ibiz-sky-blue-2:135,212,248;--ibiz-sky-blue-3:89,190,244;--ibiz-sky-blue-4:44,165,241;--ibiz-sky-blue-5:0,137,237;--ibiz-sky-blue-6:0,108,197;--ibiz-sky-blue-7:0,81,157;--ibiz-sky-blue-8:0,56,117;--ibiz-sky-blue-9:0,34,77;--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-sky-blue-5), 1);--ibiz-color-primary-text:rgba(var(--ibiz-white), 1);--ibiz-color-primary-hover:rgba(var(--ibiz-sky-blue-4), 1);--ibiz-color-primary-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-primary-active:rgba(var(--ibiz-sky-blue-6), 1);--ibiz-color-primary-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-primary-disabled:rgba(var(--ibiz-sky-blue-2), 1);--ibiz-color-primary-disabled-text:rgba(var(--ibiz-white), 1);--ibiz-color-primary-light-default:rgba(var(--ibiz-sky-blue-0), 1);--ibiz-color-primary-light-hover:rgba(var(--ibiz-sky-blue-1), 1);--ibiz-color-primary-light-active:rgba(var(--ibiz-sky-blue-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-sky-blue-5), 1);--ibiz-color-info-text:rgba(var(--ibiz-white), 1);--ibiz-color-info-hover:rgba(var(--ibiz-sky-blue-4), 1);--ibiz-color-info-hover-text:rgba(var(--ibiz-white), 1);--ibiz-color-info-active:rgba(var(--ibiz-sky-blue-6), 1);--ibiz-color-info-active-text:rgba(var(--ibiz-white), 1);--ibiz-color-info-disabled:rgba(var(--ibiz-sky-blue-2), 1);--ibiz-color-info-disabled-text:rgba(var(--ibiz-white), 1);--ibiz-color-info-light-default:rgba(var(--ibiz-sky-blue-0), 1);--ibiz-color-info-light-hover:rgba(var(--ibiz-sky-blue-1), 1);--ibiz-color-info-light-active:rgba(var(--ibiz-sky-blue-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-link:rgba(var(--ibiz-sky-blue-5), 1);--ibiz-color-link-hover:rgba(var(--ibiz-sky-blue-4), 1);--ibiz-color-link-active:rgba(var(--ibiz-sky-blue-6), 1);--ibiz-color-link-visited:rgba(var(--ibiz-sky-blue-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-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-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.omni-oa .ibiz-panel-app-header{--ibiz-grey-9:255,255,255;--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)}

package/lib/theme/theme/omni-oa/omni-oa-theme.css DELETED Viewed

@@ -1 +0,0 @@