cc-core-cli/template/admin/public/static/styles/custom-antd.css

Command Line Interface tool for generating project templates for the (Your Platform's Name) platform.

:root {
  /* Primary Colors */
  --primary-color: #04ace4;
  --secondary-color: #c59b7c;
  --info-color: #fcbc05;
  --action-color: var(--info-color);
  --success-color: #52c41a;
  --processing-color: #1890ff;
  --error-color: #f5222d;
  --highlight-color: #f5222d;
  --warning-color: #faad14;
  --normal-color: #d9d9d9;


  /* Text Colors */
  --text-color: rgba(0, 0, 0, 0.65);
  --text-color-secondary: rgba(0, 0, 0, 0.35);
  --text-color-label: rgba(0, 0, 0, 0.85);
  --text-color-disabled: rgba(0, 0, 0, 0.25);

  /* Background Colors */
  --background-color: #f6f7f9;
  --white-color: #ffffff;
  --dark-color: rgb(51, 51, 51);
  --hover-color: #efefef;
  --disabled-bg-color: #f5f5f5;

  /* Ant Design Disabled Background Colors */
  --antd-disabled-bg: #f5f5f5;
  --antd-input-disabled-bg: #f5f5f5;
  --antd-select-disabled-bg: #f5f5f5;
  --antd-select-dropdown-bg: #ffffff;
  --antd-table-disabled-bg: #f5f5f5;
  --antd-empty-bg: #fafafa;
  --scrollbar-thumb-hover: #bfbfbf;

  /* Border & Radius */
  --border-color-base: #d9d9d9;
  --border-color-split: rgba(0, 0, 0, 0.05);
  --border-radius-base: 6px;
  --border-radius-sm: 5px;

  /* Layout */
  --layout-header-background: #ffffff;
  --layout-header-height: 60px;
  --layout-footer-background: #04ace4;

  /* Menu */
  --menu-dark-bg: #ffffff;
  --menu-dark-submenu-bg: #f6f7f9;
  --menu-item-color: rgba(0, 0, 0, 0.65);
  /* --menu-highlight-color: #04ace4; */
  --menu-highlight-color: #1890ff;
  /* AntD default */
  --menu-item-active-bg: #04ace4;
  --menu-item-group-title-color: #625f6e;
  --menu-popup-bg: #ffffff;
  --menu-inline-toplevel-item-height: 36px;
  --menu-item-height: 36px;

  /* Table */
  --table-header-bg: #fafafa;
  --table-header-color: rgba(0, 0, 0, 0.85);
  --table-header-sort-bg: #f5f5f5;
  --table-body-sort-bg: #fafafa;
  --table-row-hover-bg: #f5f5f5;
  --table-selected-row-bg: #e6f7ff;
  --table-disabled-bg: #f5f5f5;
  --table-empty-bg: #fafafa;

  /* Typography */
  --font-family: "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --code-family: "Anonymous Pro", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  --label-bigger: 16px;
  --label-color: rgba(0, 0, 0, .65);

  /* Card */
  --card-padding-base: 16px;
  --card-padding-wider: 16px;

  /* List */
  --list-layouts-bg: #fafafa;
  --list-layouts-border: #bfbfbf;

  /* Breadcrumb */
  --breadcrumb-link-color-hover: #04ace4;

  /* Custom Colors */
  --btn-primary-color: #420035;
  --system-yellow-color: #FDDF97;
  --btn-default-border: #d9d9d9;
  --btn-default-bg: #ffffff;
  --btn-default-color: rgba(0, 0, 0, 0.65);
  --btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);

  /* Radio Button Colors */
  --radio-button-hover-color: #1890ff;
  --radio-button-bg: #e6f7ff;

  /* Select Dropdown Colors */
  --select-option-selected-bg: rgba(0, 160, 233, 0.1); 
}

/* AntD Picker Styles */
.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
  background-color: var(--primary-color) !important;
}

.ant-picker-time-panel-column>li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
  background-color: var(--primary-color) !important;
}

.ant-select-multiple .ant-select-selection-item {
  background: #f5f5f5 !important;
  border: 1px solid #f0f0f0 !important;
  border-radius: 6px !important;
}

.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
  color: #bfbfbf !important;
  border-color: #d9d9d9 !important;
}

.ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background: #f5f5f5 !important;
}

.ant-input[disabled] {
  color: rgba(0, 0, 0, .25) !important;
  background-color: #f5f5f5 !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

.ant-input-number-disabled {
  color: rgba(0, 0, 0, .25) !important;
  background-color: #f5f5f5 !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

.ant-picker.ant-picker-disabled {
  background: #f5f5f5 !important;
  border-color: #d9d9d9 !important;
}
.ant-picker.ant-picker-disabled {
  background: #f5f5f5 !important;
  border-color: #d9d9d9 !important;
  cursor: not-allowed !important;
}

.ant-picker-input > input[disabled] {
  color: rgba(0, 0, 0, 0.25) !important;
  background-color: #f5f5f5 !important;
}

.ant-picker.ant-picker-disabled .ant-picker-suffix {
  color: rgba(0, 0, 0, 0.25) !important;
}

.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  color: rgba(0, 0, 0, 0.25) !important;
  background: #f5f5f5 !important;
}

.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  color: rgba(0, 0, 0, 0.25) !important;
  background: #f5f5f5 !important;
}

.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selection-placeholder {
  color: rgba(0, 0, 0, 0.25) !important;
}

.ant-btn-link[disabled], .ant-btn-link[disabled]:hover, .ant-btn-link[disabled]:focus, .ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25) !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.ant-tag {
  background-color: #fafafa !important;
}

.ant-tag .ant-typography {
  font-size: 12px;
}

.layouts-sub-sider-horizontal .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected,
.layouts-sub-sider-horizontal .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover {
  color: var(--submenu-bg-active-color) !important;
  border-bottom: 2px solid var(--submenu-bg-active-color) !important;
}

.ant-tag.tag-bool-true {
  background-color: var(--boolean-true) !important;
}

.ant-tag.tag-bool-false {
  background-color: var(--boolean-false) !important;
}

.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active {
  background-color: white !important;
  border-bottom-color: white !important;
}

.layouts-sub-sider-horizontal .ant-menu-horizontal>.ant-menu-item-selected a,
.layouts-sub-sider-horizontal .ant-menu-horizontal>.ant-menu-item a:hover {
  color: var(--submenu-bg-active-color) !important;
}

.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab {
  margin-left: 0px;
}

/* .ant-empty-img-simple-path {
  fill: #fafafa !important;
} */

.ant-empty-image g g path:nth-child(2) {
  fill: #fafafa !important;
  
}

.ant-empty-image g ellipse {
  fill: #f5f5f5 !important;
}
/* Select Dropdown Styles */
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: #333333 !important;
  background-color: var(--select-option-selected-bg) !important;
}

.ant-select-item-option-selected.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.ant-select-item-option-selected:hover:not(.ant-select-item-option-disabled) {
  color: #333333 !important;
  background-color: var(--select-option-selected-bg) !important;
}

.ant-select-item-option-active:not(.ant-select-item-option-selected):not(.ant-select-item-option-disabled) {
  background-color: var(--hover-color) !important;
}
.ant-select-open:not(.ant-select-disabled) .ant-select-selector .ant-select-selection-item,
.ant-select-open:not(.ant-select-disabled) .ant-select-selector .ant-select-selection-selected-value {
  color: rgba(0, 0, 0, 0.45) !important;
}

.ant-select-focused .ant-select-selector {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 2px rgba(4, 172, 228, 0.2) !important;
}

.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 2px rgba(4, 172, 228, 0.2) !important;
  outline: 0 !important;
}