auseft.platform.datav/src/app/routes/data-v/workstation/workstation.component.less

// .workstation-header {
//     width: 100%;widthwidth
//     height: 3rem;heightheight
//     /* 水平宽度占据整个视口宽度 */
//     background-image: url('../../../../assets/dashboard/dashboard_workstation.jpg');background-imagebackground-image
//     background-size: cover;background-sizebackground-size
//     /* 背景图片尺寸适应 */
//     background-position: top;background-positionbackground-position
// }
// .workstation-content {
//     height: 18rem;heightheight
//     padding: 1rem 1.5rem;paddingpadding
//     background-image: url('../../../../assets/dashboard/dashboard_card_bg.jpg');background-imagebackground-image
//     background-size: cover;background-sizebackground-size
//     /* 背景图片尺寸适应 */
//     background-position: top;background-positionbackground-position
// }

.workstation-content-title {
    margin-bottom: 0.5rem;
    font-size: 18px;
    font-weight: 600;
    color: #94DDF3;
}

.ag-theme-datav {
    --ag-border-color: #74FAFB;
    --ag-foreground-color: #74FAFB;
    --ag-background-color: #0A1632;
    --ag-header-foreground-color: #74FAFB;
    --ag-header-background-color: #0A1632;
    --ag-odd-row-background-color: #0A1632;
    --ag-header-column-resize-handle-color: rgb(126 46 132);
    --ag-font-size: 17px;
    --ag-font-family: monospace;

    height: 14rem;
    &:extend(.ag-theme-material);
     
}

/* 设置滚动条的宽度 */
.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: 2px solid orange;

    /* 滚动条滑块的背景颜色 */
    border-radius: 6px;

    /* 滚动条滑块的边框 */
}

/* 设置滚动条轨道的样式 */
.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;

    /* 滚动条滑块激活时的背景颜色 */
}