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

p {
    margin: 0;
}

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-menu-item-selected {
    background-color: #e6f7ff !important;
}

.ant-menu-item-active {
    background-color: #e6f7ff !important;
}

// 确保选中状态的样式优先级
.ant-menu-inline .ant-menu-item-selected {
    background-color: #e6f7ff !important;
}

.ant-menu-inline .ant-menu-item-active {
    background-color: #e6f7ff !important;
}

// 为选中状态添加额外的样式以确保效果
.ant-menu-inline .ant-menu-item-selected,
.ant-menu-inline .ant-menu-item-active {
    background-color: #e6f7ff !important;
    border-left: 4px solid #1890ff !important;
    color: #1890ff !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;
    }
}