178 lines
5.9 KiB
CSS
178 lines
5.9 KiB
CSS
:root {
|
|
color-scheme: light;
|
|
|
|
--sycm-font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "SimHei", "WenQuanYi Micro Hei", sans-serif;
|
|
--sycm-font-family-number: AlibabaSans102, "PingFang SC", sans-serif;
|
|
|
|
--sycm-font-size-micro: 10px;
|
|
--sycm-font-size-caption: 12px;
|
|
--sycm-font-size-body: 14px;
|
|
--sycm-font-size-body-strong: 15px;
|
|
--sycm-font-size-title: 16px;
|
|
--sycm-font-size-section: 20px;
|
|
--sycm-font-size-page: 20px;
|
|
--sycm-font-size-metric: 24px;
|
|
--sycm-font-size-display: 32px;
|
|
|
|
--sycm-font-weight-regular: 400;
|
|
--sycm-font-weight-medium: 500;
|
|
--sycm-font-weight-semibold: 600;
|
|
--sycm-font-weight-bold: 700;
|
|
|
|
--sycm-line-height-tight: 1.2;
|
|
--sycm-line-height-normal: 1.5;
|
|
--sycm-line-height-relaxed: 1.7;
|
|
|
|
--sycm-color-primary: #2062e6;
|
|
--sycm-color-primary-strong: #3d5eff;
|
|
--sycm-color-primary-hover: #3d5eff;
|
|
--sycm-color-primary-link: #2062e6;
|
|
--sycm-color-primary-active: #1849c4;
|
|
--sycm-color-primary-light: #5980ff;
|
|
--sycm-color-primary-bg: rgba(32, 98, 230, 0.06);
|
|
--sycm-color-primary-soft: #f7faff;
|
|
--sycm-color-primary-border: #e1e9ff;
|
|
|
|
--sycm-color-success: #1bb574;
|
|
--sycm-color-success-bg: #e8fff4;
|
|
--sycm-color-success-border: #c8f3dd;
|
|
--sycm-color-warning: #ffa60d;
|
|
--sycm-color-warning-bg: #fff8e6;
|
|
--sycm-color-warning-border: #ffe3b8;
|
|
--sycm-color-danger: #ff4d4f;
|
|
--sycm-color-danger-bg: #fff1f0;
|
|
--sycm-color-danger-border: #ffd0d0;
|
|
--sycm-color-orange: #ec6c00;
|
|
--sycm-color-info: #2062e6;
|
|
|
|
--sycm-text-strong: #262626;
|
|
--sycm-text-primary: #333333;
|
|
--sycm-text-secondary: #595959;
|
|
--sycm-text-tertiary: #8c8c8c;
|
|
--sycm-text-placeholder: #bfbfbf;
|
|
--sycm-text-inverse: #ffffff;
|
|
|
|
--sycm-bg-page: #e6e6e6;
|
|
--sycm-bg-workbench: #e6e6e6;
|
|
--sycm-bg-page-image: url("https://img.alicdn.com/imgextra/i1/O1CN01f0AXSF1uzW0EYAU4i_!!6000000006108-2-tps-4000-900.png");
|
|
--sycm-bg-page-overlay: transparent;
|
|
--sycm-bg-page-surface: transparent;
|
|
--sycm-bg-page-soft: #f5f7fa;
|
|
--sycm-bg-container: #ffffff;
|
|
--sycm-bg-subtle: #f5f7fa;
|
|
--sycm-bg-table-head: #f9f9f9;
|
|
--sycm-bg-table-hover: #f5f7fa;
|
|
--sycm-bg-control: #ffffff;
|
|
--sycm-bg-control-hover: #f5f7fa;
|
|
|
|
--sycm-border-light: #f0f0f0;
|
|
--sycm-border-base: #e6e6e6;
|
|
--sycm-border-card: #e6e6e6;
|
|
--sycm-border-strong: #d3d5da;
|
|
--sycm-border-focus: #2062e6;
|
|
|
|
--sycm-radius-xs: 2px;
|
|
--sycm-radius-sm: 2px;
|
|
--sycm-radius-md: 4px;
|
|
--sycm-radius-lg: 8px;
|
|
--sycm-radius-xl: 12px;
|
|
--sycm-radius-pill: 9999px;
|
|
--sycm-radius-grid: 12px;
|
|
|
|
--sycm-line-width-hairline: 0.5px;
|
|
--sycm-line-width-base: 1px;
|
|
--sycm-line-width-strong: 2px;
|
|
|
|
--sycm-space-xxs: 4px;
|
|
--sycm-space-xs: 8px;
|
|
--sycm-space-sm: 12px;
|
|
--sycm-space-md: 16px;
|
|
--sycm-space-lg: 20px;
|
|
--sycm-space-xl: 24px;
|
|
--sycm-space-2xl: 30px;
|
|
--sycm-page-padding-x: 18px;
|
|
--sycm-page-padding-y: 20px;
|
|
--sycm-workbench-padding-x: 16px;
|
|
--sycm-workbench-padding-y: 16px;
|
|
--sycm-page-gutter-x: 18px;
|
|
--sycm-page-gutter-y: 20px;
|
|
--sycm-page-min-width: 1024px;
|
|
--sycm-page-max-width: 100%;
|
|
--sycm-page-section-gap: 16px;
|
|
--sycm-module-padding: 16px;
|
|
--sycm-module-header-gap: 12px;
|
|
--sycm-module-header-min-height: 44px;
|
|
|
|
--sycm-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.035);
|
|
--sycm-shadow-hover: 0 2px 8px rgba(32, 98, 230, 0.08);
|
|
--sycm-shadow-float: 0 2px 8px rgba(32, 98, 230, 0.08);
|
|
--sycm-shadow-popover: 0 2px 8px rgba(0, 0, 0, 0.08);
|
|
--sycm-shadow-modal: 0 8px 32px rgba(0, 0, 0, 0.12);
|
|
--sycm-shadow-fixed: 0 2px 8px rgba(0, 0, 0, 0.06);
|
|
--sycm-shadow-active: 0 3px 10px 0 rgba(43, 51, 158, 0.14);
|
|
|
|
--sycm-interaction-duration-fast: 150ms;
|
|
--sycm-interaction-selected-bg: #f0f2ff;
|
|
--sycm-interaction-focus-ring: 0 0 0 2px rgba(47, 99, 255, 0.2);
|
|
--sycm-interaction-row-indicator: 3px;
|
|
|
|
--sycm-control-height-sm: 28px;
|
|
--sycm-control-height: 32px;
|
|
--sycm-control-height-lg: 40px;
|
|
--sycm-action-height: 40px;
|
|
--sycm-action-radius: 20px;
|
|
|
|
--sycm-sidebar-width: 260px;
|
|
--sycm-sidebar-collapsed-width: 48px;
|
|
--sycm-sidebar-bg: var(--sycm-bg-container);
|
|
--sycm-sidebar-border: var(--sycm-border-base);
|
|
--sycm-sidebar-hover-bg: var(--sycm-bg-control-hover);
|
|
--sycm-sidebar-active-bg: #edf3ff;
|
|
--sycm-sidebar-active-text: var(--sycm-color-primary-link);
|
|
--sycm-sidebar-text: var(--sycm-text-primary);
|
|
--sycm-sidebar-muted: var(--sycm-text-secondary);
|
|
--sycm-sidebar-tertiary: var(--sycm-text-tertiary);
|
|
--sycm-sidebar-icon: var(--sycm-text-secondary);
|
|
--sycm-sidebar-icon-active: var(--sycm-color-primary-link);
|
|
--sycm-sidebar-accent: var(--sycm-color-primary-link);
|
|
--sycm-sidebar-dark-bg: #27292d;
|
|
--sycm-sidebar-dark-border: #3a3d43;
|
|
--sycm-sidebar-dark-hover-bg: #32353a;
|
|
--sycm-sidebar-dark-active-bg: #151719;
|
|
--sycm-sidebar-dark-active-text: #ffffff;
|
|
--sycm-sidebar-dark-text: #f4f5f7;
|
|
--sycm-sidebar-dark-muted: #a7abb4;
|
|
--sycm-sidebar-dark-tertiary: #777c86;
|
|
--sycm-sidebar-dark-icon: #9ca1ab;
|
|
--sycm-sidebar-dark-icon-active: #ffffff;
|
|
--sycm-sidebar-dark-accent: #6d9cff;
|
|
|
|
--sycm-table-cell-padding-y: 8px;
|
|
--sycm-table-cell-padding-x: 12px;
|
|
--sycm-table-header-padding-y: 8px;
|
|
--sycm-table-header-padding-x: 12px;
|
|
|
|
--sycm-chart-line-width: 3px;
|
|
--sycm-chart-axis-line: #acb3c0;
|
|
--sycm-chart-axis-text: #acb3c0;
|
|
--sycm-chart-split-line: #eef0f4;
|
|
--sycm-chart-tooltip-bg: #2d3033;
|
|
--sycm-chart-tooltip-shadow: none;
|
|
--sycm-chart-tooltip-radius: 8px;
|
|
--sycm-chart-tooltip-min-width: 216px;
|
|
--sycm-chart-tooltip-max-width: 320px;
|
|
--sycm-chart-tooltip-marker-width: 6px;
|
|
--sycm-chart-tooltip-marker-height: 22px;
|
|
--sycm-chart-store: #5980ff;
|
|
--sycm-chart-peer-average: #5acffe;
|
|
--sycm-chart-peer-best: #ff8744;
|
|
--sycm-chart-palette-1: #5980ff;
|
|
--sycm-chart-palette-2: #5acffe;
|
|
--sycm-chart-palette-3: #ff8744;
|
|
--sycm-chart-palette-4: #1bb574;
|
|
--sycm-chart-palette-5: #ff4d4f;
|
|
--sycm-chart-palette-6: #2062e6;
|
|
--sycm-chart-palette-7: #8a3cff;
|
|
--sycm-chart-palette-8: #ffc159;
|
|
}
|