@qn-pandora/pandora-visualization/es/global/dashboard.less

Pandora 通用可视化库

// 主题切换相关色=========================================================
// 主题==========================================
@t-theme-color: var(--themeColor, #105feb);
@t-select-popover-hover-color: var(
  --selectPopoverHoverColor,
  rgba(44, 109, 210, 0.05)
);
// scrollbar-----
@t-scrollbar-thumb-color: var(--scrollBarColor, #e5e5e5);
// dashboard==========================================
@t-dashboard-bg: var(--dashboardBg, #f6f8fb);
@t-dashboard-dash-color: var(--dashbordDashColor, rgba(44, 108, 210, 0.8));
@t-dashboard-block-bg: var(--dashboardBlockBg, #fff);
@t-operation-bar-title-color: var(--operationBarTitleColor, #333);
@t-dashboard-border-corder: var(--dashboardBorderCorder, #d9d9d9); // phoenix
@t-dashboard-color: var(--dashboardColor, #666);
@t-dashboard-icon-color: var(--dashboardColor, #bfbfbf);

@t-dashboard-disable-color: var(--dashboardDisableColor, #bfbfbf);
@t-dashboard-disable-back: var(--dashboardDisableBack, #f5f5f5);

@t-layout-delete-bar-bg: var(--layoutDeleteBarBg, #dbe7f8); // wu
@t-variable-icon-color: var(--variableIconColor, #7a869a); // wu
// 无图表时显示icon和字体颜色
@t-empty-status-stroke: var(--dashboardBorderCorder, #bfbfbf);
@t-empty-status-fill: var(--timelineBackgroundColor, #ffffff);
@t-empty-status-text: var(--dashboardColor, #666666);
@t-empty-status-highlight: var(--themeColor, #136bff);
// 模板变量
@t-selection-choice-bg: var(--selectionChoiceBg, #f5f5f5);
// chart===============================================
@t-titlebar-color: var(--titlebarColor, #333);
@t-time-range-color: var(--timeRangeColor, #999999);
// tooltip scrollbar
@t-tooltip-bg-color: var(--tooltipBgColor, #fff);
// 暂无数据icon datast
@t-nodata-icon-shadow: var(--nodataIconShadow, #f5f5f5);
@t-nodata-icon-path: var(--nodataIconPath, #d9d9d9);
@t-nodata-icon-box-fill: var(--nodataIconBoxFill, #fafafa);
@t-nodata-desc-color: var(--nodataDescColor, #bfbfbf);
// legend 表格
@t-legend-titleheader: var(--legendTitleheader, #333);
@t-legend-item-value: var(--legendItemvalue, #666);
@t-legend-sorter: var(--legendSorter, #bfbfbf);
@t-loginfo-color: var(--timeRangeColor, #999999);
// 数据表
@t-pagination-border-color: var(--paginationBorderColor, #d9d9d9);
@t-pagination-color: var(--paginationColor, #666666);
// 日志表
@t-even-row-bg: var(--evenRowBg, #fafafa);
@t-sub-table-title-bg: var(--subTableTitleBg, #f3f3f3);
@t-sub-table-border: var(--tableBorder, #e5e5e5);
// 时间轴
@t-timeline-border-color: var(--timelineBorderColor, #e5e5e5);
@t-timeline-head-background-color: var(--timelineHeadBackgroundColor, #f5f5f5);
@t-timeline-background-color: var(--timelineBackgroundColor, #fff); // wu
@t-timeline-color: var(--timelineColor, #333);
@t-timeline-item-color: var(--timelineItemColor, #00aae7);
@t-timeline-item-background-color: var(
  --timelineItemBackgroundColor,
  rgba(0, 170, 231, 0.25)
);
// 控制面板statusPanel
@t-carousel-btn-bg-active: var(--carouselBtnBgActive, #bfbfbf);
@t-carousel-btn-bg: var(--carouselBtnBg, #d9d9d9);
// SPL编辑器
@t-spl-editor-keyword: var(--splEditorKeyword, #c2a025);
@t-spl-editor-spl-keyword: var(--splEditorSplKeyword, #147575);
@t-spl-editor-str: var(--splEditorStr, #5d90cd);
@t-spl-editor-var: var(--splEditorVar, #001188);
@t-spl-editor-func: var(--splEditorFunc, #0b7523);
@t-spl-editor-normal: var(--splEditorNormal, #7a869a);
@t-spl-editor-cursor: var(--splEditorCursor, #000000);