/**
 * Ant Design Vue 4 Dark 主题 Less 变量兼容层
 * AntDv4 移除了 Less 主题文件，此文件提供 ele-admin-pro 所需的暗色模式变量。
 */

@import './default.less';

// ========== 暗色覆盖 ==========
@primary-color: #1668dc;
@component-background: #141414;
@background-color-light: #1d1d1d;
@background-color-base: #1f1f1f;
@heading-color: rgba(255, 255, 255, 0.88);
@text-color: rgba(255, 255, 255, 0.85);
@text-color-secondary: rgba(255, 255, 255, 0.65);
@border-color-base: #424242;
@border-color-split: #303030;
@item-active-bg: #111b26;
@item-hover-bg: #262626;

// ========== Menu Dark ==========
@menu-bg: #1f1f1f;
@menu-item-color: rgba(255, 255, 255, 0.65);
@menu-highlight-color: @primary-color;
@menu-dark-item-selected-bg: @primary-color;
@menu-dark-item-color: rgba(255, 255, 255, 0.65);
@menu-dark-selected-item-text-color: #fff;

// ========== Layout Dark ==========
@layout-body-background: #000000;
@layout-header-background: #1f1f1f;
@layout-sider-background: #1f1f1f;

// ========== Modal Dark ==========
@modal-content-bg: #1f1f1f;
@modal-heading-color: rgba(255, 255, 255, 0.88);
@modal-close-color: rgba(255, 255, 255, 0.45);

// ========== 其他 ==========
@disabled-color: rgba(255, 255, 255, 0.25);
