/* 这里是一套默认主题样式只有在私有化无法上传样式主题的时候才需要使用 */
.QMS-theme-blue-light {
  --shadow-1: 0px 1px 10px 0px rgba(0, 0, 0, 0.05),
    0px 2px 4px -1px rgba(0, 0, 0, 0.12);
  --shadow-2: 0px 6px 20px 5px rgba(0, 0, 0, 0.05),
    0px -1px 4px 0px rgba(0, 0, 0, 0.05);
  --shadow-3: 0px -1px 10px -5px rgba(0, 0, 0, 0.16),
    0px 6px 20px 4px rgba(0, 0, 0, 0.02), 0px 4px 24px 3px rgba(0, 0, 0, 0.03);
  --shadow-hover: 0px 5px 12px 4px rgba(0, 0, 0, 0.09),
    0px 3px 6px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px -2px rgba(0, 0, 0, 0.16);
  --up-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.08);
  --left-shadow: -10px 0px 16px 0px rgba(0, 0, 0, 0.08);
  --primary-color-normal: #0076ce;
  --primary-color-hover: #2392db;
  --primary-color-click: #005aa8;
  --primary-color-disable: #76caf5;
  --base-color-1: #1c1d21;
  --base-color-2: #505363;
  --base-color-3: #a1a8b5;
  --base-color-4: #d4d9e2;
  --disable-color-1: #ffffff;
  --white-color: #ffffff;
  --main-bg-color: #f4f8fb;
  --main-bg-color-2: #ffffff;
  --bg-color-1: #e3e9f1;
  --bg-color-2: #ecf2f7;
  --bg-color-3: #f5f7fa;
  --bg-color-4: #f9f9fb;
  --component-default-bg-color: #ffffff;
  --sider-bg-color: #ffffff;
  --sider-bg-hover-color: #ecf2f7;
  --sider-bg-active-color: #ecf2f7;
  --global-header-bg-color: #f0f8ff;
  --header-bg-color: #ffffff;
  --foot-bg-color: #f9f9fb;
  --container-bg-color-1: #ffffff;
  --container-bg-color-2: #ffffff;
  --container-bg-color-3: #ffffff;
  --tooltips-bg-color: rgba(28, 29, 33, 0.9);
  --floating-button-bg-color: rgba(0, 0, 0, 0.5);
  --floating-button-hover-bg-color: rgba(0, 0, 0, 0.7);
  --line-color-1: #e5e5e5;
  --line-color-2: #f3f3f3;
  --line-border-color: #e5e5e5;
  --line-table-color: #e5e5e5;
  --scrollbar-color-normal: #d4d9e2;
  --scrollbar-color-hover: #a1a8b5;
  --success-color-normal: #35cb49;
  --success-color-hover: #72db7d;
  --success-color-click: #19972e;
  --success-color-disable: #aae5b3;
  --info-color-normal: #00a6ff;
  --info-color-hover: #29bbff;
  --info-color-click: #0096d9;
  --info-color-disable: #7fd2ff;
  --warning-color-normal: #ff9710;
  --warning-color-hover: #ffb545;
  --warning-color-click: #d1750d;
  --warning-color-disable: #fbcb8d;
  --error-color-normal: #ef3737;
  --error-color-hover: #ff9191;
  --error-color-click: #cd171e;
  --error-color-disable: #feb7b7;
  --modal-mask-bg-color: rgba(0, 0, 0, 0.6);
  --loading-mask-bg-color: rgba(0, 0, 0, 0.75);
  --light-mask-bg-color: rgba(255, 255, 255, 0.7);
  --tag-text-color-1: #35cb49;
  --tag-bg-color-1: #e8ffeb;
  --tag-text-color-2: #ff9710;
  --tag-bg-color-2: #fffaec;
  --tag-text-color-3: #00a6ff;
  --tag-bg-color-3: #e8f9ff;
  --tag-text-color-4: #ef3737;
  --tag-bg-color-4: #ffebf0;
  --tag-text-color-5: #505363;
  --tag-bg-color-5: #f5f7fa;
  --chart-title: #1c1d21;
  --chart-axis-line: #a1a8b5;
  --chart-scale-line: #ecf2f7;
  --chart-axis-name: #505363;
  --chart-axis-text: #505363;
  --chart-bg-color: transparent;
  --chart-tooltips-bg: #ffffff;
  --chart-tooltips-title: #1c1d21;
  --chart-tooltips-text: #1c1d21;
  --chart-position-line: #a1a8b5;
  --chart-legend-title: #505363;
  --chart-legend-text: #505363;
  --chart-point-normal: #237fde;
  --chart-point-error-red: #f46c6c;
  --chart-point-error-orange: #f39800;
  --chart-point-error-yellow: #f7c71c;
  --chart-point-error-green: #36af47;
  --chart-point-error-cyan: #4c6b50;
  --chart-point-error-blue: #6c94f4;
  --chart-point-error-purple: #806cf4;
  --chart-point-error-white: #ffffff;
  --chart-block-normal: #6eb0f3;
  --chart-auxiliary-line-red: #fc1414;
  --chart-auxiliary-line-yellow: #f5bf2b;
  --chart-auxiliary-line-orange: #fd741a;
  --chart-auxiliary-line-blue: #287ed8;
  --chart-auxiliary-line-green: #38bd45;
  --chart-auxiliary-line-grey: #a1a8b5;
  --chart-block-border: #505363;
  --chart-point-fill: #ffffff;
}

.QMS-theme-blue-dark {
  --shadow-1: 0px 2px 4px -1px rgba(0, 0, 0, 0.4),
    0px 4px 5px 0px rgba(0, 0, 0, 0.31), 0px 1px 10px 0px rgba(0, 0, 0, 0.23);
  --shadow-2: 0px -1px 10px -5px rgba(0, 0, 0, 0.5),
    0px 16px 24px 2px rgba(0, 0, 0, 0.26), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --shadow-3: 0px -1px 10px -5px rgba(0, 0, 0, 0.51),
    0px 6px 20px 4px rgba(0, 0, 0, 0.09), 0px 4px 24px 3px rgba(0, 0, 0, 0.26);
  --shadow-hover: 0px 5px 12px 4px rgba(0, 0, 0, 0.24),
    0px 3px 6px 0px rgba(0, 0, 0, 0.32), 0px 1px 2px -2px rgba(0, 0, 0, 0.46);
  --primary-color-normal: #0076ce;
  --primary-color-hover: #2286c8;
  --primary-color-click: #0a5790;
  --primary-color-disable: #143851;
  --base-color-1: #f4f4f5;
  --base-color-2: #cacbcc;
  --base-color-3: #959799;
  --base-color-4: #696d70;
  --disable-color-1: #696d70;
  --white-color: #ffffff;
  --main-bg-color: #1c1c1c;
  --main-bg-color-2: #1c1c1c;
  --bg-color-1: #3e5874;
  --bg-color-2: #435d78;
  --bg-color-3: #30373f;
  --bg-color-4: #242a2f;
  --component-default-bg-color: transparent;
  --foot-bg-color: #242a2f;
  --container-bg-color-1: #2a2f33;
  --container-bg-color-2: #3c3f42;
  --floating-button-bg-color: rgba(255, 255, 255, 0.7);
  --floating-button-hover-bg-color: rgba(255, 255, 255, 0.9);
  --line-color-1: #58626a;
  --line-color-2: #3b4248;
  --line-border-color: #58626a;
  --line-table-color: #58626a;
  --scrollbar-color-normal: #696d70;
  --scrollbar-color-hover: #959799;
  --success-color-normal: #07a872;
  --success-color-hover: #44ba8a;
  --success-color-click: #0a9365;
  --success-color-disable: #135b43;
  --info-color-normal: #50bffa;
  --info-color-hover: #9cdbf4;
  --info-color-click: #48a7d9;
  --info-color-disable: #336580;
  --warning-color-normal: #ed8139;
  --warning-color-hover: #f4bb89;
  --warning-color-click: #ce7235;
  --warning-color-disable: #7a4929;
  --error-color-normal: #fb6e77;
  --error-color-hover: #f4baba;
  --error-color-click: #da6269;
  --error-color-disable: #804145;
  --modal-mask-bg-color: rgba(0, 0, 0, 0.5);
  --loading-mask-bg-color: rgba(0, 0, 0, 0.65);
  --chart-title: #f4f4f5;
  --chart-axis-line: #696d70;
  --chart-scale-line: #30373f;
  --chart-axis-name: #cacbcc;
  --chart-axis-text: #cacbcc;
  --chart-bg-color: transparent;
  --chart-tooltips-bg: #3c3f42;
  --chart-tooltips-title: #f4f4f5;
  --chart-tooltips-text: #f4f4f5;
  --chart-position-line: #696d70;
  --chart-legend-title: #cacbcc;
  --chart-legend-text: #cacbcc;
  --chart-point-normal: #0957d9;
  --chart-point-error-red: #f46c6c;
  --chart-point-error-orange: #f39800;
  --chart-point-error-yellow: #f7c71c;
  --chart-point-error-green: #36af47;
  --chart-point-error-cyan: #4c6b50;
  --chart-point-error-blue: #6c94f4;
  --chart-point-error-purple: #806cf4;
  --chart-point-error-white: #ffffff;
  --chart-block-normal: #69a1ff;
  --chart-auxiliary-line-red: #ff9195;
  --chart-auxiliary-line-yellow: #ebb30e;
  --chart-auxiliary-line-orange: #ff9852;
  --chart-auxiliary-line-blue: #478dff;
  --chart-auxiliary-line-green: #37bf8e;
  --chart-auxiliary-line-grey: #8d9ab6;
  --chart-block-border: #68738a;
}