@sunyard-szyy-ui/theme-chalk 0.4.0 → 0.5.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 (101) hide show
  1. package/dist/alert.css +1 -0
  2. package/dist/backtop.css +1 -0
  3. package/dist/base.css +1 -1
  4. package/dist/button.css +1 -0
  5. package/dist/card.css +1 -0
  6. package/dist/cascader.css +1 -0
  7. package/dist/checkbox.css +1 -0
  8. package/dist/collapse.css +1 -0
  9. package/dist/container.css +1 -0
  10. package/dist/date-picker.css +1 -0
  11. package/dist/date-time-picker.css +1 -0
  12. package/dist/descriptions.css +1 -0
  13. package/dist/dialog.css +1 -0
  14. package/dist/divider.css +1 -0
  15. package/dist/drawer.css +1 -0
  16. package/dist/dropdown.css +1 -0
  17. package/dist/empty.css +1 -0
  18. package/dist/form.css +1 -0
  19. package/dist/image.css +1 -0
  20. package/dist/index.css +1 -1
  21. package/dist/input-number.css +1 -0
  22. package/dist/input.css +1 -0
  23. package/dist/layout.css +1 -0
  24. package/dist/link.css +1 -0
  25. package/dist/loading.css +1 -0
  26. package/dist/menu.css +1 -0
  27. package/dist/message-box.css +1 -0
  28. package/dist/message.css +1 -0
  29. package/dist/notification.css +1 -0
  30. package/dist/pagination.css +1 -0
  31. package/dist/popconfirm.css +1 -0
  32. package/dist/popover.css +1 -0
  33. package/dist/progress.css +1 -0
  34. package/dist/radio.css +1 -0
  35. package/dist/scrollbar.css +1 -0
  36. package/dist/select.css +1 -0
  37. package/dist/skeleton.css +1 -0
  38. package/dist/space.css +1 -0
  39. package/dist/steps.css +1 -0
  40. package/dist/switch.css +1 -0
  41. package/dist/table.css +1 -0
  42. package/dist/tabs.css +1 -0
  43. package/dist/tag.css +1 -0
  44. package/dist/text.css +1 -0
  45. package/dist/time-picker.css +1 -0
  46. package/dist/time-select.css +1 -0
  47. package/dist/tooltip.css +1 -0
  48. package/dist/tree.css +1 -0
  49. package/dist/upload.css +1 -0
  50. package/dist/var.scss +6 -6
  51. package/package.json +1 -1
  52. package/src/alert.scss +5 -0
  53. package/src/backtop.scss +5 -0
  54. package/src/base.scss +104 -53
  55. package/src/button.scss +5 -0
  56. package/src/card.scss +5 -0
  57. package/src/cascader.scss +5 -0
  58. package/src/checkbox.scss +9 -0
  59. package/src/collapse.scss +5 -0
  60. package/src/container.scss +21 -0
  61. package/src/date-picker.scss +5 -0
  62. package/src/date-time-picker.scss +5 -0
  63. package/src/descriptions.scss +5 -0
  64. package/src/dialog.scss +5 -0
  65. package/src/divider.scss +5 -0
  66. package/src/drawer.scss +5 -0
  67. package/src/dropdown.scss +5 -0
  68. package/src/empty.scss +5 -0
  69. package/src/form.scss +9 -0
  70. package/src/image.scss +5 -0
  71. package/src/index.scss +47 -0
  72. package/src/input-number.scss +5 -0
  73. package/src/input.scss +5 -0
  74. package/src/layout.scss +9 -0
  75. package/src/link.scss +5 -0
  76. package/src/loading.scss +5 -0
  77. package/src/menu.scss +5 -0
  78. package/src/message-box.scss +5 -0
  79. package/src/message.scss +5 -0
  80. package/src/notification.scss +5 -0
  81. package/src/pagination.scss +5 -0
  82. package/src/popconfirm.scss +5 -0
  83. package/src/popover.scss +5 -0
  84. package/src/progress.scss +5 -0
  85. package/src/radio.scss +9 -0
  86. package/src/scrollbar.scss +5 -0
  87. package/src/select.scss +5 -0
  88. package/src/skeleton.scss +9 -0
  89. package/src/space.scss +5 -0
  90. package/src/steps.scss +5 -0
  91. package/src/switch.scss +5 -0
  92. package/src/table.scss +5 -0
  93. package/src/tabs.scss +9 -0
  94. package/src/tag.scss +5 -0
  95. package/src/text.scss +5 -0
  96. package/src/time-picker.scss +5 -0
  97. package/src/time-select.scss +5 -0
  98. package/src/tooltip.scss +5 -0
  99. package/src/tree.scss +5 -0
  100. package/src/upload.scss +5 -0
  101. package/src/var.scss +6 -6
package/dist/alert.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/backtop.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/base.css CHANGED
@@ -1 +1 @@
1
- *,*::before,*::after{box-sizing:border-box}:root{--el-color-primary: #2b6ef6 !important;--el-color-primary-light-3: #6b9bf8 !important;--el-color-primary-light-5: #95b8fa !important;--el-color-primary-light-7: #bfd5fc !important;--el-color-primary-light-8: #d2e2fd !important;--el-color-primary-light-9: #e6f0fe !important;--el-color-primary-dark-2: #2358c5 !important;--el-color-success: #16a34a !important;--el-color-success-light-3: #4ec277 !important;--el-color-success-light-5: #76d196 !important;--el-color-success-light-7: #9fe0b5 !important;--el-color-success-light-8: #b7e8c7 !important;--el-color-success-light-9: #d0f0d9 !important;--el-color-success-dark-2: #12823b !important;--el-color-warning: #f59e0b !important;--el-color-warning-light-3: #f8b84b !important;--el-color-warning-light-5: #fac776 !important;--el-color-warning-light-7: #fcd5a1 !important;--el-color-warning-light-8: #fde0b7 !important;--el-color-warning-light-9: #feeacc !important;--el-color-warning-dark-2: #c47e09 !important;--el-color-danger: #ef4444 !important;--el-color-danger-light-3: #f47777 !important;--el-color-danger-light-5: #f79a9a !important;--el-color-danger-light-7: #fabbbb !important;--el-color-danger-light-8: #fccccc !important;--el-color-danger-light-9: #fddddd !important;--el-color-danger-dark-2: #bf3636 !important;--el-color-error: #ef4444 !important;--el-color-error-light-3: #f47777 !important;--el-color-error-light-5: #f79a9a !important;--el-color-error-light-7: #fabbbb !important;--el-color-error-light-8: #fccccc !important;--el-color-error-light-9: #fddddd !important;--el-color-error-dark-2: #bf3636 !important;--el-color-info: #64748b !important;--el-color-info-light-3: #8c99a9 !important;--el-color-info-light-5: #a5b0bc !important;--el-color-info-light-7: #bec6d0 !important;--el-color-info-light-8: #ced4db !important;--el-color-info-light-9: #dee2e7 !important;--el-color-info-dark-2: #505d6f !important}
1
+ *,*::before,*::after{box-sizing:border-box}:root{--el-color-primary: #6473ff !important;--el-color-primary-light-3: #939dff !important;--el-color-primary-light-5: #b2b9ff !important;--el-color-primary-light-7: #d1d5ff !important;--el-color-primary-light-8: #e0e3ff !important;--el-color-primary-light-9: #f0f1ff !important;--el-color-primary-dark-2: #505ccc !important;--el-color-success: #00be8c !important;--el-color-success-light-3: #4dd2af !important;--el-color-success-light-5: #80dfc6 !important;--el-color-success-light-7: #b3ecdd !important;--el-color-success-light-8: #ccf2e8 !important;--el-color-success-light-9: #e6f9f4 !important;--el-color-success-dark-2: #009870 !important;--el-color-warning: #fe9c48 !important;--el-color-warning-light-3: #feba7f !important;--el-color-warning-light-5: #ffcea4 !important;--el-color-warning-light-7: #ffe1c8 !important;--el-color-warning-light-8: #ffebda !important;--el-color-warning-light-9: #fff5ed !important;--el-color-warning-dark-2: #cb7d3a !important;--el-color-danger: #ff7272 !important;--el-color-danger-light-3: #ff9c9c !important;--el-color-danger-light-5: #ffb9b9 !important;--el-color-danger-light-7: #ffd5d5 !important;--el-color-danger-light-8: #ffe3e3 !important;--el-color-danger-light-9: #fff1f1 !important;--el-color-danger-dark-2: #cc5b5b !important;--el-color-error: #ff7272 !important;--el-color-error-light-3: #ff9c9c !important;--el-color-error-light-5: #ffb9b9 !important;--el-color-error-light-7: #ffd5d5 !important;--el-color-error-light-8: #ffe3e3 !important;--el-color-error-light-9: #fff1f1 !important;--el-color-error-dark-2: #cc5b5b !important;--el-color-info: #99a2b2 !important;--el-color-info-light-3: #b8bec9 !important;--el-color-info-light-5: #ccd1d9 !important;--el-color-info-light-7: #e0e3e8 !important;--el-color-info-light-8: #ebecf0 !important;--el-color-info-light-9: #f5f6f7 !important;--el-color-info-dark-2: #7a828e !important;--el-text-color-primary: #222222 !important;--el-text-color-regular: #4b505a !important;--el-text-color-secondary: #909399 !important;--el-text-color-placeholder: #c1cacf !important;--el-text-color-disabled: #c1cacf !important;--sy-color-primary: var(--el-color-primary);--sy-color-primary-light-3: var(--el-color-primary-light-3);--sy-color-primary-light-5: var(--el-color-primary-light-5);--sy-color-primary-light-7: var(--el-color-primary-light-7);--sy-color-primary-light-8: var(--el-color-primary-light-8);--sy-color-primary-light-9: var(--el-color-primary-light-9);--sy-color-primary-dark-2: var(--el-color-primary-dark-2);--sy-color-success: var(--el-color-success);--sy-color-success-light-3: var(--el-color-success-light-3);--sy-color-success-light-5: var(--el-color-success-light-5);--sy-color-success-light-7: var(--el-color-success-light-7);--sy-color-success-light-8: var(--el-color-success-light-8);--sy-color-success-light-9: var(--el-color-success-light-9);--sy-color-success-dark-2: var(--el-color-success-dark-2);--sy-color-warning: var(--el-color-warning);--sy-color-warning-light-3: var(--el-color-warning-light-3);--sy-color-warning-light-5: var(--el-color-warning-light-5);--sy-color-warning-light-7: var(--el-color-warning-light-7);--sy-color-warning-light-8: var(--el-color-warning-light-8);--sy-color-warning-light-9: var(--el-color-warning-light-9);--sy-color-warning-dark-2: var(--el-color-warning-dark-2);--sy-color-danger: var(--el-color-danger);--sy-color-danger-light-3: var(--el-color-danger-light-3);--sy-color-danger-light-5: var(--el-color-danger-light-5);--sy-color-danger-light-7: var(--el-color-danger-light-7);--sy-color-danger-light-8: var(--el-color-danger-light-8);--sy-color-danger-light-9: var(--el-color-danger-light-9);--sy-color-danger-dark-2: var(--el-color-danger-dark-2);--sy-color-info: var(--el-color-info);--sy-color-info-light-3: var(--el-color-info-light-3);--sy-color-info-light-5: var(--el-color-info-light-5);--sy-color-info-light-7: var(--el-color-info-light-7);--sy-color-info-light-8: var(--el-color-info-light-8);--sy-color-info-light-9: var(--el-color-info-light-9);--sy-color-info-dark-2: var(--el-color-info-dark-2);--sy-text-color-primary: var(--el-text-color-primary);--sy-text-color-regular: var(--el-text-color-regular);--sy-text-color-secondary: var(--el-text-color-secondary);--sy-text-color-placeholder: var(--el-text-color-placeholder)}
package/dist/button.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/card.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/cascader.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/checkbox.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/collapse.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/container.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/date-picker.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/date-time-picker.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/descriptions.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/dialog.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/divider.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/drawer.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/dropdown.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/empty.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/form.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/image.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- *,*::before,*::after{box-sizing:border-box}:root{--el-color-primary: #2b6ef6 !important;--el-color-primary-light-3: #6b9bf8 !important;--el-color-primary-light-5: #95b8fa !important;--el-color-primary-light-7: #bfd5fc !important;--el-color-primary-light-8: #d2e2fd !important;--el-color-primary-light-9: #e6f0fe !important;--el-color-primary-dark-2: #2358c5 !important;--el-color-success: #16a34a !important;--el-color-success-light-3: #4ec277 !important;--el-color-success-light-5: #76d196 !important;--el-color-success-light-7: #9fe0b5 !important;--el-color-success-light-8: #b7e8c7 !important;--el-color-success-light-9: #d0f0d9 !important;--el-color-success-dark-2: #12823b !important;--el-color-warning: #f59e0b !important;--el-color-warning-light-3: #f8b84b !important;--el-color-warning-light-5: #fac776 !important;--el-color-warning-light-7: #fcd5a1 !important;--el-color-warning-light-8: #fde0b7 !important;--el-color-warning-light-9: #feeacc !important;--el-color-warning-dark-2: #c47e09 !important;--el-color-danger: #ef4444 !important;--el-color-danger-light-3: #f47777 !important;--el-color-danger-light-5: #f79a9a !important;--el-color-danger-light-7: #fabbbb !important;--el-color-danger-light-8: #fccccc !important;--el-color-danger-light-9: #fddddd !important;--el-color-danger-dark-2: #bf3636 !important;--el-color-error: #ef4444 !important;--el-color-error-light-3: #f47777 !important;--el-color-error-light-5: #f79a9a !important;--el-color-error-light-7: #fabbbb !important;--el-color-error-light-8: #fccccc !important;--el-color-error-light-9: #fddddd !important;--el-color-error-dark-2: #bf3636 !important;--el-color-info: #64748b !important;--el-color-info-light-3: #8c99a9 !important;--el-color-info-light-5: #a5b0bc !important;--el-color-info-light-7: #bec6d0 !important;--el-color-info-light-8: #ced4db !important;--el-color-info-light-9: #dee2e7 !important;--el-color-info-dark-2: #505d6f !important}.sy-search-bar{display:flex;gap:8px;align-items:center}.sy-search-bar__input{flex:1;min-width:0}.sy-search-bar__button{flex:none}
1
+ *,*::before,*::after{box-sizing:border-box}:root{--el-color-primary: #6473ff !important;--el-color-primary-light-3: #939dff !important;--el-color-primary-light-5: #b2b9ff !important;--el-color-primary-light-7: #d1d5ff !important;--el-color-primary-light-8: #e0e3ff !important;--el-color-primary-light-9: #f0f1ff !important;--el-color-primary-dark-2: #505ccc !important;--el-color-success: #00be8c !important;--el-color-success-light-3: #4dd2af !important;--el-color-success-light-5: #80dfc6 !important;--el-color-success-light-7: #b3ecdd !important;--el-color-success-light-8: #ccf2e8 !important;--el-color-success-light-9: #e6f9f4 !important;--el-color-success-dark-2: #009870 !important;--el-color-warning: #fe9c48 !important;--el-color-warning-light-3: #feba7f !important;--el-color-warning-light-5: #ffcea4 !important;--el-color-warning-light-7: #ffe1c8 !important;--el-color-warning-light-8: #ffebda !important;--el-color-warning-light-9: #fff5ed !important;--el-color-warning-dark-2: #cb7d3a !important;--el-color-danger: #ff7272 !important;--el-color-danger-light-3: #ff9c9c !important;--el-color-danger-light-5: #ffb9b9 !important;--el-color-danger-light-7: #ffd5d5 !important;--el-color-danger-light-8: #ffe3e3 !important;--el-color-danger-light-9: #fff1f1 !important;--el-color-danger-dark-2: #cc5b5b !important;--el-color-error: #ff7272 !important;--el-color-error-light-3: #ff9c9c !important;--el-color-error-light-5: #ffb9b9 !important;--el-color-error-light-7: #ffd5d5 !important;--el-color-error-light-8: #ffe3e3 !important;--el-color-error-light-9: #fff1f1 !important;--el-color-error-dark-2: #cc5b5b !important;--el-color-info: #99a2b2 !important;--el-color-info-light-3: #b8bec9 !important;--el-color-info-light-5: #ccd1d9 !important;--el-color-info-light-7: #e0e3e8 !important;--el-color-info-light-8: #ebecf0 !important;--el-color-info-light-9: #f5f6f7 !important;--el-color-info-dark-2: #7a828e !important;--el-text-color-primary: #222222 !important;--el-text-color-regular: #4b505a !important;--el-text-color-secondary: #909399 !important;--el-text-color-placeholder: #c1cacf !important;--el-text-color-disabled: #c1cacf !important;--sy-color-primary: var(--el-color-primary);--sy-color-primary-light-3: var(--el-color-primary-light-3);--sy-color-primary-light-5: var(--el-color-primary-light-5);--sy-color-primary-light-7: var(--el-color-primary-light-7);--sy-color-primary-light-8: var(--el-color-primary-light-8);--sy-color-primary-light-9: var(--el-color-primary-light-9);--sy-color-primary-dark-2: var(--el-color-primary-dark-2);--sy-color-success: var(--el-color-success);--sy-color-success-light-3: var(--el-color-success-light-3);--sy-color-success-light-5: var(--el-color-success-light-5);--sy-color-success-light-7: var(--el-color-success-light-7);--sy-color-success-light-8: var(--el-color-success-light-8);--sy-color-success-light-9: var(--el-color-success-light-9);--sy-color-success-dark-2: var(--el-color-success-dark-2);--sy-color-warning: var(--el-color-warning);--sy-color-warning-light-3: var(--el-color-warning-light-3);--sy-color-warning-light-5: var(--el-color-warning-light-5);--sy-color-warning-light-7: var(--el-color-warning-light-7);--sy-color-warning-light-8: var(--el-color-warning-light-8);--sy-color-warning-light-9: var(--el-color-warning-light-9);--sy-color-warning-dark-2: var(--el-color-warning-dark-2);--sy-color-danger: var(--el-color-danger);--sy-color-danger-light-3: var(--el-color-danger-light-3);--sy-color-danger-light-5: var(--el-color-danger-light-5);--sy-color-danger-light-7: var(--el-color-danger-light-7);--sy-color-danger-light-8: var(--el-color-danger-light-8);--sy-color-danger-light-9: var(--el-color-danger-light-9);--sy-color-danger-dark-2: var(--el-color-danger-dark-2);--sy-color-info: var(--el-color-info);--sy-color-info-light-3: var(--el-color-info-light-3);--sy-color-info-light-5: var(--el-color-info-light-5);--sy-color-info-light-7: var(--el-color-info-light-7);--sy-color-info-light-8: var(--el-color-info-light-8);--sy-color-info-light-9: var(--el-color-info-light-9);--sy-color-info-dark-2: var(--el-color-info-dark-2);--sy-text-color-primary: var(--el-text-color-primary);--sy-text-color-regular: var(--el-text-color-regular);--sy-text-color-secondary: var(--el-text-color-secondary);--sy-text-color-placeholder: var(--el-text-color-placeholder)}.sy-search-bar{display:flex;gap:8px;align-items:center}.sy-search-bar__input{flex:1;min-width:0}.sy-search-bar__button{flex:none}
package/dist/input-number.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/input.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/layout.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/link.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/loading.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/menu.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/message-box.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/message.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/notification.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/pagination.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/popconfirm.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/popover.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/progress.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/radio.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/scrollbar.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/select.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/skeleton.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/space.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/steps.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/switch.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/table.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/tabs.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/tag.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/text.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/time-picker.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/time-select.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/tooltip.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/tree.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/upload.css ADDED
@@ -0,0 +1 @@
1
+
package/dist/var.scss CHANGED
@@ -1,22 +1,22 @@
1
1
  @forward 'element-plus/theme-chalk/src/common/var.scss' with (
2
2
  $colors: (
3
3
  'primary': (
4
- 'base': #2b6ef6
4
+ 'base': #6473ff
5
5
  ),
6
6
  'success': (
7
- 'base': #16a34a
7
+ 'base': #00be8c
8
8
  ),
9
9
  'warning': (
10
- 'base': #f59e0b
10
+ 'base': #fe9c48
11
11
  ),
12
12
  'danger': (
13
- 'base': #ef4444
13
+ 'base': #ff7272
14
14
  ),
15
15
  'error': (
16
- 'base': #ef4444
16
+ 'base': #ff7272
17
17
  ),
18
18
  'info': (
19
- 'base': #64748b
19
+ 'base': #99a2b2
20
20
  )
21
21
  )
22
22
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sunyard-szyy-ui/theme-chalk",
3
- "version": "0.4.0",
3
+ "version": "0.5.0",
4
4
  "type": "module",
5
5
  "style": "dist/index.css",
6
6
  "exports": {
package/src/alert.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-alert {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
package/src/backtop.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-backtop {
4
+ // SY 扩展样式
5
+ }
package/src/base.scss CHANGED
@@ -13,63 +13,114 @@
13
13
 
14
14
  // 覆盖 Element Plus 的 CSS 变量（主题色）
15
15
  // 使用 !important 确保优先级最高，避免被 Element Plus 的 base.scss 覆盖
16
+ //
17
+ // 色阶计算规则（与 EP SCSS 构建保持一致）：
18
+ // light-N = mix(#fff, base, N*10%) 即 N*10% 白色 + (100-N*10%) 基色
19
+ // dark-2 = mix(#000, base, 20%) 即 20% 黑色 + 80% 基色
16
20
  :root {
17
- // Primary 主色
18
- --el-color-primary: #2b6ef6 !important;
19
- --el-color-primary-light-3: #6b9bf8 !important;
20
- --el-color-primary-light-5: #95b8fa !important;
21
- --el-color-primary-light-7: #bfd5fc !important;
22
- --el-color-primary-light-8: #d2e2fd !important;
23
- --el-color-primary-light-9: #e6f0fe !important;
24
- --el-color-primary-dark-2: #2358c5 !important;
21
+ // ── Primary 主色：#6473FF ──────────────────────────────
22
+ --el-color-primary: #6473ff !important;
23
+ --el-color-primary-light-3: #939dff !important;
24
+ --el-color-primary-light-5: #b2b9ff !important;
25
+ --el-color-primary-light-7: #d1d5ff !important;
26
+ --el-color-primary-light-8: #e0e3ff !important;
27
+ --el-color-primary-light-9: #f0f1ff !important;
28
+ --el-color-primary-dark-2: #505ccc !important;
25
29
 
26
- // Success 成功色
27
- --el-color-success: #16a34a !important;
28
- --el-color-success-light-3: #4ec277 !important;
29
- --el-color-success-light-5: #76d196 !important;
30
- --el-color-success-light-7: #9fe0b5 !important;
31
- --el-color-success-light-8: #b7e8c7 !important;
32
- --el-color-success-light-9: #d0f0d9 !important;
33
- --el-color-success-dark-2: #12823b !important;
30
+ // ── Success 成功色：#00BE8C ────────────────────────────
31
+ --el-color-success: #00be8c !important;
32
+ --el-color-success-light-3: #4dd2af !important;
33
+ --el-color-success-light-5: #80dfc6 !important;
34
+ --el-color-success-light-7: #b3ecdd !important;
35
+ --el-color-success-light-8: #ccf2e8 !important;
36
+ --el-color-success-light-9: #e6f9f4 !important;
37
+ --el-color-success-dark-2: #009870 !important;
34
38
 
35
- // Warning 警告色
36
- --el-color-warning: #f59e0b !important;
37
- --el-color-warning-light-3: #f8b84b !important;
38
- --el-color-warning-light-5: #fac776 !important;
39
- --el-color-warning-light-7: #fcd5a1 !important;
40
- --el-color-warning-light-8: #fde0b7 !important;
41
- --el-color-warning-light-9: #feeacc !important;
42
- --el-color-warning-dark-2: #c47e09 !important;
39
+ // ── Warning 警告色：#FE9C48 ────────────────────────────
40
+ --el-color-warning: #fe9c48 !important;
41
+ --el-color-warning-light-3: #feba7f !important;
42
+ --el-color-warning-light-5: #ffcea4 !important;
43
+ --el-color-warning-light-7: #ffe1c8 !important;
44
+ --el-color-warning-light-8: #ffebda !important;
45
+ --el-color-warning-light-9: #fff5ed !important;
46
+ --el-color-warning-dark-2: #cb7d3a !important;
43
47
 
44
- // Danger/Error 危险/错误色
45
- --el-color-danger: #ef4444 !important;
46
- --el-color-danger-light-3: #f47777 !important;
47
- --el-color-danger-light-5: #f79a9a !important;
48
- --el-color-danger-light-7: #fabbbb !important;
49
- --el-color-danger-light-8: #fccccc !important;
50
- --el-color-danger-light-9: #fddddd !important;
51
- --el-color-danger-dark-2: #bf3636 !important;
48
+ // ── Danger/Error 危险/错误色：#FF7272 ─────────────────
49
+ --el-color-danger: #ff7272 !important;
50
+ --el-color-danger-light-3: #ff9c9c !important;
51
+ --el-color-danger-light-5: #ffb9b9 !important;
52
+ --el-color-danger-light-7: #ffd5d5 !important;
53
+ --el-color-danger-light-8: #ffe3e3 !important;
54
+ --el-color-danger-light-9: #fff1f1 !important;
55
+ --el-color-danger-dark-2: #cc5b5b !important;
52
56
 
53
- --el-color-error: #ef4444 !important;
54
- --el-color-error-light-3: #f47777 !important;
55
- --el-color-error-light-5: #f79a9a !important;
56
- --el-color-error-light-7: #fabbbb !important;
57
- --el-color-error-light-8: #fccccc !important;
58
- --el-color-error-light-9: #fddddd !important;
59
- --el-color-error-dark-2: #bf3636 !important;
57
+ --el-color-error: #ff7272 !important;
58
+ --el-color-error-light-3: #ff9c9c !important;
59
+ --el-color-error-light-5: #ffb9b9 !important;
60
+ --el-color-error-light-7: #ffd5d5 !important;
61
+ --el-color-error-light-8: #ffe3e3 !important;
62
+ --el-color-error-light-9: #fff1f1 !important;
63
+ --el-color-error-dark-2: #cc5b5b !important;
60
64
 
61
- // Info 信息色
62
- --el-color-info: #64748b !important;
63
- --el-color-info-light-3: #8c99a9 !important;
64
- --el-color-info-light-5: #a5b0bc !important;
65
- --el-color-info-light-7: #bec6d0 !important;
66
- --el-color-info-light-8: #ced4db !important;
67
- --el-color-info-light-9: #dee2e7 !important;
68
- --el-color-info-dark-2: #505d6f !important;
69
- }
65
+ // ── Info 信息色：#99A2B2 ───────────────────────────────
66
+ --el-color-info: #99a2b2 !important;
67
+ --el-color-info-light-3: #b8bec9 !important;
68
+ --el-color-info-light-5: #ccd1d9 !important;
69
+ --el-color-info-light-7: #e0e3e8 !important;
70
+ --el-color-info-light-8: #ebecf0 !important;
71
+ --el-color-info-light-9: #f5f6f7 !important;
72
+ --el-color-info-dark-2: #7a828e !important;
73
+
74
+ // ── 文字颜色 ───────────────────────────────────────────
75
+ --el-text-color-primary: #222222 !important;
76
+ --el-text-color-regular: #4b505a !important;
77
+ --el-text-color-secondary: #909399 !important;
78
+ --el-text-color-placeholder: #c1cacf !important;
79
+ --el-text-color-disabled: #c1cacf !important;
80
+
81
+ // ── SY 语义化别名（对外暴露，屏蔽底层 EP 前缀）──────────
82
+ --sy-color-primary: var(--el-color-primary);
83
+ --sy-color-primary-light-3: var(--el-color-primary-light-3);
84
+ --sy-color-primary-light-5: var(--el-color-primary-light-5);
85
+ --sy-color-primary-light-7: var(--el-color-primary-light-7);
86
+ --sy-color-primary-light-8: var(--el-color-primary-light-8);
87
+ --sy-color-primary-light-9: var(--el-color-primary-light-9);
88
+ --sy-color-primary-dark-2: var(--el-color-primary-dark-2);
89
+
90
+ --sy-color-success: var(--el-color-success);
91
+ --sy-color-success-light-3: var(--el-color-success-light-3);
92
+ --sy-color-success-light-5: var(--el-color-success-light-5);
93
+ --sy-color-success-light-7: var(--el-color-success-light-7);
94
+ --sy-color-success-light-8: var(--el-color-success-light-8);
95
+ --sy-color-success-light-9: var(--el-color-success-light-9);
96
+ --sy-color-success-dark-2: var(--el-color-success-dark-2);
70
97
 
71
- // 如果需要覆盖 Element Plus 的某些全局样式，可以在这里添加
72
- // 例如：
73
- // .el-button {
74
- // // 覆盖按钮的默认样式
75
- // }
98
+ --sy-color-warning: var(--el-color-warning);
99
+ --sy-color-warning-light-3: var(--el-color-warning-light-3);
100
+ --sy-color-warning-light-5: var(--el-color-warning-light-5);
101
+ --sy-color-warning-light-7: var(--el-color-warning-light-7);
102
+ --sy-color-warning-light-8: var(--el-color-warning-light-8);
103
+ --sy-color-warning-light-9: var(--el-color-warning-light-9);
104
+ --sy-color-warning-dark-2: var(--el-color-warning-dark-2);
105
+
106
+ --sy-color-danger: var(--el-color-danger);
107
+ --sy-color-danger-light-3: var(--el-color-danger-light-3);
108
+ --sy-color-danger-light-5: var(--el-color-danger-light-5);
109
+ --sy-color-danger-light-7: var(--el-color-danger-light-7);
110
+ --sy-color-danger-light-8: var(--el-color-danger-light-8);
111
+ --sy-color-danger-light-9: var(--el-color-danger-light-9);
112
+ --sy-color-danger-dark-2: var(--el-color-danger-dark-2);
113
+
114
+ --sy-color-info: var(--el-color-info);
115
+ --sy-color-info-light-3: var(--el-color-info-light-3);
116
+ --sy-color-info-light-5: var(--el-color-info-light-5);
117
+ --sy-color-info-light-7: var(--el-color-info-light-7);
118
+ --sy-color-info-light-8: var(--el-color-info-light-8);
119
+ --sy-color-info-light-9: var(--el-color-info-light-9);
120
+ --sy-color-info-dark-2: var(--el-color-info-dark-2);
121
+
122
+ --sy-text-color-primary: var(--el-text-color-primary);
123
+ --sy-text-color-regular: var(--el-text-color-regular);
124
+ --sy-text-color-secondary: var(--el-text-color-secondary);
125
+ --sy-text-color-placeholder: var(--el-text-color-placeholder);
126
+ }
package/src/button.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-button {
4
+ // SY 扩展样式（在 Element Plus button 基础上叠加）
5
+ }
package/src/card.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-card {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
package/src/cascader.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-cascader {
4
+ // SY 扩展样式
5
+ }
package/src/checkbox.scss ADDED
@@ -0,0 +1,9 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-checkbox {
4
+ // SY 扩展样式
5
+ }
6
+
7
+ .sy-checkbox-group {
8
+ // SY 扩展样式
9
+ }
package/src/collapse.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-collapse {
4
+ // SY 扩展样式
5
+ }
package/src/container.scss ADDED
@@ -0,0 +1,21 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-container {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
6
+
7
+ .sy-header {
8
+ // SY 扩展样式（叠加在 Element Plus 基础上）
9
+ }
10
+
11
+ .sy-aside {
12
+ // SY 扩展样式（叠加在 Element Plus 基础上）
13
+ }
14
+
15
+ .sy-main {
16
+ // SY 扩展样式（叠加在 Element Plus 基础上）
17
+ }
18
+
19
+ .sy-footer {
20
+ // SY 扩展样式（叠加在 Element Plus 基础上）
21
+ }
package/src/date-picker.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-date-picker {
4
+ // SY 扩展样式
5
+ }
package/src/date-time-picker.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-date-time-picker {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
package/src/descriptions.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-descriptions {
4
+ // SY 扩展样式
5
+ }
package/src/dialog.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-dialog {
4
+ // SY 扩展样式
5
+ }
package/src/divider.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-divider {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
package/src/drawer.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-drawer {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
package/src/dropdown.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-dropdown {
4
+ // SY 扩展样式
5
+ }
package/src/empty.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-empty {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
package/src/form.scss ADDED
@@ -0,0 +1,9 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-form {
4
+ // SY 扩展样式
5
+ }
6
+
7
+ .sy-form-item {
8
+ // SY 扩展样式
9
+ }
package/src/image.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-image {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
package/src/index.scss CHANGED
@@ -6,4 +6,51 @@
6
6
  @use './base.scss';
7
7
 
8
8
  // 组件样式
9
+ @use './alert.scss';
10
+ @use './backtop.scss';
11
+ @use './button.scss';
12
+ @use './card.scss';
13
+ @use './cascader.scss';
14
+ @use './checkbox.scss';
15
+ @use './collapse.scss';
16
+ @use './container.scss';
17
+ @use './date-picker.scss';
18
+ @use './date-time-picker.scss';
19
+ @use './descriptions.scss';
20
+ @use './dialog.scss';
21
+ @use './divider.scss';
22
+ @use './drawer.scss';
23
+ @use './dropdown.scss';
24
+ @use './empty.scss';
25
+ @use './form.scss';
26
+ @use './image.scss';
27
+ @use './input.scss';
28
+ @use './input-number.scss';
29
+ @use './layout.scss';
30
+ @use './link.scss';
31
+ @use './loading.scss';
32
+ @use './menu.scss';
33
+ @use './message.scss';
34
+ @use './message-box.scss';
35
+ @use './notification.scss';
36
+ @use './pagination.scss';
37
+ @use './popconfirm.scss';
38
+ @use './popover.scss';
39
+ @use './progress.scss';
40
+ @use './radio.scss';
41
+ @use './scrollbar.scss';
9
42
  @use './search-bar.scss';
43
+ @use './select.scss';
44
+ @use './skeleton.scss';
45
+ @use './space.scss';
46
+ @use './steps.scss';
47
+ @use './switch.scss';
48
+ @use './table.scss';
49
+ @use './tabs.scss';
50
+ @use './tag.scss';
51
+ @use './text.scss';
52
+ @use './time-picker.scss';
53
+ @use './time-select.scss';
54
+ @use './tooltip.scss';
55
+ @use './tree.scss';
56
+ @use './upload.scss';
package/src/input-number.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-input-number {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
package/src/input.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-input {
4
+ // SY 扩展样式
5
+ }
package/src/layout.scss ADDED
@@ -0,0 +1,9 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-row {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
6
+
7
+ .sy-col {
8
+ // SY 扩展样式（叠加在 Element Plus 基础上）
9
+ }
package/src/link.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-link {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
package/src/loading.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-loading {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上，与服务 customClass 对齐）
5
+ }
package/src/menu.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-menu {
4
+ // SY 扩展样式
5
+ }
package/src/message-box.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-message-box {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
package/src/message.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-message {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
package/src/notification.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-notification {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
package/src/pagination.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-pagination {
4
+ // SY 扩展样式
5
+ }
package/src/popconfirm.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-popconfirm {
4
+ // SY 扩展样式
5
+ }
package/src/popover.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-popover {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
package/src/progress.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-progress {
4
+ // SY 扩展样式
5
+ }
package/src/radio.scss ADDED
@@ -0,0 +1,9 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-radio {
4
+ // SY 扩展样式
5
+ }
6
+
7
+ .sy-radio-group {
8
+ // SY 扩展样式
9
+ }
package/src/scrollbar.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-scrollbar {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
package/src/select.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-select {
4
+ // SY 扩展样式
5
+ }
package/src/skeleton.scss ADDED
@@ -0,0 +1,9 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-skeleton {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
6
+
7
+ .sy-skeleton-item {
8
+ // SY 扩展样式（叠加在 Element Plus 基础上）
9
+ }
package/src/space.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-space {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
package/src/steps.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-steps {
4
+ // SY 扩展样式
5
+ }
package/src/switch.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-switch {
4
+ // SY 扩展样式
5
+ }
package/src/table.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-table {
4
+ // SY 扩展样式
5
+ }
package/src/tabs.scss ADDED
@@ -0,0 +1,9 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-tabs {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
6
+
7
+ .sy-tab-pane {
8
+ // SY 扩展样式（叠加在 Element Plus 基础上）
9
+ }
package/src/tag.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-tag {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
package/src/text.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-text {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
package/src/time-picker.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-time-picker {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
package/src/time-select.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-time-select {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
package/src/tooltip.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-tooltip {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
package/src/tree.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-tree {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
package/src/upload.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use './var.scss' as *;
2
+
3
+ .sy-upload {
4
+ // SY 扩展样式（叠加在 Element Plus 基础上）
5
+ }
package/src/var.scss CHANGED
@@ -1,22 +1,22 @@
1
1
  @forward 'element-plus/theme-chalk/src/common/var.scss' with (
2
2
  $colors: (
3
3
  'primary': (
4
- 'base': #2b6ef6
4
+ 'base': #6473ff
5
5
  ),
6
6
  'success': (
7
- 'base': #16a34a
7
+ 'base': #00be8c
8
8
  ),
9
9
  'warning': (
10
- 'base': #f59e0b
10
+ 'base': #fe9c48
11
11
  ),
12
12
  'danger': (
13
- 'base': #ef4444
13
+ 'base': #ff7272
14
14
  ),
15
15
  'error': (
16
- 'base': #ef4444
16
+ 'base': #ff7272
17
17
  ),
18
18
  'info': (
19
- 'base': #64748b
19
+ 'base': #99a2b2
20
20
  )
21
21
  )
22
22
  );