html[data-theme="dark"] {
.ant-btn.ant-btn-primary{
color: $contrast-text-color;
background-color: $primary-color;
border-color: $primary-color;
&:hover, &:focus {
color: $contrast-text-color;
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
}
.ant-btn{
color: $primary-text-color;
background-color: $header-bg;
&:hover, &:focus {
background-color: $highlight-dark-background-color;
border-color: $highlight-dark-background-color;
}
}
.ant-btn-danger{
background-color: #D50000;
&:hover{
background-color: #cc1923 !important;
border-color: #cc1923 !important;
}
}
.ant-btn-background-ghost.ant-btn-primary{
background: none!important;
color: $primary-text-color!important;
&:hover, &:focus{
background: $highlight-background-color!important;
}
}
.ant-btn-disabled, .ant-btn.disabled, .ant-btn[disabled], .ant-btn-disabled:hover, .ant-btn.disabled:hover, .ant-btn[disabled]:hover, .ant-btn-disabled:focus, .ant-btn.disabled:focus, .ant-btn[disabled]:focus, .ant-btn-disabled:active, .ant-btn.disabled:active, .ant-btn[disabled]:active, .ant-btn-disabled.active, .ant-btn.disabled.active, .ant-btn[disabled].active{
border-color: $secondary-dark-background-color;
background: $primary-background-color;
color: $primary-text-color-muted;
}
.ant-calendar-picker-input{
color: $primary-text-color;
background-color: $form-input-bg;
&:focus, &:hover{
background-color: $highlight-background-color;
}
}
.ant-badge-count{
box-shadow: none;
}
.ant-input-number{
background-color: $form-input-bg;
color: $primary-text-color;
}
.ant-input-search .ant-input{
background-color: $form-input-bg;
border-color: $form-input-bg;
color: $primary-text-color;
}
/*.ant-input:focus{
box-shadow: 0 0 0 2px rgba(255, 194, 0, 0.2);
}*/
.ant-calendar-picker-icon{
color: $primary-text-color-muted;
}
.ant-dropdown{
color: $primary-text-color;
}
.ant-dropdown-menu{
background-color: $secondary-light-background-color;
}
.ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title{
color: $primary-text-color;
&:hover{
background-color: $highlight-background-color;
}
> a{
color: $primary-text-color;
}
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon{
color: $primary-text-color;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled, .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled{
color: $primary-text-color-muted;
}
.ant-dropdown-menu-item-divider, .ant-dropdown-menu-submenu-title-divider{
background-color: $table-border-color;
}
.ant-dropdown-menu-item-group-title{
color: $primary-text-color-muted;
}
.ant-menu-dark .ant-menu-item:hover, .ant-menu-dark .ant-menu-item-active, .ant-menu-dark .ant-menu-submenu-active, .ant-menu-dark .ant-menu-submenu-open, .ant-menu-dark .ant-menu-submenu-selected, .ant-menu-dark .ant-menu-submenu-title:hover{
background-color: $highlight-background-color;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected, .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected{
color: $primary-text-color;
background-color: $highlight-background-color;
}
.ant-menu-dark .ant-menu-item-selected > a, .ant-menu-dark .ant-menu-item-selected > a:hover{
color: $primary-text-color;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th, .ant-table-thead > tr{
background-color: transparent;
border-bottom: 1px solid $table-border-color;
}
.ant-table-placeholder{
background: $tab-active-bg;
color: $primary-color;
border-bottom: none;
}
.ant-table-small{
border: none;
}
.ant-switch-checked, {
background-color: $primary-color;
}
.ant-switch-checked .ant-switch-inner{
color: $contrast-text-color;
}
.ant-checkbox-inner{
background: $header-bg;
border: $header-bg;
}
.ant-checkbox-checked .ant-checkbox-inner{
background-color: $primary-color;
color: $contrast-text-color;
border-color: $primary-color;
}
.ant-checkbox-checked .ant-checkbox-inner:after{
border-color: $contrast-text-color;
}
.ant-checkbox-indeterminate .ant-checkbox-inner:after{
background-color: $primary-color;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){
border-color: $primary-color;
background-color: $primary-color;
color: $contrast-text-color;
}
.ant-select-selection--multiple .ant-select-selection__choice{
background: $primary-color;
color: $contrast-text-color;
}
.ant-input-group .ant-select-selection{
background: transparent;
}
.ant-radio-button-wrapper{
background: transparent;
color: $primary-text-color;
}
.ant-radio-button-wrapper-checked{
border-color: $primary-color;
background-color: $primary-color;
color: $contrast-text-color;
}
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled){
border-color: $primary-color-hover;
}
.ant-table-thead > tr > th .ant-table-column-sorter-up.on, .ant-table-thead > tr > th .ant-table-column-sorter-down.on{
color: $primary-color;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover{
background-color: $highlight-dark-background-color;
}
.ant-tabs-nav .ant-tabs-tab-active{
color: $primary-color;
}
.ant-tabs-nav .ant-tabs-tab:hover{
color: $primary-color-hover;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab.ant-tabs-tab-active{
background: $tab-active-bg;
border-color: $tab-active-bg;
color: $primary-color;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab{
background: $tab-inactive-bg;
border-color: $tab-inactive-bg;
color: $primary-text-color-muted;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.ant-tabs-tab-prev-icon, .ant-tabs-tab-next-icon{
color: $primary-text-color;
}
.ant-modal-footer{
border-top:none;
}
.ant-modal{
color: $primary-text-color;
}
.pms-form .ant-form-item{
//border: 3px solid $primary-background-color;
box-shadow: none;
}
.ant-steps-item-process .ant-steps-item-icon{
background: $primary-color;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child){
border-right-color: $primary-color-hover;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child), .ant-btn-group .ant-btn-primary + .ant-btn-primary{
border-left-color: $primary-color-hover;
}
.ant-modal-confirm-body .ant-modal-confirm-title{
color: $primary-text-color;
}
.ant-modal-confirm-body .ant-modal-confirm-content{
color: $primary-text-color-muted;
}
.ant-steps-item-process > .ant-steps-item-content > .ant-steps-item-title{
color: $primary-text-color;
}
.ant-steps-item-wait > .ant-steps-item-content > .ant-steps-item-title, .ant-steps-item-process > .ant-steps-item-content > .ant-steps-item-description, .ant-steps-item-wait > .ant-steps-item-content > .ant-steps-item-description{
color: $primary-text-color-muted;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon{
color: $primary-color;
}
.ant-steps-item-finish .ant-steps-item-icon{
border-color: $primary-color;
background-color: $primary-light-background-color;
}
.ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-title{
color: $primary-text-color;
}
.ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-title:after{
background-color: $primary-color;
}
.ant-steps-item-process .ant-steps-item-icon{
border-color: $primary-background-color;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon{
color: $contrast-text-color;
}
.ant-pagination-item-active{
border-color: $primary-color;
background: $primary-color;
color: $contrast-text-color;
}
.ant-pagination-item:focus, .ant-pagination-item:hover{
border-color: $primary-color;
color: $primary-color;
}
.ant-pagination-item:focus a, .ant-pagination-item:hover a{
color: $primary-color;
}
.ant-pagination-item-active.ant-pagination-item:focus a, .ant-pagination-item-active.ant-pagination-item:hover a{
color: $primary-text-color;
}
.ant-pagination-simple .ant-pagination-simple-pager input{
background: none;
}
.ant-table-footer, .ant-table-small.ant-table-bordered .ant-table-footer{
background-color: $secondary-light-background-color;
border-color: $secondary-light-background-color;
}
.ant-table-row-expand-icon{
background: transparent;
}
tr.ant-table-expanded-row, tr.ant-table-expanded-row:hover{
background: $secondary-light-background-color
}
.ant-select-selection{
background: transparent;
border-color: $form-input-bg;
color: $primary-text-color;
}
.ant-select-dropdown{
background-color: $secondary-light-background-color;
}
.ant-select-dropdown-menu-item-selected, .ant-select-dropdown-menu-item-selected:hover{
color: $primary-text-color;
background-color: $highlight-background-color;
> a{
color: $primary-text-color;
}
}
.ant-select-dropdown-menu-item-group-title{
color: $primary-text-color-muted;
}
.ant-select-dropdown-menu-item:hover, .ant-select-dropdown-menu-item-active{
background-color: $highlight-dark-background-color;
}
.ant-select-dropdown-menu-item{
color: $primary-text-color;
}
.ant-select-arrow, .ant-select-selection__clear, .ant-input-affix-wrapper .ant-input-prefix, .ant-input-affix-wrapper .ant-input-suffix{
color: $primary-text-color-muted;
}
.ant-spin .ant-spin-dot i{
background-color: $primary-color;
}
.ant-spin-blur{
opacity: 0.9;
}
.ant-spin-blur:after{
opacity: 0.4;
}
.ant-spin-container:after{
background: #000;
}
.ant-popover-inner{
background: $primary-background-color;
}
.ant-popover .ant-popover-title{
border-bottom: none;
background: $primary-light-background-color;
color: $primary-color;
}
.ant-popover-inner-content{
color: $primary-text-color;
}
.ant-popover-message{
color: $primary-text-color;
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow{
border-left-color: $primary-light-background-color;
border-top-color: $primary-light-background-color;
}
.ant-breadcrumb{
color: $primary-text-color-muted;
a{
color: $primary-text-color;
&:hover{
color: $primary-color;
}
}
> span:last-child{
color: $primary-text-color-muted;
}
}
.ant-breadcrumb-separator{
color: $primary-text-color-muted;
}
.ant-collapse{
color: $primary-text-color;
background-color: $secondary-light-background-color;
border-color: $secondary-dark-background-color;
}
.ant-collapse > .ant-collapse-item{
border-color: $primary-color;
}
.ant-collapse-item .ant-collapse-header{
background: $primary-light-background-color;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header{
color: $primary-text-color;
}
.ant-collapse-content{
color: $primary-text-color;
}
.ant-notification-notice-close{
color: $primary-text-color;
}
}