.ant-select-selection { background: #1B4163 !important; border: 1px solid #63AECC !important; &:hover { background-color: #010B19 !important; color: #fff !important; } } .ant-select-arrow .ant-select-arrow-icon svg { color: #63AECC; } .ant-select { color: #fff !important; } .ant-select-dropdown{ background-color:#010B19 !important; box-shadow: 0px 0px 10px 0px #3373CC !important; overflow: hidden; .ant-select-dropdown-menu,.ant-select-dropdown-menu-root,.ant-select-dropdown-menu-vertical{ li{// 鼠标 hover 效果 color: #fff; border-top: 1px solid #3373CC !important; background-color:#010B19 !important; &:hover { color: #63AECC; background-color:#010B19 !important; } &:first-child { border-top-style: none !important; } } } .ant-select-dropdown-menu-item-active{ background-color:#010B19 !important; // 展开时。默认选中option的背景色 color: #63AECC !important; } } .ant-input { background-color: #1B4163 !important; border: 1px solid #63AECC !important; } .ant-calendar-range-picker-input { color: #fff !important; } .ant-calendar-range-picker-separator { color: #fff !important; } .ant-calendar-picker-icon { color: #fff !important; } .ant-table-thead > tr > th { background: #0c203b !important; color: #3373CC !important; border-style: none !important; position:sticky !important; top: 0 !important; } .evenRow{ background: #010e1f; color: #fff; } .oddRow { background: #14325d; color: #fff; } .ant-table-tbody > tr > td { border-style: none !important; } .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td { background: #2668c2 !important; } .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link { background: linear-gradient(180deg, #00498C 0%, #002343 100%) !important; border: 1px solid #63AECC !important; } .ant-pagination-disabled a, .ant-pagination-disabled:hover a, .ant-pagination-disabled:focus a, .ant-pagination-disabled .ant-pagination-item-link, .ant-pagination-disabled:hover .ant-pagination-item-link, .ant-pagination-disabled:focus .ant-pagination-item-link { color: #fff !important; } .ant-pagination-item { border: 1px solid #1EC8FA !important; background-color: #010B19 !important; color: #1EC8FA !important; } .ant-pagination-item-active { background: linear-gradient(180deg, #00498C 0%, #002343 100%) !important; border: 1px solid #63AECC !important; } .ant-btn-primary { color: #4f95b7 !important; background: linear-gradient(180deg, #00498C 0%, #002343 100%) !important; border: 1px solid #4f95b7 !important; } .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon { color: #3373CC !important; } .ant-steps-item-wait .ant-steps-item-icon { background: #0c2242 !important; border-color: #3373CC !important; } .ant-steps-item-process .ant-steps-item-icon { background: #0c2242 !important; } .ant-steps-item-finish .ant-steps-item-icon{ background: #0c2242 !important; } .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { color: #fff !important; } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { color: #fff !important; } .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { color: #acb0b4 !important; } .ant-form-item-label > label { color: #fff !important; } .ant-input { color: #fff !important; } .ant-input-group-addon { background: transparent !important; border-style: none !important; } .ant-checkbox-wrapper { color: #fff !important; } .ant-checkbox-disabled .ant-checkbox-inner { border: 1px solid #3373CC !important; background: #010e1f !important; } .ant-checkbox-inner { border: 1px solid #3373CC !important; background: #010e1f !important; } .ant-table-placeholder { background: transparent !important; border-style: none !important; } .ant-empty-description { color: #fff !important; } .ant-dropdown-menu { background: #010e1f !important; border: 1px solid #3373CC !important; box-shadow: 0px 0px 10px 0px #3373CC !important; li { color: #fff; border-top: 1px solid #3373CC !important; background-color:#010B19 !important; &:first-child { border-top-style: none !important; } } } .ant-calendar{ background: #010e1f !important; border: 1px solid #3373CC !important; box-shadow: 0px 0px 10px 0px #3373CC !important; } .ant-calendar-picker-container { color: #fff !important; } .ant-calendar-date { color: #fff !important; &:hover { background: transparent !important; border: 1px solid #3373CC !important; } } .ant-calendar-range .ant-calendar-in-range-cell::before { background: #1990fe !important; } .ant-calendar-cell ant-calendar-in-range-cell { background: transparent !important; } .ant-calendar-range .ant-calendar-input, .ant-calendar-range .ant-calendar-time-picker-input { background: #010e1f !important; color: #fff !important; } .ant-calendar-input-wrap { border-bottom: 1px solid #3373CC !important; } .ant-calendar-range .ant-calendar-body { border-top: 1px solid #3373CC !important; } .ant-calendar-header .ant-calendar-century-select, .ant-calendar-header .ant-calendar-decade-select, .ant-calendar-header .ant-calendar-year-select, .ant-calendar-header .ant-calendar-month-select { color: #fff !important; } .ant-pagination-item a { color: #fff !important; } .ant-pagination-next a { color: #fff !important; } .ant-pagination-prev a { color: #fff !important; } .ant-pagination-total-text { color: #3373CC !important; } .ant-btn { background-color: #010e1f !important; border: 1px solid #1EC8FA !important; color: #41D4FF !important; } .ant-table-tbody > tr.ant-table-row-selected td { background: #2668c2 !important; } .ant-popover-inner { background: #08182e !important; box-shadow: 0px 0px 10px 0px #3373CC !important; } .ant-popover-inner-content{ padding:0 !important; } .ant-popover-title { padding:10px !important; border-bottom: 1px solid #173b6d !important; color: #fff !important; } .ant-calendar-disabled-cell .ant-calendar-date { background-color: #7f7f7f !important; } .ant-table-thead > tr > th { padding: 0.75rem !important; } .ant-table-tbody > tr > td { padding: 0.75rem !important; } .ant-checkbox-group { color: #fff !important; } .ant-checkbox-disabled + span { color: #fff !important; } .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox { background-color: #010B19 !important; } li.ant-calendar-time-picker-select-option-selected { background-color: #010B19 !important; } .ant-calendar-range .ant-calendar-header { border-bottom: 1px solid #ccc !important; } .ant-calendar-time-picker-select li { &:hover { background: #3373CC !important; } } .ant-tooltip { box-shadow: 0px 0px 10px 0px #3373CC !important; background: #08182e !important; } .ant-tooltip-inner { background: #08182e !important; }