variable.scss 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. /*font color*/
  2. $vxe-ui-font-color: #606266 !default;
  3. $vxe-ui-font-tinge-color: #d4d5d7 !default;
  4. $vxe-ui-font-lighten-color: #797b80 !default;
  5. $vxe-ui-font-darken-color: #47494c !default;
  6. $vxe-ui-font-disabled-color: #BFBFBF !default;
  7. /*font status color*/
  8. $vxe-ui-font-primary-color: #409eff !default;
  9. $vxe-ui-font-primary-hover-color: #f5f7fa !default;
  10. $vxe-ui-font-primary-tinge-color: #e8f3ff !default;
  11. $vxe-ui-font-primary-lighten-color: #73b8ff !default;
  12. $vxe-ui-font-primary-darken-color: #0d84ff !default;
  13. $vxe-ui-font-primary-disabled-color: #a6d2ff !default;
  14. $vxe-ui-status-success-color: #67c23a !default;
  15. $vxe-ui-status-info-color: #909399 !default;
  16. $vxe-ui-status-warning-color: #e6a23c !default;
  17. $vxe-ui-status-danger-color: #f56c6c !default;
  18. $vxe-ui-status-error-color: #f56c6c !default;
  19. $vxe-ui-status-success-tinge-color: #eef8e9 !default;
  20. $vxe-ui-status-info-tinge-color: #f5f5f6 !default;
  21. $vxe-ui-status-warning-tinge-color: #fcf4e8 !default;
  22. $vxe-ui-status-error-tinge-color: #fef2f2 !default;
  23. $vxe-ui-status-danger-tinge-color: $vxe-ui-status-error-tinge-color !default;
  24. $vxe-ui-status-success-lighten-color: #85cf60 !default;
  25. $vxe-ui-status-info-lighten-color: #abadb1 !default;
  26. $vxe-ui-status-warning-lighten-color: #ecb869 !default;
  27. $vxe-ui-status-error-lighten-color: #f89c9c !default;
  28. $vxe-ui-status-danger-lighten-color: $vxe-ui-status-error-lighten-color !default;
  29. $vxe-ui-status-success-darken-color: #529b2e !default;
  30. $vxe-ui-status-info-darken-color: #767980 !default;
  31. $vxe-ui-status-warning-darken-color: #d48a1b !default;
  32. $vxe-ui-status-error-darken-color: #f56c6c !default;
  33. $vxe-ui-status-danger-darken-color: $vxe-ui-status-error-darken-color !default;
  34. $vxe-ui-status-success-disabled-color: #a3db87 !default;
  35. $vxe-ui-status-info-disabled-color: #c5c7ca !default;
  36. $vxe-ui-status-warning-disabled-color: #f2cd96 !default;
  37. $vxe-ui-status-error-disabled-color: #f5a8a8 !default;
  38. $vxe-ui-status-danger-disabled-color: $vxe-ui-status-error-disabled-color !default;
  39. /*base*/
  40. $vxe-ui-base-popup-border-color: #DADCE0 !default;
  41. $vxe-ui-base-popup-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16) !default;
  42. $vxe-ui-base-drag-background-color: #dde9fd !default;
  43. $vxe-ui-base-active-background-color: #e6f4ff !default;
  44. $vxe-ui-base-hover-background-color: rgba(0, 0, 0, 0.04) !default;
  45. /*layout*/
  46. $vxe-ui-layout-background-color: #ffffff !default;
  47. /*input*/
  48. $vxe-ui-input-border-color: #dcdfe6 !default;
  49. $vxe-ui-input-placeholder-color: #C0C4CC !default;
  50. $vxe-ui-input-disabled-background-color: #f3f3f3 !default;
  51. /*modal*/
  52. $vxe-ui-modal-header-background-color: #F8F8F8 !default;
  53. /*tabs*/
  54. $vxe-ui-tabs-card-header-background-color: #f5f7fa !default;
  55. $vxe-ui-tabs-close-hover-background-color: rgba(0, 0, 0, 0.1) !default;
  56. $vxe-ui-tabs-bar-scrolling-box-shadow-color: rgba(0, 0, 0, 0.12) !default;
  57. /*menu*/
  58. $vxe-ui-menu-item-hover-color: $vxe-ui-font-primary-color !default;
  59. $vxe-ui-menu-collapse-wrapper-box-shadow: $vxe-ui-base-popup-box-shadow !default;
  60. /*loading*/
  61. $vxe-ui-loading-background-color: rgba(255, 255, 255, 0.5) !default;
  62. /*form*/
  63. $vxe-ui-form-title-background-color: #f8f8f9 !default;
  64. $vxe-ui-form-border-color: #e8eaec !default;
  65. /*form-design*/
  66. $vxe-ui-form-design-widget-hover-background-color: $vxe-ui-base-hover-background-color !default;
  67. $vxe-ui-form-design-sub-widget-hover-background-color: rgba(0, 0, 0, 0.05) !default;
  68. /*list-design*/
  69. $vxe-ui-list-design-table-border-color: #e8eaec !default;
  70. $vxe-ui-list-design-table-header-background-color: #f8f8f9 !default;
  71. /*switch*/
  72. $vxe-ui-switch-close-background-color: rgba(0,0,0,0.35) !default;
  73. /*upload*/
  74. $vxe-ui-upload-drag-over-background-color:rgba(255,255,200,0.8) !default;
  75. /*tree*/
  76. $vxe-ui-tree-node-hover-background-color: #f5f7fa !default;
  77. $vxe-ui-tree-node-radio-checked-background-color: #fff3e0 !default;
  78. $vxe-ui-tree-node-hover-radio-checked-background-color: #ffebbc !default;
  79. $vxe-ui-tree-node-checkbox-checked-background-color: #fff3e0 !default;
  80. $vxe-ui-tree-node-hover-checkbox-checked-background-color: #ffebbc !default;
  81. $vxe-ui-tree-node-current-background-color: #e6f7ff !default;
  82. $vxe-ui-tree-node-hover-current-background-color: #d7effb !default;
  83. /*rate*/
  84. $vxe-ui-rate-item-color: #f7ba2a !default;
  85. /*split*/
  86. $vxe-ui-split-handle-button-background-color: #8b8b8b;
  87. $vxe-ui-split-handle-bar-background-color: #e2e2e3;
  88. $vxe-ui-split-handle-bar-hover-background-color: #d8d8d8;