blue.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. /**
  2. * 边线 搭配色、次主色、主色
  3. */
  4. .border-color-main-pair {
  5. border-color: #d300f7 !important;
  6. }
  7. .border-color-main-light {
  8. border-color: #d1e4ff !important;
  9. }
  10. .border-color-main {
  11. border-color: #1677ff !important;
  12. }
  13. /**
  14. * 边框 搭配色、次主色、主色
  15. */
  16. .br-main-pair {
  17. border: 1px solid #d300f7 !important;
  18. }
  19. .br-main-light {
  20. border: solid 1px #d1e4ff !important;
  21. }
  22. .br-main {
  23. border: 1px solid #1677ff !important;
  24. }
  25. /**
  26. * 虚线边框 搭配色、次主色、主色
  27. */
  28. .br-dashed-main-pair {
  29. border: dashed 1px #d300f7 !important;
  30. }
  31. .br-dashed-main-light {
  32. border: dashed 1px #d1e4ff !important;
  33. }
  34. .br-dashed-main {
  35. border: dashed 1px #1677ff !important;
  36. }
  37. /**
  38. * 文本颜色 搭配色、次主色、主色
  39. */
  40. .cr-main-pair {
  41. color: #d300f7 !important;
  42. }
  43. .cr-main-light {
  44. color: #d1e4ff !important;
  45. }
  46. .cr-main {
  47. color: #1677ff !important;
  48. }
  49. /**
  50. * 背景色 搭配色、次主色、主色
  51. */
  52. .bg-main-pair {
  53. background-color: #d300f7 !important;
  54. }
  55. .bg-main-light {
  56. background-color: #d1e4ff !important;
  57. }
  58. .bg-main {
  59. background-color: #1677ff !important;
  60. }
  61. button[disabled].bg-main-pair {
  62. background-color: #efcbf5 !important;
  63. color: #faf1fb !important;
  64. }
  65. button[disabled].bg-main-light {
  66. background-color: #e3eefd !important;
  67. color: #b9d3f7 !important;
  68. }
  69. button[disabled].bg-main {
  70. background-color: #bcd3f5 !important;
  71. color: #eef4fd !important;
  72. }