@next-core/brick-container 2.63.5 → 2.63.6

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.
@@ -463,6 +463,8 @@ html[data-theme="dark-v2"],
463
463
  --antd-item-active-bg: var(--antd-background-color-light);
464
464
  --antd-item-hover-bg: #f5f5f5;
465
465
  --antd-icon-color-hover: rgba(0, 0, 0, 0.75);
466
+ --antd-error-color: #ff4d4f;
467
+ --antd-error-color-fade-20: rgba(242, 76, 37, 0.2);
466
468
 
467
469
  /*** menu ***/
468
470
  --antd-menu-bg: #4e93ef;
@@ -985,6 +987,9 @@ html[data-theme="dark-v2"],
985
987
  --antd-item-hover-bg: var(--palette-gray-3);
986
988
  --antd-icon-color-hover: var(--color-normal-text);
987
989
 
990
+ --antd-error-color: var(--color-error);
991
+ --antd-error-color-fade-20: rgba(210, 69, 37, 0.2);
992
+
988
993
  /*** menu ***/
989
994
  --antd-menu-bg: var(--menu-bg);
990
995
  --antd-menu-color: var(--color-header-text);
@@ -3482,7 +3487,7 @@ html {
3482
3487
  background-color: #d9d9d9;
3483
3488
  }
3484
3489
  .ant-badge-status-error {
3485
- background-color: #ff4d4f;
3490
+ background-color: var(--antd-error-color);
3486
3491
  }
3487
3492
  .ant-badge-status-warning {
3488
3493
  background-color: #faad14;
@@ -4636,9 +4641,9 @@ html {
4636
4641
  content: '';
4637
4642
  }
4638
4643
  .ant-btn-dangerous {
4639
- color: #ff4d4f;
4644
+ color: var(--antd-error-color);
4640
4645
  background: var(--antd-btn-default-bg);
4641
- border-color: #ff4d4f;
4646
+ border-color: var(--antd-error-color);
4642
4647
  }
4643
4648
  .ant-btn-dangerous > a:only-child {
4644
4649
  color: currentColor;
@@ -4654,9 +4659,9 @@ html {
4654
4659
  }
4655
4660
  .ant-btn-dangerous:hover,
4656
4661
  .ant-btn-dangerous:focus {
4657
- color: #ff7875;
4662
+ color: #0d0c0c;
4658
4663
  background: var(--antd-btn-default-bg);
4659
- border-color: #ff7875;
4664
+ border-color: #0d0c0c;
4660
4665
  }
4661
4666
  .ant-btn-dangerous:hover > a:only-child,
4662
4667
  .ant-btn-dangerous:focus > a:only-child {
@@ -4673,9 +4678,9 @@ html {
4673
4678
  content: '';
4674
4679
  }
4675
4680
  .ant-btn-dangerous:active {
4676
- color: #d9363e;
4681
+ color: #000000;
4677
4682
  background: var(--antd-btn-default-bg);
4678
- border-color: #d9363e;
4683
+ border-color: #000000;
4679
4684
  }
4680
4685
  .ant-btn-dangerous:active > a:only-child {
4681
4686
  color: currentColor;
@@ -4802,7 +4807,7 @@ html {
4802
4807
  content: '';
4803
4808
  }
4804
4809
  .ant-btn-dangerous.ant-btn-link {
4805
- color: #ff4d4f;
4810
+ color: var(--antd-error-color);
4806
4811
  background: transparent;
4807
4812
  border-color: transparent;
4808
4813
  box-shadow: none;
@@ -4886,7 +4891,7 @@ html {
4886
4891
  }
4887
4892
  .ant-btn-dangerous.ant-btn-link:hover,
4888
4893
  .ant-btn-dangerous.ant-btn-link:focus {
4889
- color: #ff7875;
4894
+ color: #0d0c0c;
4890
4895
  background: transparent;
4891
4896
  border-color: transparent;
4892
4897
  }
@@ -4905,7 +4910,7 @@ html {
4905
4910
  content: '';
4906
4911
  }
4907
4912
  .ant-btn-dangerous.ant-btn-link:active {
4908
- color: #d9363e;
4913
+ color: #000000;
4909
4914
  background: transparent;
4910
4915
  border-color: transparent;
4911
4916
  }
@@ -4950,7 +4955,7 @@ html {
4950
4955
  content: '';
4951
4956
  }
4952
4957
  .ant-btn-dangerous.ant-btn-text {
4953
- color: #ff4d4f;
4958
+ color: var(--antd-error-color);
4954
4959
  background: transparent;
4955
4960
  border-color: transparent;
4956
4961
  box-shadow: none;
@@ -5034,7 +5039,7 @@ html {
5034
5039
  }
5035
5040
  .ant-btn-dangerous.ant-btn-text:hover,
5036
5041
  .ant-btn-dangerous.ant-btn-text:focus {
5037
- color: #ff7875;
5042
+ color: #0d0c0c;
5038
5043
  background: rgba(0, 0, 0, 0.018);
5039
5044
  border-color: transparent;
5040
5045
  }
@@ -5053,7 +5058,7 @@ html {
5053
5058
  content: '';
5054
5059
  }
5055
5060
  .ant-btn-dangerous.ant-btn-text:active {
5056
- color: #d9363e;
5061
+ color: #000000;
5057
5062
  background: rgba(0, 0, 0, 0.028);
5058
5063
  border-color: transparent;
5059
5064
  }
@@ -8793,11 +8798,11 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
8793
8798
  left: 0;
8794
8799
  }
8795
8800
  .ant-dropdown-menu-item.ant-dropdown-menu-item-danger {
8796
- color: #ff4d4f;
8801
+ color: var(--antd-error-color);
8797
8802
  }
8798
8803
  .ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover {
8799
8804
  color: #fff;
8800
- background-color: #ff4d4f;
8805
+ background-color: var(--antd-error-color);
8801
8806
  }
8802
8807
  .ant-dropdown {
8803
8808
  box-sizing: border-box;
@@ -9478,7 +9483,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
9478
9483
  /* To support leave along ErrorList. We add additional className to handle explain style */
9479
9484
  }
9480
9485
  .ant-form-item-explain.ant-form-item-explain-error {
9481
- color: #ff4d4f;
9486
+ color: var(--antd-error-color);
9482
9487
  }
9483
9488
  .ant-form-item-explain.ant-form-item-explain-warning {
9484
9489
  color: #faad14;
@@ -9629,23 +9634,23 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
9629
9634
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
9630
9635
  }
9631
9636
  .ant-form-item-has-error .ant-form-item-split {
9632
- color: #ff4d4f;
9637
+ color: var(--antd-error-color);
9633
9638
  }
9634
9639
  .ant-form-item-has-error .ant-input,
9635
9640
  .ant-form-item-has-error .ant-input-affix-wrapper,
9636
9641
  .ant-form-item-has-error .ant-input:hover,
9637
9642
  .ant-form-item-has-error .ant-input-affix-wrapper:hover {
9638
9643
  background-color: var(--antd-input-bg);
9639
- border-color: #ff4d4f;
9644
+ border-color: var(--antd-error-color);
9640
9645
  }
9641
9646
  .ant-form-item-has-error .ant-input:focus,
9642
9647
  .ant-form-item-has-error .ant-input-affix-wrapper:focus,
9643
9648
  .ant-form-item-has-error .ant-input-focused,
9644
9649
  .ant-form-item-has-error .ant-input-affix-wrapper-focused {
9645
- border-color: #ff7875;
9650
+ border-color: var(--palette-red-5);
9646
9651
  border-right-width: 1px !important;
9647
9652
  outline: 0;
9648
- box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
9653
+ box-shadow: 0 0 0 2px var(--antd-error-color-fade-20);
9649
9654
  }
9650
9655
  .ant-form-item-has-error .ant-input-disabled {
9651
9656
  background-color: var(--antd-input-disabled-bg);
@@ -9659,82 +9664,82 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
9659
9664
  box-shadow: none !important;
9660
9665
  }
9661
9666
  .ant-form-item-has-error .ant-calendar-picker-open .ant-calendar-picker-input {
9662
- border-color: #ff7875;
9667
+ border-color: var(--palette-red-5);
9663
9668
  border-right-width: 1px !important;
9664
9669
  outline: 0;
9665
- box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
9670
+ box-shadow: 0 0 0 2px var(--antd-error-color-fade-20);
9666
9671
  }
9667
9672
  .ant-form-item-has-error .ant-input-prefix {
9668
- color: #ff4d4f;
9673
+ color: var(--antd-error-color);
9669
9674
  }
9670
9675
  .ant-form-item-has-error .ant-input-group-addon {
9671
- color: #ff4d4f;
9672
- border-color: #ff4d4f;
9676
+ color: var(--antd-error-color);
9677
+ border-color: var(--antd-error-color);
9673
9678
  }
9674
9679
  .ant-form-item-has-error .has-feedback {
9675
- color: #ff4d4f;
9680
+ color: var(--antd-error-color);
9676
9681
  }
9677
9682
  .ant-form-item-has-error.ant-form-item-has-feedback .ant-form-item-children-icon {
9678
- color: #ff4d4f;
9683
+ color: var(--antd-error-color);
9679
9684
  animation-name: diffZoomIn2 !important;
9680
9685
  }
9681
9686
  .ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
9682
9687
  background-color: var(--antd-input-bg);
9683
- border-color: #ff4d4f !important;
9688
+ border-color: var(--antd-error-color) !important;
9684
9689
  }
9685
9690
  .ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector,
9686
9691
  .ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector {
9687
- border-color: #ff7875;
9692
+ border-color: var(--palette-red-5);
9688
9693
  border-right-width: 1px !important;
9689
9694
  outline: 0;
9690
- box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
9695
+ box-shadow: 0 0 0 2px var(--antd-error-color-fade-20);
9691
9696
  }
9692
9697
  .ant-form-item-has-error .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
9693
9698
  border: 0;
9694
9699
  }
9695
9700
  .ant-form-item-has-error .ant-select.ant-select-auto-complete .ant-input:focus {
9696
- border-color: #ff4d4f;
9701
+ border-color: var(--antd-error-color);
9697
9702
  }
9698
9703
  .ant-form-item-has-error .ant-input-number,
9699
9704
  .ant-form-item-has-error .ant-picker {
9700
9705
  background-color: var(--antd-input-bg);
9701
- border-color: #ff4d4f;
9706
+ border-color: var(--antd-error-color);
9702
9707
  }
9703
9708
  .ant-form-item-has-error .ant-input-number-focused,
9704
9709
  .ant-form-item-has-error .ant-picker-focused,
9705
9710
  .ant-form-item-has-error .ant-input-number:focus,
9706
9711
  .ant-form-item-has-error .ant-picker:focus {
9707
- border-color: #ff7875;
9712
+ border-color: var(--palette-red-5);
9708
9713
  border-right-width: 1px !important;
9709
9714
  outline: 0;
9710
- box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
9715
+ box-shadow: 0 0 0 2px var(--antd-error-color-fade-20);
9711
9716
  }
9712
9717
  .ant-form-item-has-error .ant-input-number:not([disabled]):hover,
9713
9718
  .ant-form-item-has-error .ant-picker:not([disabled]):hover {
9714
9719
  background-color: var(--antd-input-bg);
9715
- border-color: #ff4d4f;
9720
+ border-color: var(--antd-error-color);
9716
9721
  }
9717
9722
  .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor,
9718
9723
  .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
9719
9724
  background-color: var(--antd-input-bg);
9720
- border-color: #ff4d4f;
9725
+ border-color: var(--antd-error-color);
9721
9726
  }
9722
9727
  .ant-form-item-has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
9723
9728
  .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
9724
- border-color: #ff7875;
9729
+ border-color: var(--palette-red-5);
9725
9730
  border-right-width: 1px !important;
9726
9731
  outline: 0;
9727
- box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
9732
+ box-shadow: 0 0 0 2px var(--antd-error-color-fade-20);
9728
9733
  }
9729
9734
  .ant-form-item-has-error .ant-cascader-picker:focus .ant-cascader-input {
9730
9735
  background-color: var(--antd-input-bg);
9731
- border-color: #ff7875;
9736
+ border-color: var(--palette-red-5);
9732
9737
  border-right-width: 1px !important;
9733
9738
  outline: 0;
9734
- box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
9739
+ box-shadow: 0 0 0 2px var(--antd-error-color-fade-20);
9735
9740
  }
9736
9741
  .ant-form-item-has-error .ant-transfer-list {
9737
- border-color: #ff4d4f;
9742
+ border-color: var(--antd-error-color);
9738
9743
  }
9739
9744
  .ant-form-item-has-error .ant-transfer-list-search:not([disabled]) {
9740
9745
  border-color: var(--antd-input-border-color);
@@ -9758,10 +9763,10 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
9758
9763
  border-left-width: 1px !important;
9759
9764
  }
9760
9765
  .ant-form-item-has-error .ant-radio-button-wrapper {
9761
- border-color: #ff4d4f !important;
9766
+ border-color: var(--antd-error-color) !important;
9762
9767
  }
9763
9768
  .ant-form-item-has-error .ant-radio-button-wrapper:not(:first-child)::before {
9764
- background-color: #ff4d4f;
9769
+ background-color: var(--antd-error-color);
9765
9770
  }
9766
9771
  .ant-form-item-is-validating.ant-form-item-has-feedback .ant-form-item-children-icon {
9767
9772
  display: inline-block;
@@ -17190,36 +17195,36 @@ textarea.ant-mentions {
17190
17195
  direction: rtl;
17191
17196
  }
17192
17197
  .ant-menu-item-danger.ant-menu-item {
17193
- color: #ff4d4f;
17198
+ color: var(--antd-error-color);
17194
17199
  }
17195
17200
  .ant-menu-item-danger.ant-menu-item:hover,
17196
17201
  .ant-menu-item-danger.ant-menu-item-active {
17197
- color: #ff4d4f;
17202
+ color: var(--antd-error-color);
17198
17203
  }
17199
17204
  .ant-menu-item-danger.ant-menu-item:active {
17200
17205
  background: #fff1f0;
17201
17206
  }
17202
17207
  .ant-menu-item-danger.ant-menu-item-selected {
17203
- color: #ff4d4f;
17208
+ color: var(--antd-error-color);
17204
17209
  }
17205
17210
  .ant-menu-item-danger.ant-menu-item-selected > a,
17206
17211
  .ant-menu-item-danger.ant-menu-item-selected > a:hover {
17207
- color: #ff4d4f;
17212
+ color: var(--antd-error-color);
17208
17213
  }
17209
17214
  .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
17210
17215
  background-color: #fff1f0;
17211
17216
  }
17212
17217
  .ant-menu-inline .ant-menu-item-danger.ant-menu-item::after {
17213
- border-right-color: #ff4d4f;
17218
+ border-right-color: var(--antd-error-color);
17214
17219
  }
17215
17220
  .ant-menu-dark .ant-menu-item-danger.ant-menu-item,
17216
17221
  .ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,
17217
17222
  .ant-menu-dark .ant-menu-item-danger.ant-menu-item > a {
17218
- color: #ff4d4f;
17223
+ color: var(--antd-error-color);
17219
17224
  }
17220
17225
  .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
17221
17226
  color: #fff;
17222
- background-color: #ff4d4f;
17227
+ background-color: var(--antd-error-color);
17223
17228
  }
17224
17229
  .ant-menu {
17225
17230
  box-sizing: border-box;
@@ -18095,7 +18100,7 @@ textarea.ant-mentions {
18095
18100
  color: #52c41a;
18096
18101
  }
18097
18102
  .ant-message-error .anticon {
18098
- color: #ff4d4f;
18103
+ color: var(--antd-error-color);
18099
18104
  }
18100
18105
  .ant-message-warning .anticon {
18101
18106
  color: #faad14;
@@ -18342,7 +18347,7 @@ textarea.ant-mentions {
18342
18347
  margin-left: 8px;
18343
18348
  }
18344
18349
  .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
18345
- color: #ff4d4f;
18350
+ color: var(--antd-error-color);
18346
18351
  }
18347
18352
  .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
18348
18353
  .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
@@ -18495,7 +18500,7 @@ textarea.ant-mentions {
18495
18500
  color: #faad14;
18496
18501
  }
18497
18502
  .anticon.ant-notification-notice-icon-error {
18498
- color: #ff4d4f;
18503
+ color: var(--antd-error-color);
18499
18504
  }
18500
18505
  .ant-notification-notice-close {
18501
18506
  position: absolute;
@@ -19572,13 +19577,13 @@ textarea.ant-pagination-options-quick-jumper input {
19572
19577
  content: '';
19573
19578
  }
19574
19579
  .ant-progress-status-exception .ant-progress-bg {
19575
- background-color: #ff4d4f;
19580
+ background-color: var(--antd-error-color);
19576
19581
  }
19577
19582
  .ant-progress-status-exception .ant-progress-text {
19578
- color: #ff4d4f;
19583
+ color: var(--antd-error-color);
19579
19584
  }
19580
19585
  .ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
19581
- stroke: #ff4d4f;
19586
+ stroke: var(--antd-error-color);
19582
19587
  }
19583
19588
  .ant-progress-status-success .ant-progress-bg {
19584
19589
  background-color: #52c41a;
@@ -19612,7 +19617,7 @@ textarea.ant-pagination-options-quick-jumper input {
19612
19617
  font-size: 1.16666667em;
19613
19618
  }
19614
19619
  .ant-progress-circle.ant-progress-status-exception .ant-progress-text {
19615
- color: #ff4d4f;
19620
+ color: var(--antd-error-color);
19616
19621
  }
19617
19622
  .ant-progress-circle.ant-progress-status-success .ant-progress-text {
19618
19623
  color: #52c41a;
@@ -20071,7 +20076,7 @@ span.ant-radio + * {
20071
20076
  color: #52c41a;
20072
20077
  }
20073
20078
  .ant-result-error .ant-result-icon > .anticon {
20074
- color: #ff4d4f;
20079
+ color: var(--antd-error-color);
20075
20080
  }
20076
20081
  .ant-result-info .ant-result-icon > .anticon {
20077
20082
  color: #0071eb;
@@ -21679,28 +21684,28 @@ span.ant-radio + * {
21679
21684
  }
21680
21685
  .ant-steps-item-error .ant-steps-item-icon {
21681
21686
  background-color: var(--antd-component-background);
21682
- border-color: #ff4d4f;
21687
+ border-color: var(--antd-error-color);
21683
21688
  }
21684
21689
  .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
21685
- color: #ff4d4f;
21690
+ color: var(--antd-error-color);
21686
21691
  }
21687
21692
  .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
21688
- background: #ff4d4f;
21693
+ background: var(--antd-error-color);
21689
21694
  }
21690
21695
  .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
21691
- color: #ff4d4f;
21696
+ color: var(--antd-error-color);
21692
21697
  }
21693
21698
  .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
21694
21699
  background-color: var(--antd-border-color-split);
21695
21700
  }
21696
21701
  .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
21697
- color: #ff4d4f;
21702
+ color: var(--antd-error-color);
21698
21703
  }
21699
21704
  .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
21700
21705
  background-color: var(--antd-border-color-split);
21701
21706
  }
21702
21707
  .ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
21703
- background: #ff4d4f;
21708
+ background: var(--antd-error-color);
21704
21709
  }
21705
21710
  .ant-steps-item-disabled {
21706
21711
  cursor: not-allowed;
@@ -24004,8 +24009,8 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
24004
24009
  border-color: #0071eb;
24005
24010
  }
24006
24011
  .ant-timeline-item-head-red {
24007
- color: #ff4d4f;
24008
- border-color: #ff4d4f;
24012
+ color: var(--antd-error-color);
24013
+ border-color: var(--antd-error-color);
24009
24014
  }
24010
24015
  .ant-timeline-item-head-green {
24011
24016
  color: #52c41a;
@@ -25597,12 +25602,12 @@ span.ant-transfer-list-search-action {
25597
25602
  color: #faad14;
25598
25603
  }
25599
25604
  .ant-typography.ant-typography-danger {
25600
- color: #ff4d4f;
25605
+ color: var(--antd-error-color);
25601
25606
  }
25602
25607
  a.ant-typography.ant-typography-danger:active,
25603
25608
  a.ant-typography.ant-typography-danger:focus,
25604
25609
  a.ant-typography.ant-typography-danger:hover {
25605
- color: #ff7875;
25610
+ color: #0d0c0c;
25606
25611
  }
25607
25612
  .ant-typography.ant-typography-disabled {
25608
25613
  color: var(--text-color-disabled);
@@ -26167,10 +26172,10 @@ div.ant-typography-edit-content.ant-typography-rtl {
26167
26172
  .ant-upload-list-item-error,
26168
26173
  .ant-upload-list-item-error .ant-upload-text-icon > .anticon,
26169
26174
  .ant-upload-list-item-error .ant-upload-list-item-name {
26170
- color: #ff4d4f;
26175
+ color: var(--antd-error-color);
26171
26176
  }
26172
26177
  .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
26173
- color: #ff4d4f;
26178
+ color: var(--antd-error-color);
26174
26179
  }
26175
26180
  .ant-upload-list-item-error .ant-upload-list-item-card-actions-btn {
26176
26181
  opacity: 1;
@@ -26197,7 +26202,7 @@ div.ant-typography-edit-content.ant-typography-rtl {
26197
26202
  }
26198
26203
  .ant-upload-list-picture .ant-upload-list-item-error,
26199
26204
  .ant-upload-list-picture-card .ant-upload-list-item-error {
26200
- border-color: #ff4d4f;
26205
+ border-color: var(--antd-error-color);
26201
26206
  }
26202
26207
  .ant-upload-list-picture .ant-upload-list-item-info,
26203
26208
  .ant-upload-list-picture-card .ant-upload-list-item-info {
@@ -26225,11 +26230,11 @@ div.ant-typography-edit-content.ant-typography-rtl {
26225
26230
  }
26226
26231
  .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'],
26227
26232
  .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] {
26228
- fill: #fff2f0;
26233
+ fill: #403d3c;
26229
26234
  }
26230
26235
  .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'],
26231
26236
  .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'] {
26232
- fill: #ff4d4f;
26237
+ fill: var(--antd-error-color);
26233
26238
  }
26234
26239
  .ant-upload-list-picture .ant-upload-list-item-icon,
26235
26240
  .ant-upload-list-picture-card .ant-upload-list-item-icon {
@@ -26667,6 +26672,14 @@ html[data-theme="dark"] .ant-btn-primary {
26667
26672
  .ant-card-head {
26668
26673
  border-bottom-color: var(--antd-card-head-border-bottom-color);
26669
26674
  }
26675
+ .ant-cascader {
26676
+ /*
26677
+ antd 在低版本(已知4.12.3),级联选项的children为空数组[]时,会额外出现一个空白的下级ul。
26678
+ 以下通过覆盖样式来解决。
26679
+ 通过 sibling selector 和 empty 伪类定位到空白的下级ul,设置display: none
26680
+ 此时,倒数第一个 ul 会出现一条额外的分割线(border-right)。覆盖样式使 border-right 隐藏,同时使用 border-left 来重画 ul 之间的分割线
26681
+ */
26682
+ }
26670
26683
  .ant-cascader-picker-clear {
26671
26684
  color: var(--antd-cascader-picker-clear-color);
26672
26685
  }
@@ -26677,7 +26690,8 @@ html[data-theme="dark"] .ant-btn-primary {
26677
26690
  padding: 0 2px;
26678
26691
  }
26679
26692
  .ant-cascader-menu {
26680
- border-right: var(--antd-cascader-menu-item-border-width) solid var(--antd-cascader-menu-item-border-color);
26693
+ border-right-color: transparent;
26694
+ border-left: var(--antd-cascader-menu-item-border-width) solid var(--antd-cascader-menu-item-border-color);
26681
26695
  }
26682
26696
  .ant-cascader-menu-item {
26683
26697
  border-radius: 6px;
@@ -26698,6 +26712,9 @@ html[data-theme="dark"] .ant-btn-primary {
26698
26712
  .ant-cascader-menu + .ant-cascader-menu:empty {
26699
26713
  display: none;
26700
26714
  }
26715
+ .ant-cascader-menu:first-child {
26716
+ border-left-color: transparent;
26717
+ }
26701
26718
  .ant-table-thead > tr > th {
26702
26719
  padding: 11px 16px;
26703
26720
  font-size: 12px;
@@ -26988,7 +27005,7 @@ html[data-theme="dark"] .ant-descriptions-item-content {
26988
27005
  background-color: #52c41a;
26989
27006
  }
26990
27007
  .ant-message-error::before {
26991
- background-color: #ff4d4f;
27008
+ background-color: var(--antd-error-color);
26992
27009
  }
26993
27010
  .ant-message-warning::before {
26994
27011
  background-color: #faad14;
@@ -27290,13 +27307,12 @@ body.layout-business .ant-select-single .ant-select-selector .ant-select-selecti
27290
27307
  * 蓝湖链接:https://lanhuapp.com/web/#/item/project/board/detail?pid=08ef7a67-b5e6-4aee-8b6d-6999377c4fdb&project_id=08ef7a67-b5e6-4aee-8b6d-6999377c4fdb&image_id=2afae1c2-4839-410f-82fb-8f048c706a09
27291
27308
  */
27292
27309
  .has-error .ant-select-selector {
27293
- border-color: #ff4d4f !important;
27310
+ border-color: var(--antd-error-color) !important;
27294
27311
  }
27295
27312
  .has-error .ant-select-selector:hover {
27296
- border-color: #ff4d4f !important;
27313
+ border-color: var(--antd-error-color) !important;
27297
27314
  }
27298
27315
  .has-error .ant-select-focused:not(.ant-select-disabled).ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
27299
- border-color: #ff7875 !important;
27300
27316
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2) !important;
27301
27317
  }
27302
27318
  .ant-select-dropdown {
@@ -27498,7 +27514,7 @@ li.ant-picker-time-panel-cell:not(.ant-picker-time-panel-cell-selected) .ant-pic
27498
27514
  box-sizing: border-box;
27499
27515
  margin: 0;
27500
27516
  padding: 0;
27501
- color: rgba(0, 0, 0, 0.85);
27517
+ color: var(--antd-text-color);
27502
27518
  font-size: 14px;
27503
27519
  font-variant: tabular-nums;
27504
27520
  line-height: 1.5715;
@@ -27510,11 +27526,11 @@ li.ant-picker-time-panel-cell:not(.ant-picker-time-panel-cell-selected) .ant-pic
27510
27526
  width: 100%;
27511
27527
  margin-bottom: 20px;
27512
27528
  padding: 0;
27513
- color: rgba(0, 0, 0, 0.45);
27529
+ color: var(--antd-text-color-secondary);
27514
27530
  font-size: 16px;
27515
27531
  line-height: inherit;
27516
27532
  border: 0;
27517
- border-bottom: 1px solid #d9d9d9;
27533
+ border-bottom: 1px solid var(--antd-border-color-base);
27518
27534
  }
27519
27535
  .ant-legacy-form label {
27520
27536
  font-size: 14px;
@@ -27547,7 +27563,7 @@ li.ant-picker-time-panel-cell:not(.ant-picker-time-panel-cell-selected) .ant-pic
27547
27563
  .ant-legacy-form output {
27548
27564
  display: block;
27549
27565
  padding-top: 15px;
27550
- color: rgba(0, 0, 0, 0.85);
27566
+ color: var(--antd-input-color);
27551
27567
  font-size: 14px;
27552
27568
  line-height: 1.5715;
27553
27569
  }
@@ -27564,13 +27580,13 @@ li.ant-picker-time-panel-cell:not(.ant-picker-time-panel-cell-selected) .ant-pic
27564
27580
  display: none;
27565
27581
  }
27566
27582
  .ant-legacy-form-item-label > label {
27567
- color: rgba(0, 0, 0, 0.85);
27583
+ color: var(--antd-label-color);
27568
27584
  }
27569
27585
  .ant-legacy-form-item-label > label::after {
27570
27586
  content: ':';
27571
27587
  position: relative;
27572
27588
  top: -0.5px;
27573
- margin: 0 8px 0 2px;
27589
+ margin: 0 12px 0 2px;
27574
27590
  }
27575
27591
  .ant-legacy-form-item-label > label.ant-legacy-form-item-no-colon::after {
27576
27592
  content: ' ';
@@ -27579,13 +27595,13 @@ li.ant-picker-time-panel-cell:not(.ant-picker-time-panel-cell-selected) .ant-pic
27579
27595
  box-sizing: border-box;
27580
27596
  margin: 0;
27581
27597
  padding: 0;
27582
- color: rgba(0, 0, 0, 0.85);
27598
+ color: var(--antd-text-color);
27583
27599
  font-size: 14px;
27584
27600
  font-variant: tabular-nums;
27585
27601
  line-height: 1.5715;
27586
27602
  list-style: none;
27587
27603
  font-feature-settings: 'tnum';
27588
- margin-bottom: 24px;
27604
+ margin-bottom: 20px;
27589
27605
  vertical-align: top;
27590
27606
  }
27591
27607
  .ant-legacy-form-item label {
@@ -27612,7 +27628,7 @@ li.ant-picker-time-panel-cell:not(.ant-picker-time-panel-cell-selected) .ant-pic
27612
27628
  position: relative;
27613
27629
  }
27614
27630
  .ant-legacy-form-item-with-help {
27615
- margin-bottom: 4px;
27631
+ margin-bottom: 0;
27616
27632
  }
27617
27633
  .ant-legacy-form-item-label {
27618
27634
  display: inline-block;
@@ -27637,7 +27653,7 @@ li.ant-picker-time-panel-cell:not(.ant-picker-time-panel-cell-selected) .ant-pic
27637
27653
  clear: both;
27638
27654
  min-height: 23px;
27639
27655
  margin-top: -2px;
27640
- color: rgba(0, 0, 0, 0.45);
27656
+ color: var(--antd-text-color-secondary);
27641
27657
  font-size: 14px;
27642
27658
  line-height: 1.5715;
27643
27659
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -27876,7 +27892,7 @@ form .ant-input-group-wrapper {
27876
27892
  margin-bottom: 0;
27877
27893
  }
27878
27894
  .ant-legacy-form-inline .ant-legacy-form-item-with-help {
27879
- margin-bottom: 24px;
27895
+ margin-bottom: 20px;
27880
27896
  }
27881
27897
  .ant-legacy-form-inline .ant-legacy-form-item > .ant-legacy-form-item-control-wrapper,
27882
27898
  .ant-legacy-form-inline .ant-legacy-form-item > .ant-legacy-form-item-label {
@@ -27928,7 +27944,7 @@ form .ant-input-group-wrapper {
27928
27944
  }
27929
27945
  .has-warning .ant-input,
27930
27946
  .has-warning .ant-input:hover {
27931
- background-color: #fff;
27947
+ background-color: var(--antd-input-bg);
27932
27948
  border-color: #faad14;
27933
27949
  }
27934
27950
  .has-warning .ant-input:focus {
@@ -27948,7 +27964,7 @@ form .ant-input-group-wrapper {
27948
27964
  }
27949
27965
  .has-warning .ant-input-affix-wrapper .ant-input,
27950
27966
  .has-warning .ant-input-affix-wrapper .ant-input:hover {
27951
- background-color: #fff;
27967
+ background-color: var(--antd-input-bg);
27952
27968
  border-color: #faad14;
27953
27969
  }
27954
27970
  .has-warning .ant-input-affix-wrapper .ant-input:focus {
@@ -27965,7 +27981,7 @@ form .ant-input-group-wrapper {
27965
27981
  }
27966
27982
  .has-warning .ant-input-group-addon {
27967
27983
  color: #faad14;
27968
- background-color: #fff;
27984
+ background-color: var(--antd-input-bg);
27969
27985
  border-color: #faad14;
27970
27986
  }
27971
27987
  .has-warning .has-feedback {
@@ -28032,72 +28048,72 @@ form .ant-input-group-wrapper {
28032
28048
  }
28033
28049
  .has-error .ant-legacy-form-explain,
28034
28050
  .has-error .ant-legacy-form-split {
28035
- color: #ff4d4f;
28051
+ color: var(--antd-error-color);
28036
28052
  }
28037
28053
  .has-error .ant-input,
28038
28054
  .has-error .ant-input:hover {
28039
- background-color: #fff;
28040
- border-color: #ff4d4f;
28055
+ background-color: var(--antd-input-bg);
28056
+ border-color: var(--antd-error-color);
28041
28057
  }
28042
28058
  .has-error .ant-input:focus {
28043
- border-color: #ff7875;
28059
+ border-color: var(--palette-red-5);
28044
28060
  border-right-width: 1px !important;
28045
28061
  outline: 0;
28046
- box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
28062
+ box-shadow: 0 0 0 2px var(--antd-error-color-fade-20);
28047
28063
  }
28048
28064
  .has-error .ant-input:not([disabled]):hover {
28049
- border-color: #ff4d4f;
28065
+ border-color: var(--antd-error-color);
28050
28066
  }
28051
28067
  .has-error .ant-calendar-picker-open .ant-calendar-picker-input {
28052
- border-color: #ff7875;
28068
+ border-color: var(--palette-red-5);
28053
28069
  border-right-width: 1px !important;
28054
28070
  outline: 0;
28055
- box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
28071
+ box-shadow: 0 0 0 2px var(--antd-error-color-fade-20);
28056
28072
  }
28057
28073
  .has-error .ant-input-affix-wrapper .ant-input,
28058
28074
  .has-error .ant-input-affix-wrapper .ant-input:hover {
28059
- background-color: #fff;
28060
- border-color: #ff4d4f;
28075
+ background-color: var(--antd-input-bg);
28076
+ border-color: var(--antd-error-color);
28061
28077
  }
28062
28078
  .has-error .ant-input-affix-wrapper .ant-input:focus {
28063
- border-color: #ff7875;
28079
+ border-color: var(--palette-red-5);
28064
28080
  border-right-width: 1px !important;
28065
28081
  outline: 0;
28066
- box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
28082
+ box-shadow: 0 0 0 2px var(--antd-error-color-fade-20);
28067
28083
  }
28068
28084
  .has-error .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
28069
- border-color: #ff4d4f;
28085
+ border-color: var(--antd-error-color);
28070
28086
  }
28071
28087
  .has-error .ant-input-prefix {
28072
- color: #ff4d4f;
28088
+ color: var(--antd-error-color);
28073
28089
  }
28074
28090
  .has-error .ant-input-group-addon {
28075
- color: #ff4d4f;
28076
- background-color: #fff;
28077
- border-color: #ff4d4f;
28091
+ color: var(--antd-error-color);
28092
+ background-color: var(--antd-input-bg);
28093
+ border-color: var(--antd-error-color);
28078
28094
  }
28079
28095
  .has-error .has-feedback {
28080
- color: #ff4d4f;
28096
+ color: var(--antd-error-color);
28081
28097
  }
28082
28098
  .has-error.has-feedback .ant-legacy-form-item-children-icon {
28083
- color: #ff4d4f;
28099
+ color: var(--antd-error-color);
28084
28100
  animation-name: diffZoomIn2 !important;
28085
28101
  }
28086
28102
  .has-error .ant-select-selection {
28087
- border-color: #ff4d4f;
28103
+ border-color: var(--antd-error-color);
28088
28104
  }
28089
28105
  .has-error .ant-select-selection:hover {
28090
- border-color: #ff4d4f;
28106
+ border-color: var(--antd-error-color);
28091
28107
  }
28092
28108
  .has-error .ant-select-open .ant-select-selection,
28093
28109
  .has-error .ant-select-focused .ant-select-selection {
28094
- border-color: #ff7875;
28110
+ border-color: var(--palette-red-5);
28095
28111
  border-right-width: 1px !important;
28096
28112
  outline: 0;
28097
- box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
28113
+ box-shadow: 0 0 0 2px var(--antd-error-color-fade-20);
28098
28114
  }
28099
28115
  .has-error .ant-select.ant-select-auto-complete .ant-input:focus {
28100
- border-color: #ff4d4f;
28116
+ border-color: var(--antd-error-color);
28101
28117
  }
28102
28118
  .has-error .ant-input-group-addon .ant-select-selection {
28103
28119
  border-color: transparent;
@@ -28108,79 +28124,79 @@ form .ant-input-group-wrapper {
28108
28124
  .has-error .ant-picker-icon::after,
28109
28125
  .has-error .ant-select-arrow,
28110
28126
  .has-error .ant-cascader-picker-arrow {
28111
- color: #ff4d4f;
28127
+ color: var(--antd-error-color);
28112
28128
  }
28113
28129
  .has-error .ant-input-number,
28114
28130
  .has-error .ant-time-picker-input {
28115
- border-color: #ff4d4f;
28131
+ border-color: var(--antd-error-color);
28116
28132
  }
28117
28133
  .has-error .ant-input-number-focused,
28118
28134
  .has-error .ant-time-picker-input-focused,
28119
28135
  .has-error .ant-input-number:focus,
28120
28136
  .has-error .ant-time-picker-input:focus {
28121
- border-color: #ff7875;
28137
+ border-color: var(--palette-red-5);
28122
28138
  border-right-width: 1px !important;
28123
28139
  outline: 0;
28124
- box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
28140
+ box-shadow: 0 0 0 2px var(--antd-error-color-fade-20);
28125
28141
  }
28126
28142
  .has-error .ant-input-number:not([disabled]):hover,
28127
28143
  .has-error .ant-time-picker-input:not([disabled]):hover {
28128
- border-color: #ff4d4f;
28144
+ border-color: var(--antd-error-color);
28129
28145
  }
28130
28146
  .has-error .ant-mention-wrapper .ant-mention-editor,
28131
28147
  .has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
28132
- border-color: #ff4d4f;
28148
+ border-color: var(--antd-error-color);
28133
28149
  }
28134
28150
  .has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
28135
28151
  .has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
28136
- border-color: #ff7875;
28152
+ border-color: var(--palette-red-5);
28137
28153
  border-right-width: 1px !important;
28138
28154
  outline: 0;
28139
- box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
28155
+ box-shadow: 0 0 0 2px var(--antd-error-color-fade-20);
28140
28156
  }
28141
28157
  .has-error .ant-cascader-picker:focus .ant-cascader-input {
28142
- border-color: #ff7875;
28158
+ border-color: var(--palette-red-5);
28143
28159
  border-right-width: 1px !important;
28144
28160
  outline: 0;
28145
- box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
28161
+ box-shadow: 0 0 0 2px var(--antd-error-color-fade-20);
28146
28162
  }
28147
28163
  .has-error .ant-cascader-picker:hover .ant-cascader-input {
28148
- border-color: #ff4d4f;
28164
+ border-color: var(--antd-error-color);
28149
28165
  }
28150
28166
  .has-error .ant-transfer-list {
28151
- border-color: #ff4d4f;
28167
+ border-color: var(--antd-error-color);
28152
28168
  }
28153
28169
  .has-error .ant-transfer-list-search:not([disabled]) {
28154
- border-color: #d9d9d9;
28170
+ border-color: var(--antd-input-border-color);
28155
28171
  }
28156
28172
  .has-error .ant-transfer-list-search:not([disabled]):hover {
28157
- border-color: #40a9ff;
28173
+ border-color: var(--antd-input-hover-border-color);
28158
28174
  border-right-width: 1px !important;
28159
28175
  }
28160
28176
  .has-error .ant-transfer-list-search:not([disabled]):focus {
28161
- border-color: #40a9ff;
28177
+ border-color: #2893f7;
28162
28178
  border-right-width: 1px !important;
28163
28179
  outline: 0;
28164
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
28180
+ box-shadow: 0 0 0 2px rgba(0, 113, 235, 0.2);
28165
28181
  }
28166
28182
  .has-error .ant-input-affix-wrapper {
28167
- border-color: #ff4d4f;
28183
+ border-color: var(--antd-error-color);
28168
28184
  }
28169
28185
  .has-error .ant-input-affix-wrapper-focused {
28170
- box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
28186
+ box-shadow: 0 0 0 2px var(--antd-error-color-fade-20);
28171
28187
  }
28172
28188
  .has-error .ant-input-affix-wrapper .ant-input:focus {
28173
28189
  box-shadow: none;
28174
28190
  }
28175
28191
  .is-validating.has-feedback .ant-legacy-form-item-children-icon {
28176
28192
  display: inline-block;
28177
- color: #1890ff;
28193
+ color: #0071eb;
28178
28194
  }
28179
28195
  .ant-advanced-search-form .ant-legacy-form-item {
28180
- margin-bottom: 24px;
28196
+ margin-bottom: 20px;
28181
28197
  }
28182
28198
  .ant-advanced-search-form .ant-legacy-form-item-with-help {
28183
- margin-bottom: 4px;
28199
+ margin-bottom: 0px;
28184
28200
  }
28185
28201
  .show-help-enter,
28186
28202
  .show-help-appear {
@@ -28255,7 +28271,7 @@ form .ant-input-group-wrapper {
28255
28271
  box-sizing: border-box;
28256
28272
  margin: 0;
28257
28273
  padding: 0;
28258
- color: rgba(0, 0, 0, 0.85);
28274
+ color: var(--antd-text-color);
28259
28275
  font-size: 14px;
28260
28276
  font-variant: tabular-nums;
28261
28277
  line-height: 1.5715;
@@ -28272,12 +28288,12 @@ form .ant-input-group-wrapper {
28272
28288
  width: 100%;
28273
28289
  min-width: 0;
28274
28290
  padding: 4px 11px;
28275
- color: rgba(0, 0, 0, 0.85);
28291
+ color: var(--antd-input-color);
28276
28292
  font-size: 14px;
28277
- background-color: #fff;
28293
+ background-color: var(--antd-input-bg);
28278
28294
  background-image: none;
28279
- border: 1px solid #d9d9d9;
28280
- border-radius: 2px;
28295
+ border: 1px solid var(--antd-input-border-color);
28296
+ border-radius: 6px;
28281
28297
  transition: all 0.3s;
28282
28298
  display: block;
28283
28299
  height: auto;
@@ -28289,40 +28305,40 @@ form .ant-input-group-wrapper {
28289
28305
  opacity: 1;
28290
28306
  }
28291
28307
  .ant-mention-wrapper .ant-mention-editor::placeholder {
28292
- color: #bfbfbf;
28308
+ color: var(--antd-input-placeholder-color);
28293
28309
  }
28294
28310
  .ant-mention-wrapper .ant-mention-editor:placeholder-shown {
28295
28311
  text-overflow: ellipsis;
28296
28312
  }
28297
28313
  .ant-mention-wrapper .ant-mention-editor:hover {
28298
- border-color: #40a9ff;
28314
+ border-color: var(--antd-input-hover-border-color);
28299
28315
  border-right-width: 1px !important;
28300
28316
  }
28301
28317
  .ant-mention-wrapper .ant-mention-editor:focus,
28302
28318
  .ant-mention-wrapper .ant-mention-editor-focused {
28303
- border-color: #40a9ff;
28319
+ border-color: #2893f7;
28304
28320
  border-right-width: 1px !important;
28305
28321
  outline: 0;
28306
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
28322
+ box-shadow: 0 0 0 2px rgba(0, 113, 235, 0.2);
28307
28323
  }
28308
28324
  .ant-mention-wrapper .ant-mention-editor-disabled {
28309
- color: rgba(0, 0, 0, 0.25);
28310
- background-color: #f5f5f5;
28325
+ color: var(--text-color-disabled);
28326
+ background-color: var(--antd-input-disabled-bg);
28311
28327
  cursor: not-allowed;
28312
28328
  opacity: 1;
28313
28329
  }
28314
28330
  .ant-mention-wrapper .ant-mention-editor-disabled:hover {
28315
- border-color: #d9d9d9;
28331
+ border-color: var(--antd-input-border-color);
28316
28332
  border-right-width: 1px !important;
28317
28333
  }
28318
28334
  .ant-mention-wrapper .ant-mention-editor[disabled] {
28319
- color: rgba(0, 0, 0, 0.25);
28320
- background-color: #f5f5f5;
28335
+ color: var(--text-color-disabled);
28336
+ background-color: var(--antd-input-disabled-bg);
28321
28337
  cursor: not-allowed;
28322
28338
  opacity: 1;
28323
28339
  }
28324
28340
  .ant-mention-wrapper .ant-mention-editor[disabled]:hover {
28325
- border-color: #d9d9d9;
28341
+ border-color: var(--antd-input-border-color);
28326
28342
  border-right-width: 1px !important;
28327
28343
  }
28328
28344
  .ant-mention-wrapper .ant-mention-editor-borderless,
@@ -28348,26 +28364,26 @@ textarea.ant-mention-wrapper .ant-mention-editor {
28348
28364
  font-size: 16px;
28349
28365
  }
28350
28366
  .ant-mention-wrapper .ant-mention-editor-sm {
28351
- padding: 0px 7px;
28367
+ padding: 2px 7px;
28352
28368
  }
28353
28369
  .ant-mention-wrapper .ant-mention-editor-wrapper {
28354
28370
  height: auto;
28355
28371
  overflow-y: auto;
28356
28372
  }
28357
28373
  .ant-mention-wrapper.ant-mention-active:not(.disabled) .ant-mention-editor {
28358
- border-color: #40a9ff;
28374
+ border-color: #2893f7;
28359
28375
  border-right-width: 1px !important;
28360
28376
  outline: 0;
28361
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
28377
+ box-shadow: 0 0 0 2px rgba(0, 113, 235, 0.2);
28362
28378
  }
28363
28379
  .ant-mention-wrapper.disabled .ant-mention-editor {
28364
- color: rgba(0, 0, 0, 0.25);
28365
- background-color: #f5f5f5;
28380
+ color: var(--text-color-disabled);
28381
+ background-color: var(--antd-input-disabled-bg);
28366
28382
  cursor: not-allowed;
28367
28383
  opacity: 1;
28368
28384
  }
28369
28385
  .ant-mention-wrapper.disabled .ant-mention-editor:hover {
28370
- border-color: #d9d9d9;
28386
+ border-color: var(--antd-input-border-color);
28371
28387
  border-right-width: 1px !important;
28372
28388
  }
28373
28389
  .ant-mention-wrapper .public-DraftEditorPlaceholder-root {
@@ -28377,7 +28393,7 @@ textarea.ant-mention-wrapper .ant-mention-editor {
28377
28393
  .ant-mention-wrapper .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner {
28378
28394
  height: auto;
28379
28395
  padding: 5px 11px;
28380
- color: #bfbfbf;
28396
+ color: var(--antd-input-placeholder-color);
28381
28397
  white-space: pre-wrap;
28382
28398
  word-wrap: break-word;
28383
28399
  outline: none;
@@ -28391,7 +28407,7 @@ textarea.ant-mention-wrapper .ant-mention-editor {
28391
28407
  box-sizing: border-box;
28392
28408
  margin: 0;
28393
28409
  padding: 0;
28394
- color: rgba(0, 0, 0, 0.85);
28410
+ color: var(--antd-text-color);
28395
28411
  font-size: 14px;
28396
28412
  font-variant: tabular-nums;
28397
28413
  line-height: 1.5715;
@@ -28406,20 +28422,20 @@ textarea.ant-mention-wrapper .ant-mention-editor {
28406
28422
  margin-top: 1.5em;
28407
28423
  overflow-x: hidden;
28408
28424
  overflow-y: auto;
28409
- background-color: #fff;
28410
- border-radius: 2px;
28425
+ background-color: var(--antd-component-background);
28426
+ border-radius: 6px;
28411
28427
  outline: none;
28412
- box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
28428
+ box-shadow: var(--antd-box-shadow-base);
28413
28429
  }
28414
28430
  .ant-mention-dropdown-placement-top {
28415
28431
  margin-top: -0.1em;
28416
28432
  }
28417
28433
  .ant-mention-dropdown-notfound.ant-mention-dropdown-item {
28418
- color: rgba(0, 0, 0, 0.25);
28434
+ color: var(--text-color-disabled);
28419
28435
  }
28420
28436
  .ant-mention-dropdown-notfound.ant-mention-dropdown-item .anticon-loading {
28421
28437
  display: block;
28422
- color: #1890ff;
28438
+ color: #0071eb;
28423
28439
  text-align: center;
28424
28440
  }
28425
28441
  .ant-mention-dropdown-item {
@@ -28427,7 +28443,7 @@ textarea.ant-mention-wrapper .ant-mention-editor {
28427
28443
  display: block;
28428
28444
  padding: 5px 12px;
28429
28445
  overflow: hidden;
28430
- color: rgba(0, 0, 0, 0.85);
28446
+ color: var(--antd-text-color);
28431
28447
  font-weight: normal;
28432
28448
  line-height: 22px;
28433
28449
  white-space: nowrap;
@@ -28436,33 +28452,33 @@ textarea.ant-mention-wrapper .ant-mention-editor {
28436
28452
  transition: background 0.3s;
28437
28453
  }
28438
28454
  .ant-mention-dropdown-item:hover {
28439
- background-color: #f5f5f5;
28455
+ background-color: var(--antd-item-hover-bg);
28440
28456
  }
28441
28457
  .ant-mention-dropdown-item.focus,
28442
28458
  .ant-mention-dropdown-item-active {
28443
- background-color: #e6f7ff;
28459
+ background-color: var(--antd-item-active-bg);
28444
28460
  }
28445
28461
  .ant-mention-dropdown-item-disabled {
28446
- color: rgba(0, 0, 0, 0.25);
28462
+ color: var(--text-color-disabled);
28447
28463
  cursor: not-allowed;
28448
28464
  }
28449
28465
  .ant-mention-dropdown-item-disabled:hover {
28450
- color: rgba(0, 0, 0, 0.25);
28451
- background-color: #fff;
28466
+ color: var(--text-color-disabled);
28467
+ background-color: var(--antd-component-background);
28452
28468
  cursor: not-allowed;
28453
28469
  }
28454
28470
  .ant-mention-dropdown-item-selected,
28455
28471
  .ant-mention-dropdown-item-selected:hover {
28456
- color: rgba(0, 0, 0, 0.85);
28472
+ color: var(--antd-text-color);
28457
28473
  font-weight: bold;
28458
- background-color: #f5f5f5;
28474
+ background-color: var(--antd-background-color-base);
28459
28475
  }
28460
28476
  .ant-mention-dropdown-item-divider {
28461
28477
  height: 1px;
28462
28478
  margin: 1px 0;
28463
28479
  overflow: hidden;
28464
28480
  line-height: 0;
28465
- background-color: #f0f0f0;
28481
+ background-color: var(--antd-border-color-split);
28466
28482
  }
28467
28483
  .ant-legacy-form-item-label {
28468
28484
  line-height: 32px;
@@ -28666,4 +28682,4 @@ html[data-mode="dashboard"] body.has-sub-menu #main-mount-point {
28666
28682
  }
28667
28683
 
28668
28684
 
28669
- /*# sourceMappingURL=main.c7b917c588e3a17c1aa5.css.map*/
28685
+ /*# sourceMappingURL=main.f90243697007b6904c45.css.map*/