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; } }