refactor: antd style by theme(--base-color)

radishes-music · Feb 19, 2021 · 96446fa · 96446fa
1 parent 7db6fb8
commit 96446fa
Showing 1 changed file with 53 additions and 0 deletions.
diff --git a/src/theme/cover.less b/src/theme/cover.less
@@ -53,3 +53,56 @@ button.easy-button-text {
 .ant-modal-header {
   user-select: none;
 }
+
+.ant-btn:hover,
+.ant-btn:focus {
+  color: var(--base-color-lighten);
+  background-color: #fff;
+  border-color: var(--base-color-lighten);
+}
+
+.ant-btn-primary {
+  color: #fff;
+  background-color: var(--base-color);
+  border-color: var(--base-color);
+}
+
+.ant-btn-primary:hover,
+.ant-btn-primary:focus {
+  color: #fff;
+  background-color: var(--base-color-lighten);
+  border-color: var(--base-color-lighten);
+}
+
+.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
+  border-color: var(--base-color);
+  border-right-width: 1px !important;
+}
+
+.ant-select-focused:not(.ant-select-disabled).ant-select-single:not(.ant-select-customize-input)
+  .ant-select-selector {
+  border-color: var(--base-color-lighten);
+  box-shadow: none;
+}
+
+.ant-radio-checked .ant-radio-inner {
+  border-color: var(--base-color);
+}
+.ant-radio-inner::after {
+  background-color: var(--base-color);
+}
+
+.ant-radio-wrapper:hover .ant-radio,
+.ant-radio:hover .ant-radio-inner,
+.ant-radio-input:focus + .ant-radio-inner {
+  border-color: var(--base-color);
+}
+
+.ant-input:hover {
+  border-color: var(--base-color);
+  border-right-width: 1px !important;
+}
+.ant-input:focus {
+  border-color: var(--base-color-lighten);
+  box-shadow: none;
+}