chat-admin-web/src/style/global.less

@primary-color: #2152d1;
@success-color: #52C41A;
@warning-color: #FAAD14;
@error-color: #FF4D4F;
@text-color: #303133;
@border-color: #DCDFE6;
@background-color: #F7F8FA;
@font-size-base: 14px;
@border-radius-base: 4px;
@border-radius-large: 12px;

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

#root {
    height: 100%;
    width: 100%;
    font-size: @font-size-base;
    color: @text-color;
    // Ant-Design主题-属性
    --primary-color: @primary-color;
    --text-color: @text-color;
    --border-radius: @border-radius-base;
}

a,
a:hover,
a:active {
    cursor: pointer;
    font-size: @font-size-base;
    color: @primary-color;
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style-type: none;
}

.text-primary,
.text-primary:hover {
    color: @primary-color;
}

.text-success,
.text-success:hover {
    color: @success-color;
}

.text-warning,
.text-warning:hover {
    color: @warning-color;
}

.text-error,
.text-error:hover {
    color: @error-color;
}

.router-lazyLoad {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

// Ant-Design主题
.ant-menu-inline {
    border: none !important;
}

.ant-menu-inline-collapsed {
    border: none !important;
}

// 禁用
//.ant-form-item {
//    margin-bottom: 16px !important;
//}

// 全局按钮样式
.ant-btn-primary {
  background: #1890ff;
  border: 1px solid #1890ff;
  color: #ffffff;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  
  &:hover {
    background: #40a9ff;
    border-color: #40a9ff;
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
  }
  
  &:active {
    background: #096dd9;
    border-color: #096dd9;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    transform: translateY(0);
  }
  
  &:focus {
    background: #1890ff;
    border-color: #1890ff;
    color: #ffffff;
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  }
  
  &:disabled {
    background: #f5f5f5;
    border-color: #d9d9d9;
    color: rgba(0, 0, 0, 0.25);
    box-shadow: none;
    transform: none;
  }
}