theme.less 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. .bg-white {
  2. background-color: @component-background !important;
  3. }
  4. html[data-theme='light'] {
  5. // update-begin--author:liaozhiyang---date:20240407---for:【QQYUN-8774】给body加上打底的字体颜色
  6. body {
  7. color: rgba(0, 0, 0, 0.65);
  8. }
  9. // update-end--author:liaozhiyang---date:20240407---for:【QQYUN-8774】给body加上打底的字体颜色
  10. .text-secondary {
  11. color: rgba(0, 0, 0, 0.45);
  12. }
  13. /*【美化】自定义table字体颜色*/
  14. .ant-table {
  15. color: rgba(0, 0, 0, 0.65);
  16. }
  17. /*【美化】自定义table字体颜色*/
  18. /*【美化】自定义form字体颜色*/
  19. .ant-select-multiple .ant-select-selection-item-content {
  20. color: rgba(0, 0, 0, 0.65);
  21. }
  22. .ant-input-affix-wrapper > input.ant-input {
  23. // update-begin--author:liaozhiyang---date:20240605---for:【TV360X-189】统一只读样式
  24. &:not([disabled]) {
  25. color: rgba(0, 0, 0, 0.65);
  26. }
  27. // update-end--author:liaozhiyang---date:20240605---for:【TV360X-189】统一只读样式
  28. }
  29. .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
  30. .ant-select-single.ant-select-show-arrow {
  31. color: rgba(0, 0, 0, 0.65);
  32. }
  33. /*【美化】自定义form字体颜色*/
  34. .ant-alert-success {
  35. background-color: #f6ffed;
  36. border: 1px solid #b7eb8f;
  37. }
  38. .ant-alert-error {
  39. background-color: #fff2f0;
  40. border: 1px solid #ffccc7;
  41. }
  42. .ant-alert-warning {
  43. background-color: #fffbe6;
  44. border: 1px solid #ffe58f;
  45. }
  46. :not(:root):fullscreen::backdrop {
  47. background-color: @layout-body-background !important;
  48. }
  49. }
  50. [data-theme='dark'] {
  51. // update-begin--author:liaozhiyang---date:20240407---for:【QQYUN-8774】给body加上打底的字体颜色
  52. body {
  53. color: rgba(255, 255, 255, 0.85);
  54. }
  55. // update-end--author:liaozhiyang---date:20240407---for:【QQYUN-8774】给body加上打底的字体颜色
  56. // update-begin--author:liaozhiyang---date:20240407---for:【QQYUN-8641】黑色主题-流程办理
  57. .ant-list .ant-list-item {
  58. color: rgba(255, 255, 255, 0.85);
  59. }
  60. // update-end--author:liaozhiyang---date:20240407---for:【QQYUN-8641】黑色主题-流程办理
  61. .text-secondary {
  62. color: #8b949e;
  63. }
  64. .ant-card-grid-hoverable:hover {
  65. box-shadow:
  66. 0 3px 6px -4px rgb(0 0 0 / 48%),
  67. 0 6px 16px 0 rgb(0 0 0 / 32%),
  68. 0 9px 28px 8px rgb(0 0 0 / 20%);
  69. }
  70. .ant-card-grid {
  71. box-shadow:
  72. 1px 0 0 0 #434343,
  73. 0 1px 0 0 #434343,
  74. 1px 1px 0 0 #434343,
  75. 1px 0 0 0 #434343 inset,
  76. 0 1px 0 0 #434343 inset;
  77. }
  78. .ant-calendar-selected-day .ant-calendar-date {
  79. color: rgba(0, 0, 0, 0.8);
  80. }
  81. .ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  82. color: rgba(0, 0, 0, 0.9);
  83. }
  84. }
  85. @theme-light: ~"html[data-theme='light']";
  86. @theme-dark: ~"html[data-theme='dark']";