web-app/src/styles/theme.less

// You can directly set the default theme
// - `default` Default theme
// - `dark` Import the official dark less style file
// - `compact` Import the official compact less style file
@import '@delon/theme/theme-default.less';
@import "ng-zorro-antd/code-editor/style/entry.less";

// ==========The following is the custom theme variable area==========
// The theme parameters can be generated at https://ng-alain.github.io/ng-alain/
// @primary-color: #f50;
@primary-color: #3f51b5;
@font-size-base: 14px;
@nz-table-rep-padding-vertical: 3px;
@nz-table-rep-padding-horizontal: 3px;
@alain-default-header-hg: 52px;
@alain-default-header-bg: #3f51b5;
@alain-default-header-padding: 8px;
@alain-default-aside-nav-text-hover-color: #3f51b5;
@alain-default-aside-nav-selected-text-color: #3f51b5;
//@scrollbar-table-enabled: true;
@router-animation-enabled: true;

.ant-switch-checked{
    background-color: #ff4081;
}

.br-4,
.ant-btn,
.ant-tag,
.ant-card,
.ant-picker,
.ant-collapse,
.ant-select-selector,
.ant-pagination-item,
.ant-pagination-item-link,
.ant-input, .ant-input-number, .ant-input-affix-wrapper {
    border-radius: 4px!important;
}
.ant-radio-button-wrapper:first-child {
    border-radius: 4px 0 0 4px!important;
}
.ant-radio-button-wrapper:last-child {
    border-radius: 0 4px 4px 0!important;
}

.br-8, .ant-modal-header, .ant-modal-content {
  border-radius: 8px;
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    color: #fff;
    background: #ff4081;
    border-color: #ff4081;
}

// bugfix https://github.com/apache/hertzbeat/issues/133
.ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input, .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover, .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  background: inherit;
}

.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  background: #ff4081;
  border-color: #ff4081;
}

.ant-btn-dangerous.ant-btn-primary {
  background: #ff4081;
  border-color: #ff4081;
}

.ant-modal-footer {
  text-align: center;
}

.ant-modal-confirm .ant-modal-confirm-btns {
  display: flex;
  justify-content: center;
  float: none;
}

.ant-tabs-content-holder {
  flex: auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.hoverClass {
  &:hover {
    transform: scale(114%);
    transition: 0.2s;
  }
}

.ant-divider-horizontal {
  margin: 12px 0;
}

.sidebar-nav__sub-arrow::before, .sidebar-nav__sub-arrow::after {
  height: 2.5px
}

.content_bg_color {
  background-color: white;
}

.actions {
  display: flex;
  align-items: center;
  justify-content: center;
}