// You can directly set the default theme
// - `default` Default theme
// - `dark` Import the official dark less style file
// - `compact` Import the official compact less style file
@import '@delon/theme/theme-dark.less';

// ==========The following is the custom theme variable area==========
// The theme paraments can be generated at https://ng-alain.github.io/ng-alain/
// @primary-color: #f50;==========Thefollowingisthecustomthemevariablearea==========Thethemeparamentscanbegeneratedathttps


@primary-color: #13C2C2;
@alain-default-header-bg: #13C2C2;
@alain-default-aside-nav-text-hover-color: #13C2C2;
@alain-default-aside-nav-selected-text-color: #13C2C2;


/* 设置滚动条的宽度 */
.ag-theme-datav ::ng-deep .ag-body-vertical-scroll-viewport::-webkit-scrollbar {
    width: 12px;
}

/* 设置滚动条滑块的样式 */
.ag-theme-datav ::ng-deep .ag-body-vertical-scroll-viewport::-webkit-scrollbar-thumb {
    background-color: red;
    /* 滚动条滑块的背景颜色 */
    border-radius: 6px;
    /* 圆角 */
    border: 2px solid orange;
    /* 滚动条滑块的边框 */
}

/* 设置滚动条轨道的样式 */
.ag-theme-datav ::ng-deep .ag-body-vertical-scroll-viewport::-webkit-scrollbar-track {
    background-color: yellow;
    /* 滚动条轨道的背景颜色 */
}

/* 设置滚动条滑块悬浮时的样式 */
.ag-theme-datav ::ng-deep .ag-body-vertical-scroll-viewport::-webkit-scrollbar-thumb:hover {
    background-color: darkred;
    /* 滚动条滑块悬浮时的背景颜色 */
}

/* 设置滚动条滑块激活（即正在拖动滑块）时的样式 */
.ag-theme-datav ::ng-deep .ag-body-vertical-scroll-viewport::-webkit-scrollbar-thumb:active {
    background-color: #a00;
    /* 滚动条滑块激活时的背景颜色 */
}

/* 修改滚动条宽度、背景色和滑块颜色 */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
}

/* 鼠标悬停时滚动条滑块颜色 */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}