hsq-pro/src/design/theme.less

@import './themify/dark.less';
@import './themify/light.less';
@import './themify/vent1.less';

@ventSpace: zxm;

.bg-white {
  background-color: @component-background !important;
}

html[data-theme='light'] {
  .text-secondary {
    color: rgba(0, 0, 0, 0.45);
  }

  /*【美化】自定义table字体颜色*/
  .@{ventSpace}-table {
    color: rgba(0, 0, 0, 0.65);
  }

  /*【美化】自定义table字体颜色*/
  /*【美化】自定义form字体颜色*/
  .@{ventSpace}-select-multiple .@{ventSpace}-select-selection-item-content {
    color: rgba(0, 0, 0, 0.65);
  }

  .@{ventSpace}-input-affix-wrapper>input.@{ventSpace}-input {
    color: rgba(0, 0, 0, 0.65);
  }

  .@{ventSpace}-select-single.@{ventSpace}-select-show-arrow .@{ventSpace}-select-selection-item,
  .@{ventSpace}-select-single.@{ventSpace}-select-show-arrow .@{ventSpace}-select-selection-placeholder {
    color: rgba(0, 0, 0, 0.65);
  }

  /*【美化】自定义form字体颜色*/

  .@{ventSpace}-alert-success {
    background-color: #f6ffed;
    border: 1px solid #b7eb8f;
  }

  .@{ventSpace}-alert-error {
    background-color: #fff2f0;
    border: 1px solid #ffccc7;
  }

  .@{ventSpace}-alert-warning {
    background-color: #fffbe6;
    border: 1px solid #ffe58f;
  }

  :not(:root):fullscreen::backdrop {
    background-color: @layout-body-background !important;
  }
}

[data-theme='dark'] {
  .text-secondary {
    color: #8b949e;
  }

  .@{ventSpace}-card-grid-hoverable:hover {
    box-shadow: 0 3px 6px -4px rgb(0 0 0 / 48%), 0 6px 16px 0 rgb(0 0 0 / 32%), 0 9px 28px 8px rgb(0 0 0 / 20%);
  }

  .@{ventSpace}-card-grid {
    box-shadow: 1px 0 0 0 #434343, 0 1px 0 0 #434343, 1px 1px 0 0 #434343, 1px 0 0 0 #434343 inset, 0 1px 0 0 #434343 inset;
  }

  .@{ventSpace}-calendar-selected-day .@{ventSpace}-calendar-date {
    color: rgba(0, 0, 0, 0.8);
  }

  .@{ventSpace}-select-tree li .@{ventSpace}-select-tree-node-content-wrapper.@{ventSpace}-select-tree-node-selected {
    color: rgba(0, 0, 0, 0.9);
  }
}

// 下面的代码负责将 themify 文件夹下声明的 css 变量赋给 less 变量
@themify-text-primary: var(--themify-text-primary);

// 下面的代码负责将主题相关的选择器、图片前缀等 less 变量声明
@theme-dark: ~"html[data-theme='dark2']";
@theme-light: ~"html[data-theme='light']";
@theme-vent1: ~"html[data-theme='vent1']";