| | |
| | | .login-container { |
| | | background-color: $bg1; |
| | | .logo { |
| | | border-color: transparent; |
| | | border-color: $color6; |
| | | .plat-name { |
| | | color: $font1; |
| | | } |
| | | } |
| | | .login-middle { |
| | | border-color: transparent; |
| | | border-color: $color6; |
| | | .login-form-button { |
| | | background-color: $color6; |
| | | border-color: $color6; |
| | |
| | | .ant-tabs-tab:hover { |
| | | color: $color6; |
| | | } |
| | | } |
| | | .anticon-eye { |
| | | color: $color6; |
| | | } |
| | | } |
| | | .login-bottom { |
| | |
| | | } |
| | | |
| | | // 系统样式修改 |
| | | // .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) { |
| | | // background-color: $color1; |
| | | // } |
| | | // .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) { |
| | | // background-color: $color1; |
| | | // } |
| | | // // 复选框 |
| | | // .ant-checkbox-checked .ant-checkbox-inner { |
| | | // background-color: $color6; |
| | | // border-color: $color6; |
| | | // } |
| | | // .ant-checkbox-checked::after { |
| | | // border: 1px solid $color6; |
| | | // } |
| | | // .ant-checkbox-indeterminate .ant-checkbox-inner::after { |
| | | // background-color: $color6; |
| | | // } |
| | | // .ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner { |
| | | // border-color: $color6; |
| | | // } |
| | | // // 下拉框 |
| | | // .ant-select-selection:hover { |
| | | // border-color: $color5; |
| | | // } |
| | | // .ant-select-focused .ant-select-selection, .ant-select-selection:focus, .ant-select-selection:active { |
| | | // border-color: $color5; |
| | | // box-shadow: 0 0 0 2px $color2; |
| | | // } |
| | | // // 切换 |
| | | // .ant-switch-checked { |
| | | // background-color: $color6; |
| | | // } |
| | | // // 输入框 |
| | | // .ant-input:hover { |
| | | // border-color: $color5; |
| | | // } |
| | | // .ant-input:focus, .ant-input:active { |
| | | // border-color: $color5; |
| | | // box-shadow: 0 0 0 2px $color2; |
| | | // } |
| | | // .ant-input-number-focused { |
| | | // border-color: $color5; |
| | | // box-shadow: 0 0 0 2px $color2; |
| | | // } |
| | | // .ant-input-number:hover, .ant-input-number:focus, .ant-input-number:active, .ant-input-number-input:hover, .ant-input-number-input:focus, .ant-input-number-input:active, .ant-input-number-focused:hover, .ant-input-number-focused:focus, .ant-input-number-focused:active { |
| | | // border-color: $color5; |
| | | // } |
| | | // .ant-input-number:focus, .ant-input-number:active { |
| | | // box-shadow: 0 0 0 2px $color2; |
| | | // } |
| | | // // 日历 |
| | | // .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) { |
| | | // border-color: $color5; |
| | | // } |
| | | .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) { |
| | | background-color: $color1; |
| | | } |
| | | .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) { |
| | | background-color: $color1; |
| | | } |
| | | // 复选框 |
| | | .ant-checkbox-checked .ant-checkbox-inner { |
| | | background-color: $color6; |
| | | border-color: $color6; |
| | | } |
| | | .ant-checkbox-checked::after { |
| | | border: 1px solid $color6; |
| | | } |
| | | .ant-checkbox-indeterminate .ant-checkbox-inner::after { |
| | | background-color: $color6; |
| | | } |
| | | .ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner { |
| | | border-color: $color6; |
| | | } |
| | | // 下拉框 |
| | | .ant-select-selection:hover { |
| | | border-color: $color5; |
| | | } |
| | | .ant-select-focused .ant-select-selection, .ant-select-selection:focus, .ant-select-selection:active { |
| | | border-color: $color5; |
| | | box-shadow: 0 0 0 2px $color2; |
| | | } |
| | | // 切换 |
| | | .ant-switch-checked { |
| | | background-color: $color6; |
| | | } |
| | | // 输入框 |
| | | .ant-input:hover { |
| | | border-color: $color5; |
| | | } |
| | | .ant-input:focus, .ant-input:active { |
| | | border-color: $color5; |
| | | box-shadow: 0 0 0 2px $color2; |
| | | } |
| | | .ant-input-number-focused { |
| | | border-color: $color5; |
| | | box-shadow: 0 0 0 2px $color2; |
| | | } |
| | | .ant-input-number:hover, .ant-input-number:focus, .ant-input-number:active, .ant-input-number-input:hover, .ant-input-number-input:focus, .ant-input-number-input:active, .ant-input-number-focused:hover, .ant-input-number-focused:focus, .ant-input-number-focused:active { |
| | | border-color: $color5; |
| | | } |
| | | .ant-input-number:focus, .ant-input-number:active { |
| | | box-shadow: 0 0 0 2px $color2; |
| | | } |
| | | .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) { |
| | | border-color: $color5; |
| | | } |
| | | // 日历 |
| | | .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) { |
| | | border-color: $color5; |
| | | } |
| | | } |
| | | |
| | | body.hidden-split-line #root { // 去除登录页分割线 |
| | | .login-container { |
| | | .logo { |
| | | border-color: transparent; |
| | | } |
| | | .login-middle { |
| | | border-color: transparent; |
| | | } |
| | | } |
| | | } |
| | | |
| | | @mixin bgblack() { |