You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
516 lines
13 KiB
516 lines
13 KiB
|
|
.ant-select-selection {
|
|
background: #1B4163 !important;
|
|
border: 1px solid #63AECC !important;
|
|
&:hover {
|
|
background-color: #010B19 !important;
|
|
color: #fff !important;
|
|
}
|
|
}
|
|
.lightSy { //选择器浅色模式
|
|
.ant-select-selection {
|
|
background: #E7F1FF !important;
|
|
border: 1px solid #63AECC !important;
|
|
&:hover {
|
|
background-color: #E7F1FF !important;
|
|
color: #000 !important;
|
|
}
|
|
};
|
|
.ant-select {
|
|
color: #000 !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;
|
|
color: #fff !important;
|
|
}
|
|
.lightSy {
|
|
.ant-input {
|
|
background-color: #E7F1FF !important;
|
|
border: 1px solid #63AECC !important;
|
|
color: #000 !important;
|
|
}
|
|
}
|
|
|
|
.ant-cascader-picker {
|
|
background: #1B4163 !important;
|
|
color: #fff !important;
|
|
&:hover {
|
|
background-color: #010B19 !important;
|
|
color: #fff !important;
|
|
}
|
|
}
|
|
.ant-cascader-picker-arrow svg {
|
|
color: #63AECC;
|
|
}
|
|
.ant-cascader-menu{
|
|
background-color:#010B19 !important;
|
|
box-shadow: 0px 0px 10px 0px #3373CC !important;
|
|
overflow: hidden;
|
|
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-calendar-range-picker-input {
|
|
color: #fff !important;
|
|
}
|
|
.ant-calendar-range-picker-separator {
|
|
color: #fff !important;
|
|
}
|
|
.ant-calendar-picker-icon {
|
|
color: #fff !important;
|
|
}
|
|
.lightSy {
|
|
.ant-calendar-picker-icon {
|
|
color: #45BCF4 !important;
|
|
}
|
|
}
|
|
.ant-calendar-month-panel {
|
|
box-shadow: 0px 0px 10px 0px #3373CC !important;
|
|
border-radius: 2px !important;
|
|
}
|
|
.ant-calendar-month-panel-header {
|
|
background: #08182F !important;
|
|
border-bottom: 0.0625rem solid #3373CC !important;
|
|
}
|
|
.ant-calendar-month-panel-tbody {
|
|
background: #08182F !important;
|
|
}
|
|
.ant-calendar-month-panel-month {
|
|
color: #41D4FF !important;
|
|
}
|
|
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
|
|
background: linear-gradient(180deg, #00498C 0%, #002343 100%)!important;
|
|
border-radius: 2px!important;
|
|
border: 1px solid #1EC8FA!important;
|
|
}
|
|
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month, .ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
|
|
background: #00498C !important;
|
|
}
|
|
.ant-calendar-month-panel-year-select-content {
|
|
color: #FFF !important;
|
|
}
|
|
.ant-table-thead > tr > th {
|
|
background: #14335D !important;
|
|
color: #45B5F4 !important;
|
|
border-style: none !important;
|
|
position:sticky !important;
|
|
top: 0 !important;
|
|
z-index: 1000 !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;
|
|
}
|
|
.lightSy {
|
|
.ant-btn-primary {
|
|
color: #0F2A4D !important;
|
|
background: #E7F1FF !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;
|
|
}
|
|
.lightSy {
|
|
.ant-form-item-label > label {
|
|
color: #000 !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;
|
|
}
|
|
.ant-table-content {
|
|
position: relative !important;
|
|
}
|
|
.ant-table-placeholder {
|
|
position: absolute !important;
|
|
width: 100% !important;
|
|
left: 0px !important;
|
|
top: 50px;
|
|
}
|
|
.ant-modal-content {
|
|
background-color: rgb(18, 35, 65) !important;
|
|
box-shadow: 0px 0px 10px 0px #3373CC !important;
|
|
}
|
|
.ant-modal-header {
|
|
background-color:rgb(18, 35, 65) !important;
|
|
border-bottom: 1px solid #3373CC !important;
|
|
}
|
|
.ant-modal-footer {
|
|
border-top: 1px solid #3373CC !important;
|
|
}
|
|
.ant-modal-title {
|
|
color: #fff !important;
|
|
}
|
|
.ant-modal-body {
|
|
color: #fff !important;
|
|
}
|
|
.ant-modal-close-x {
|
|
color: #3373CC !important;
|
|
}
|
|
.ant-menu-item {
|
|
color: #63AECC !important;
|
|
}
|
|
.ant-menu-item > a {
|
|
color: #63AECC !important;
|
|
}
|
|
.ant-menu-dark {
|
|
color: #63AECC !important;
|
|
background: #0F2A4D !important;
|
|
}
|
|
.ant-menu-submenu-title {
|
|
color: #63AECC !important;
|
|
}
|
|
.ant-menu-item-selected {
|
|
background: #0088C9 !important;
|
|
}
|
|
.ant-menu-item-selected > a {
|
|
color: #FFF !important;
|
|
}
|
|
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
|
|
background: #091B32 !important;
|
|
}
|
|
|
|
.ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
|
|
// background: rgb(26, 38, 65) !important;
|
|
padding-bottom: 22px;
|
|
}
|
|
|
|
.ant-tabs-card > .ant-tabs-bar {
|
|
color: white;
|
|
border-color: rgb(26, 38, 65)!important;
|
|
}
|
|
|
|
.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
|
|
border-color: transparent !important;
|
|
background: transparent !important;
|
|
}
|
|
|
|
.ant-tabs.ant-tabs-card .ant-tabs-card-bar {
|
|
.ant-tabs-tab {
|
|
color: rgba(99, 174, 204, 0.6) !important;
|
|
}
|
|
.ant-tabs-tab-active {
|
|
border-color: rgb(26, 38, 65) !important;
|
|
background: rgb(26, 38, 65) !important;
|
|
color: #63AECC !important;
|
|
}
|
|
}
|
|
|
|
.ant-tabs-nav-scroll {
|
|
background: rgb(16, 35, 63) !important;
|
|
height: 56px;
|
|
}
|
|
.ant-tabs-extra-content {
|
|
background: rgb(16, 35, 63) !important;
|
|
}
|
|
|
|
.ant-descriptions-row {
|
|
border-color: #63AECC !important;
|
|
}
|
|
.ant-descriptions > .ant-descriptions-view {
|
|
border-color: #63AECC !important;
|
|
}
|
|
.ant-descriptions-row > th {
|
|
background: #1B4163 !important;
|
|
border-color: #63AECC !important;
|
|
width: 400px !important;
|
|
color: #D8D8D8;
|
|
}
|
|
.ant-descriptions-row > td {
|
|
background: #1B4163 !important;
|
|
border-color: #63AECC !important;
|
|
width: 400px !important;
|
|
color: #63AECC !important;
|
|
}
|
|
|
|
.ant-drawer-content {
|
|
background-color: #08182F!important;
|
|
border-radius: 2px!important;
|
|
border: 1px solid #3373CC!important;
|
|
.ant-drawer-header {
|
|
background-color: #08182F !important;
|
|
border-bottom: 0.0625rem solid #3373CC !important;
|
|
.ant-drawer-title {
|
|
color: #FFF !important;
|
|
}
|
|
.ant-drawer-close {
|
|
color: #3373CC !important;
|
|
}
|
|
}
|
|
}
|
|
.ant-anchor-wrapper {
|
|
background-color: #08182F!important;
|
|
.ant-anchor-link-title {
|
|
color: #45B5F4;
|
|
}
|
|
}
|
|
.ant-anchor-ink::before {
|
|
background-color: #45B5F4 !important;
|
|
}
|
|
.ant-anchor-ink-ball {
|
|
background-color: #45B5F4 !important;
|
|
}
|
|
.ant-anchor-link-active > .ant-anchor-link-title {
|
|
color: #3373CC !important;
|
|
}
|
|
|
|
.ant-modal-body {
|
|
padding: 1.5rem 1.5rem 0.75rem 1.5rem !important;
|
|
font-size: 0.875rem !important;
|
|
line-height: 1.5 !important;
|
|
word-wrap: break-word !important;
|
|
}
|
|
|
|
//多选
|
|
.ant-select-selection--multiple .ant-select-selection__choice {
|
|
color: #63AECC !important;
|
|
border: 0.0625rem solid #63AECC !important;
|
|
background-color: #1B4163 !important;
|
|
}
|
|
.ant-select-selection--multiple .ant-select-selection__choice__remove {
|
|
color: #63AECC !important;
|
|
}
|
|
.lightSy {
|
|
.ant-select-selection--multiple .ant-select-selection__choice {
|
|
color: #000000 !important;
|
|
border: 0.0625rem solid #63AECC !important;
|
|
background-color: #E7F1FF !important;
|
|
};
|
|
.ant-select-selection--multiple .ant-select-selection__choice__remove {
|
|
color: #000000 !important;
|
|
}
|
|
}
|