123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399 |
- @import 'ant-design-vue/es/style/themes/default.less';
- :root {
- --blue-1: #e6f7ff;
- --blue-2: #bae7ff;
- --blue-3: #91d5ff;
- --blue-4: #69c0ff;
- --blue-5: #40a9ff;
- --blue-6: #1890ff;
- --blue-7: #096dd9;
- --blue-8: #0050b3;
- --blue-9: #003a8c;
- --blue-10: #002766;
- --green-1: #f6ffed;
- --green-2: #d9f7be;
- --green-3: #b7eb8f;
- --green-4: #95de64;
- --green-5: #73d13d;
- --green-6: #52c41a;
- --green-7: #389e0d;
- --green-8: #237804;
- --green-9: #135200;
- --green-10: #092b00;
- --red-1: #fff1f0;
- --red-2: #ffccc7;
- --red-3: #ffa39e;
- --red-4: #ff7875;
- --red-5: #ff4d4f;
- --red-6: #f5222d;
- --red-7: #cf1322;
- --red-8: #a8071a;
- --red-9: #820014;
- --red-10: #5c0011;
- --gold-1: #fffbe6;
- --gold-2: #fff1b8;
- --gold-3: #ffe58f;
- --gold-4: #ffd666;
- --gold-5: #ffc53d;
- --gold-6: #faad14;
- --gold-7: #d48806;
- --gold-8: #ad6800;
- --gold-9: #874d00;
- --gold-10: #613400;
- --purple-1: #f9f0ff;
- --purple-2: #efdbff;
- --purple-3: #d3adf7;
- --purple-4: #b37feb;
- --purple-5: #9254de;
- --purple-6: #722ed1;
- --purple-7: #531dab;
- --purple-8: #391085;
- --purple-9: #22075e;
- --purple-10: #120338;
- --cyan-1: #e6fffb;
- --cyan-2: #b5f5ec;
- --cyan-3: #87e8de;
- --cyan-4: #5cdbd3;
- --cyan-5: #36cfc9;
- --cyan-6: #13c2c2;
- --cyan-7: #08979c;
- --cyan-8: #006d75;
- --cyan-9: #00474f;
- --cyan-10: #002329;
- --pink-1: #fff0f6;
- --pink-2: #ffd6e7;
- --pink-3: #ffadd2;
- --pink-4: #ff85c0;
- --pink-5: #f759ab;
- --pink-6: #eb2f96;
- --pink-7: #c41d7f;
- --pink-8: #9e1068;
- --pink-9: #780650;
- --pink-10: #520339;
- --orange-1: #fff7e6;
- --orange-2: #ffe7ba;
- --orange-3: #ffd591;
- --orange-4: #ffc069;
- --orange-5: #ffa940;
- --orange-6: #fa8c16;
- --orange-7: #d46b08;
- --orange-8: #ad4e00;
- --orange-9: #873800;
- --orange-10: #612500;
- --primary-1: var(--blue-1);
- --primary-2: var(--blue-2);
- --primary-3: var(--blue-3);
- --primary-4: var(--blue-4);
- --primary-5: var(--blue-5);
- --primary-6: var(--blue-6);
- --primary-7: var(--blue-7);
- --primary-8: var(--blue-8);
- --primary-9: var(--blue-9);
- --primary-10: var(--blue-10);
- --primary-color: var(--primary-6);
- --primary-color-hover: var(--primary-5);
- --primary-color-active: var(--primary-7);
- --primary-color-outline: var(--primary-2);
- --info-color: var(--primary-color);
- --success-color: var(--green-6);
- --processing-color: var(--blue-6);
- --highlight-color: var(--red-5);
- --warning-color: var(--gold-6);
- --warning-color-hover: var(--gold-5);
- --warning-color-active: var(--gold-7);
- --warning-color-outline: var(--gold-2);
- --error-color: var(--red-5);
- --error-color-hover: var(--red-4);
- --error-color-active: var(--red-7);
- --error-color-outline: var(--red-2);
- --body-background: #fff;
- --component-background: #fff;
- --popover-background: @component-background;
- --popover-customize-border-color: @border-color-split;
- --text-color: fade(@black, 85%);
- --text-color-secondary: fade(@black, 45%);
- --text-color-inverse: @white;
- --icon-color-hover: fade(@black, 75%);
- --heading-color: fade(@black, 85%);
- --item-hover-bg: #f5f5f5;
- // Border color
- --border-color-base: hsv(0, 0, 85%);
- --border-color-split: hsv(0, 0, 94%);
- //--border-color-inverse: @white;
- //
- --background-color-light: hsv(0, 0, 98%);
- --background-color-base: hsv(0, 0, 96%);
- // Disabled states
- --disabled-color: fade(#000, 25%);
- --disabled-bg: @background-color-base;
- --disabled-color-dark: fade(#fff, 35%);
- // Shadow
- --shadow-color: rgba(0, 0, 0, 0.15);
- --shadow-color-inverse: @component-background;
- --box-shadow-base: @shadow-1-down;
- --shadow-1-up: 0 -2px 8px @shadow-color;
- --shadow-1-down: 0 2px 8px @shadow-color;
- --shadow-1-left: -2px 0 8px @shadow-color;
- --shadow-1-right: 2px 0 8px @shadow-color;
- --shadow-2: 0 4px 12px @shadow-color;
- // Buttons
- --btn-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
- --btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
- --btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
- --btn-default-bg: @component-background;
- --btn-default-ghost-color: @component-background;
- --btn-default-ghost-border: @component-background;
- --btn-text-hover-bg: rgba(0, 0, 0, 0.018);
- --btn-text-active-bg: rgba(0, 0, 0, 0.028);
- // Checkbox
- --checkbox-check-bg: @checkbox-check-color;
- // Descriptions
- --descriptions-bg: #fafafa;
- // Divider
- --divider-color: rgba(0, 0, 0, 6%);
- // Dropdown 有两个
- --dropdown-menu-submenu-disabled-bg: @component-background;
- // Radio
- --radio-dot-disabled-color: fade(@black, 20%);
- --radio-solid-checked-color: @component-background;
- // Radio buttons
- --radio-disabled-button-checked-bg: coverTintMixin(@black, 90%);
- --radio-disabled-button-checked-color: @disabled-color;
- // Layout
- --layout-body-background: #f0f2f5;
- --layout-header-background: #001529;
- --layout-trigger-background: #002140;
- //--layout-sider-background-1: coverTintMixin(#001529, 10%);
- // Dropdown 有两个
- --dropdown-menu-bg: @component-background;
- // Input
- --input-placeholder-color: hsv(0, 0, 75%);
- --input-icon-color: @input-color;
- --input-bg: @component-background;
- --input-number-handler-active-bg: #f4f4f4;
- --input-icon-hover-color: fade(@black, 85%);
- // Mentions
- --mentions-dropdown-bg: @component-background;
- // Select
- --select-dropdown-bg: @component-background;
- --select-background: @component-background;
- --select-clear-background: @select-background;
- --select-selection-item-bg: @background-color-base;
- --select-selection-item-border-color: @border-color-split;
- --select-multiple-disabled-background: @input-disabled-bg;
- --select-multiple-item-disabled-color: #bfbfbf;
- --select-multiple-item-disabled-border-color: @select-border-color;
- // Cascader
- --cascader-bg: @component-background;
- --cascader-menu-bg: @component-background;
- --cascader-menu-border-color-split: @border-color-split;
- // Tooltip
- --tooltip-bg: rgba(0, 0, 0, 0.75);
- // Popover
- --popover-bg: @component-background;
- // Modal
- --modal-header-bg: @component-background;
- --modal-header-border-color-split: @border-color-split;
- --modal-content-bg: @component-background;
- --modal-footer-border-color-split: @border-color-split;
- // Progress
- --progress-steps-item-bg: #f3f3f3;
- // Menu
- --menu-popup-bg: @component-background;
- --menu-dark-bg: @layout-header-background;
- --menu-dark-inline-submenu-bg: #000c17;
- // Table
- --table-header-bg: @background-color-light;
- --table-header-sort-bg: @background-color-base;
- --table-body-sort-bg: #fafafa;
- --table-row-hover-bg: @background-color-light;
- --table-expanded-row-bg: #fbfbfb;
- --table-header-cell-split-color: rgba(0, 0, 0, 0.06);
- --table-header-sort-active-bg: rgba(0, 0, 0, 0.04);
- --table-header-filter-active-bg: rgba(0, 0, 0, 0.04);
- --table-filter-btns-bg: inherit;
- --table-filter-dropdown-bg: @component-background;
- --table-expand-icon-bg: @component-background;
- // TimePicker
- --picker-bg: @component-background;
- --picker-basic-cell-disabled-bg: @disabled-bg;
- --picker-border-color: @border-color-split;
- // Calendar
- --calendar-bg: @component-background;
- --calendar-input-bg: @input-bg;
- --calendar-border-color: @border-color-inverse;
- --calendar-full-bg: @calendar-bg;
- // Badge
- --badge-text-color: @component-background;
- // Rate
- --rate-star-bg: @border-color-split;
- // Card
- --card-actions-background: @component-background;
- --card-skeleton-bg: #cfd8dc;
- --card-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16),
- 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
- // Comment
- --comment-bg: inherit;
- --comment-author-time-color: #ccc;
- --comment-action-hover-color: #595959;
- // BackTop
- --back-top-bg: @text-color-secondary;
- --back-top-hover-bg: @text-color;
- // Avatar
- --avatar-bg: #ccc;
- // Switch
- --switch-bg: @component-background;
- // Pagination
- --pagination-item-bg: @component-background;
- --pagination-item-bg-active: @component-background;
- --pagination-item-link-bg: @component-background;
- --pagination-item-disabled-color-active: @white;
- --pagination-item-disabled-bg-active: darken(hsv(0, 0, 96%), 10%);
- --pagination-item-input-bg: @component-background;
- // PageHeader
- --page-header-back-color: #000;
- --page-header-ghost-bg: inherit;
- // Slider
- --slider-rail-background-color: @background-color-base;
- --slider-rail-background-color-hover: #e1e1e1;
- --slider-dot-border-color: @border-color-split;
- --slider-dot-border-color-active: @primary-4;
- // Tree
- --tree-bg: @component-background;
- // Skeleton
- --skeleton-to-color: coverShadeMixin(@skeleton-color, 5%);
- // Transfer
- --transfer-item-hover-bg: @item-hover-bg;
- // Message
- --message-notice-content-bg: @component-background;
- // List
- --list-customize-card-bg: @component-background;
- // Drawer
- --drawer-bg: @component-background;
- // Timeline
- --timeline-color: @border-color-split;
- --timeline-dot-color: @primary-color;
- // Image
- --image-preview-operation-disabled-color: rgba(255, 255, 255, 0.45);
- // Steps
- --steps-nav-arrow-color: fade(@black, 25%);
- --steps-background: @component-background;
- // Notification
- --notification-bg: @component-background;
- // 侧边栏
- --sidebar-light-shadow: 1px 3px 3px rgba(0, 21, 41, 0.08);
- --sidebar-dark-shadow: 0 4px 4px rgba(0, 0, 0, 0.35);
- // 顶栏
- --header-light-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
- --header-dark-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
- --header-tool-hover-bg: rgba(0, 0, 0, 0.025);
- --header-dark-tool-hover-bg: rgba(255, 255, 255, 0.05);
- --header-color-split: rgba(0, 0, 0, 0.08);
- // logo
- --logo-light-shadow: 1px 2px 3px rgba(0, 21, 41, 0.08);
- --logo-dark-shadow: 0 3px 4px rgba(0, 0, 0, 0.35);
- //
- --gradient-min: fade(#cfd8dc, 20%);
- --gradient-max: fade(#cfd8dc, 40%);
- //
- --success-fade-20: fade(#52c41a, 20%);
- --error-fade-20: fade(#ff4d4f, 20%);
- --warning-fade-20: fade(#faad14, 20%);
- //--primary-fade-20: fade(#1890ff, 20%);
- --primary-fade-20: var(--primary-2);
- //--primary-fade-8: fade(#1890ff, 8%);
- --white--fade--65: rgba(255,255,255,.65);
- --menu-dark-highlight-color: #fff;
- --btn-primary-color: #fff;
- --tooltip-color: #fff;
- // workfolw design
- --node-wrap-box-color: rgb(255, 255, 255);
- --node-wrap-box-before-color: #FFFFFF;
- --node-wrap-box-before-borde-color: rgb(202, 202, 202);
- --auto-judge-before-color: @component-background;
- }
- #app .form-designer-container-9136076486841527{
- --form-designer-primary-color: var(--primary-6);
- --primary-background-color: @component-background;
- --layout-background-color: fade(#9867f7, 12%);
- --layout-hover-bg-color: fade(#9867f7, 24%);
- --title-text-color: fade(@white, 85%);
- --border-color: var(--border-color-split);
- }
|