You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
171 lines
5.7 KiB
171 lines
5.7 KiB
/** 默认主题 */
|
|
@import './../es/default.less';
|
|
|
|
/* Menu */
|
|
@menu-dark-color: fade(@white, 85%);
|
|
|
|
/* Modal */
|
|
@modal-header-padding: 16px 24px;
|
|
@modal-close-x-height: 54px;
|
|
@modal-close-x-width: 54px;
|
|
|
|
/* 滚动条 */
|
|
// 滑块颜色
|
|
@scrollbar-thumb-color: #cfcfcf;
|
|
// 滑块 hover 颜色
|
|
@scrollbar-thumb-hover-color: #b6b6b6;
|
|
// 滑块大小
|
|
@scrollbar-thumb-size: 12px;
|
|
// 滑块边框大小
|
|
@scrollbar-thumb-border-size: 2px;
|
|
// 小型滚动条滑块大小
|
|
@scrollbar-mini-thumb-size: 8px;
|
|
// 轨道颜色
|
|
@scrollbar-track-color: transparent;
|
|
|
|
/* Layout */
|
|
// 布局最小 z-index (页签栏[最小]->「顶栏|侧栏」[+2|+3|+1]->移动端遮罩层[+3])
|
|
@layout-z-index: 99;
|
|
// 主体内容定宽
|
|
@body-limit-width: 1160px;
|
|
// 关闭响应式布局后的最大宽度
|
|
@body-max-width: 1400px;
|
|
// 暗黑模式 class
|
|
@dark-class: ele-admin-theme-dark;
|
|
|
|
/* 侧栏 */
|
|
// 侧栏宽度
|
|
@sidebar-width: 210px;
|
|
// 侧栏折叠后宽度
|
|
@sidebar-collapse-width: 48px;
|
|
// 侧栏背景
|
|
@sidebar-background: @layout-sider-background;
|
|
// 侧栏亮色背景
|
|
@sidebar-light-background: @component-background;
|
|
// 侧栏亮色阴影
|
|
@sidebar-light-shadow: 1px 3px 3px rgba(0, 21, 41, 0.08);
|
|
// 侧栏暗色阴影
|
|
@sidebar-dark-shadow: 0 4px 4px rgba(0, 0, 0, 0.35);
|
|
// 侧栏过渡动画
|
|
@sidebar-transition-anim: 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
|
|
// 侧栏过渡效果
|
|
@sidebar-transition: width @sidebar-transition-anim,
|
|
left @sidebar-transition-anim, box-shadow @sidebar-transition-anim;
|
|
// 双侧栏一级宽度
|
|
@sidebar-nav-width: 80px;
|
|
// 双侧栏一级内间距
|
|
@sidebar-nav-padding: 0 @padding-xs;
|
|
// 双侧栏一级折叠后内间距
|
|
@sidebar-collapse-nav-padding: 0 @padding-xss;
|
|
// 双侧栏一级 pop 菜单的左右 margin
|
|
@sidebar-nav-pop-menu-margin: @padding-xs;
|
|
// 双侧栏一级菜单字体大小
|
|
@sidebar-nav-font-size: @font-size-sm;
|
|
// 双侧栏一级菜单图标字体大小
|
|
@sidebar-nav-icon-font-size: @font-size-lg;
|
|
// 双侧栏一级菜单 item 内间距
|
|
@sidebar-nav-item-padding: @padding-sm 0;
|
|
// 双侧栏一级折叠后菜单 item 内间距
|
|
@sidebar-collapse-nav-item-padding: @padding-sm 0;
|
|
// 双侧栏一级菜单 item 标题外间距
|
|
@sidebar-nav-item-title-margin: (@padding-sm / 2) 0 0 0;
|
|
// 双侧栏一级菜单 item 外间距
|
|
@sidebar-nav-item-margin: @padding-xss 0 @padding-xs 0;
|
|
// 双侧栏一级折叠后菜单 item 外间距
|
|
@sidebar-collapse-nav-item-margin: @padding-xss 0 @padding-xs 0;
|
|
// 侧栏固定时的 z-index
|
|
@sidebar-fixed-z-index: (@zindex-modal + 1001);
|
|
// 侧栏滚动条滑块颜色
|
|
@sidebar-scrollbar-thumb-color: tint(@layout-sider-background, 30%);
|
|
// 侧栏滚动条滑块 hover 颜色
|
|
@sidebar-scrollbar-thumb-hover-color: tint(@layout-sider-background, 30%);
|
|
// 侧栏滚动条轨道颜色
|
|
@sidebar-scrollbar-track-color: transparent;
|
|
// 侧栏亮色滚动条滑块颜色
|
|
@sidebar-light-scrollbar-thumb-color: @scrollbar-thumb-color;
|
|
// 侧栏亮色滚动条滑块 hover 颜色
|
|
@sidebar-light-scrollbar-thumb-hover-color: @scrollbar-thumb-hover-color;
|
|
// 侧栏亮色滚动条轨道颜色
|
|
@sidebar-light-scrollbar-track-color: transparent;
|
|
// 侧栏彩色图标宽度
|
|
@sidebar-colorful-icon-width: 26px;
|
|
// 侧栏彩色图标字体大小
|
|
@sidebar-colorful-icon-size: @font-size-base;
|
|
// 侧栏彩色图标颜色行高
|
|
@sidebar-colorful-line-height: calc(@sidebar-colorful-icon-width + 4px);
|
|
// 侧栏彩色图标颜色
|
|
@sidebar-colorful-font-color: @menu-dark-selected-item-text-color;
|
|
// 侧栏彩色图标颜色
|
|
@sidebar-colorful-color-1: #61b2fc;
|
|
@sidebar-colorful-color-2: #7dd733;
|
|
@sidebar-colorful-color-3: #32a2d4;
|
|
@sidebar-colorful-color-4: #7383cf;
|
|
@sidebar-colorful-color-5: #f5686f;
|
|
@sidebar-colorful-color-6: #2bccce;
|
|
@sidebar-colorful-color-7: #7dd733;
|
|
@sidebar-colorful-color-8: #faad14;
|
|
// 侧栏彩色图标圆点大小
|
|
@sidebar-colorful-dot-size: 8px;
|
|
// 侧栏彩色图标圆点外间距
|
|
@sidebar-colorful-dot-margin: 0 @padding-xs;
|
|
|
|
/* 顶栏 */
|
|
// 顶栏高度
|
|
@header-height: 48px;
|
|
// 顶栏背景
|
|
@header-background: @layout-sider-background;
|
|
// 顶栏亮色背景
|
|
@header-light-background: @component-background;
|
|
// 顶栏亮色阴影
|
|
@header-light-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
|
|
// 顶栏暗色阴影
|
|
@header-dark-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
|
|
// 顶栏头像大小
|
|
@header-avatar-size: 28px;
|
|
// 顶栏工具按钮 hover 背景
|
|
@header-tool-hover-bg: rgba(0, 0, 0, 0.025);
|
|
// 顶栏暗色工具按钮 hover 背景
|
|
@header-dark-tool-hover-bg: rgba(255, 255, 255, 0.05);
|
|
|
|
/* logo */
|
|
// logo 大小
|
|
@logo-size: 30px;
|
|
// logo 文字大小
|
|
@logo-font-size: @font-size-lg + 2px;
|
|
// logo 字体粗度
|
|
@logo-font-weight: 600;
|
|
// logo 亮色文字颜色
|
|
@logo-light-color: @heading-color;
|
|
// logo 暗色文字颜色
|
|
@logo-dark-color: @menu-dark-selected-item-text-color;
|
|
// logo 亮色阴影
|
|
@logo-light-shadow: 1px 2px 3px rgba(0, 21, 41, 0.08);
|
|
// logo 暗色阴影
|
|
@logo-dark-shadow: 0 3px 4px rgba(0, 0, 0, 0.35);
|
|
// logo 字体
|
|
@logo-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
|
|
'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
|
|
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
|
|
/* 页签栏 */
|
|
// 页签栏高度
|
|
@tabs-height: 40px;
|
|
// 页签栏卡片式间距
|
|
@tabs-card-padding: @padding-xs;
|
|
|
|
/* 返回顶部位置 */
|
|
@layout-back-top-right: 30px;
|
|
@layout-back-top-bottom: 60px;
|
|
|
|
/* FileList */
|
|
@file-list-selector-z-index: 999;
|
|
@file-list-selector-border-color: #0078d7;
|
|
@file-list-selector-background: rgba(0, 120, 215, 0.2);
|
|
@file-list-item-active-border-color: @primary-3;
|
|
@file-list-item-active-background: @item-active-bg;
|
|
@file-list-table-sort-color: hsla(0, 0%, 60%, 0.6);
|
|
@file-list-table-sort-active-color: @primary-color;
|
|
|
|
/* Table Tool */
|
|
@table-tool-column-width: 220px;
|
|
@table-tool-column-max-height: 480px;
|