wetrade-design
Version:
一款多语言支持Vue3的UI框架
731 lines (729 loc) • 33.5 kB
JavaScript
const defaultTheme = require('./default-theme.js');
const darkThemeSingle = {
"theme": "dark",
"gray-sp-2": "#24252e",
"gray-sp-4": "#272934",
"gray-sp-6": "#31333f",
"gray-sp-8": "#353641",
"gray-sp-10": "#3f414d",
"gray-sp-12": "#424450",
"gray-sp-16": "#494b56",
"gray-sp-18": "#4c4e5a",
"gray-sp-20": "#4f515d",
"gray-sp-25": "#585a65",
"gray-sp-30": "#60626d",
"gray-sp-35": "#686a75",
"gray-sp-40": "#70727d",
"gray-sp-50": "#80828c",
"gray-sp-60": "#90929c",
"blue-sp-2": "#1b2337",
"blue-sp-4": "#1e283e",
"blue-sp-6": "#172b4f",
"blue-sp-8": "#192d52",
"blue-sp-10": "#1b315a",
"blue-sp-12": "#1d3562",
"blue-sp-16": "#203a6a",
"blue-sp-18": "#223d70",
"blue-sp-20": "#233f74",
"blue-sp-25": "#26447e",
"blue-sp-30": "#284884",
"blue-sp-35": "#2a4d8d",
"blue-sp-40": "#2d5195",
"blue-sp-t15": "fade(@blue-600, 15%)",
"green-sp-2": "#21312d",
"green-sp-4": "#243833",
"green-sp-6": "#293d38",
"green-sp-8": "#2b403b",
"green-sp-10": "#2f4640",
"green-sp-12": "#314943",
"red-sp-2": "#331e22",
"red-sp-4": "#3a2226",
"red-sp-6": "#40262a",
"red-sp-8": "#43282c",
"red-sp-10": "#4a2b30",
"red-sp-12": "#4d2d33",
"orange-sp-2": "#33281f",
"orange-sp-4": "#392d22",
"orange-sp-6": "#403226",
"orange-sp-8": "#433428",
"orange-sp-10": "#49392c",
"orange-sp-12": "#4c3c2e",
"orange-base": "#ff7c29",
"orange-50": "#3c281a",
"orange-100": "#543217",
"orange-200": "#663f19",
"orange-300": "#914d21",
"orange-400": "#c76223",
"orange-500": "@orange-base",
"orange-600": "#f5934d",
"orange-700": "#f3ad73",
"orange-800": "#f8c99d",
"orange-900": "#fae1c5",
"orange-500-7": "fade(@orange-500, 7%)",
"sunset-base": "#e89326",
"sunset-50": "#3c2e1a",
"sunset-100": "#543a17",
"sunset-200": "#664519",
"sunset-300": "#98591b",
"sunset-400": "#c77c19",
"sunset-500": "@sunset-base",
"sunset-600": "#e8a33c",
"sunset-700": "#f3bf65",
"sunset-800": "#f8d48d",
"sunset-900": "#fae6b7",
"sunset-500-7": "fade(@sunset-500, 7%)",
"sunglow-base": "#d5b203",
"sunglow-50": "#3c341b",
"sunglow-100": "#524614",
"sunglow-200": "#6c5e13",
"sunglow-300": "#947e10",
"sunglow-400": "#a88d08",
"sunglow-500": "@sunglow-base",
"sunglow-600": "#e8ce27",
"sunglow-700": "#f3e34f",
"sunglow-800": "#f8ef77",
"sunglow-900": "#faf7a0",
"sunglow-500-7": "fade(@sunglow-500, 7%)",
"shamrock-base": "#8bbe1c",
"shamrock-50": "#2f3a1c",
"shamrock-100": "#3a4d1a",
"shamrock-200": "#4f661f",
"shamrock-300": "#5e7c1d",
"shamrock-400": "#6f961b",
"shamrock-500": "@shamrock-base",
"shamrock-600": "#a9d33f",
"shamrock-700": "#caea6a",
"shamrock-800": "#e3f898",
"shamrock-900": "#f0fac1",
"shamrock-500-7": "fade(@shamrock-500, 7%)",
"green-base": "#1aab67",
"green-50": "#163b2d",
"green-100": "#1e4837",
"green-200": "#0e6744",
"green-300": "#077d4e",
"green-400": "#0f905c",
"green-500": "@green-base",
"green-600": "#28c27a",
"green-700": "#09d67a",
"green-800": "#43de90",
"green-900": "#81deb2",
"green-500-7": "fade(@green-500, 7%)",
"viking-base": "#14aeae",
"viking-50": "#213d40",
"viking-100": "#194c4d",
"viking-200": "#1d6363",
"viking-300": "#197676",
"viking-400": "#158b8b",
"viking-500": "@viking-base",
"viking-600": "#35c3be",
"viking-700": "#5bd9d0",
"viking-800": "#88e9e0",
"viking-900": "#b8f7f0",
"viking-500-7": "fade(@viking-500, 7%)",
"malibu-base": "#2598ea",
"malibu-50": "#21374b",
"malibu-100": "#1f4360",
"malibu-200": "#24557a",
"malibu-300": "#23689a",
"malibu-400": "#237dbd",
"malibu-500": "@malibu-base",
"malibu-600": "#4bb0ed",
"malibu-700": "#73c7f3",
"malibu-800": "#9ddbf8",
"malibu-900": "#c5ecfa",
"malibu-500-7": "fade(@malibu-500, 7%)",
"blue-base": "#4283ff",
"blue-50": "#232f53",
"blue-100": "#273868",
"blue-200": "#284686",
"blue-300": "#2956b2",
"blue-400": "#2762d9",
"blue-500": "#3578fd",
"blue-600": "@blue-base",
"blue-700": "#70a0ff",
"blue-800": "#9ebfff",
"blue-900": "#c2dbff",
"blue-500-7": "fade(@blue-500, 7%)",
"dorger-base": "#2065ff",
"dorger-50": "#252e46",
"dorger-100": "#2b385e",
"dorger-200": "#204392",
"dorger-300": "#2150ba",
"dorger-400": "#1d58db",
"dorger-500": "@dorger-base",
"dorger-600": "#3d7dfd",
"dorger-700": "#689fff",
"dorger-800": "#90bbfc",
"dorger-900": "#b7d4fa",
"dorger-500-7": "fade(@dorger-500, 7%)",
"heliotrope-base": "#6853ff",
"heliotrope-50": "#2d2a4c",
"heliotrope-100": "#34305a",
"heliotrope-200": "#3f377b",
"heliotrope-300": "#4a3f9d",
"heliotrope-400": "#5240ce",
"heliotrope-500": "@heliotrope-base",
"heliotrope-600": "#7866ff",
"heliotrope-700": "#9785ff",
"heliotrope-800": "#c5bcf8",
"heliotrope-900": "#d4c9ff",
"heliotrope-500-7": "fade(@heliotrope-500, 7%)",
"violet-base": "#9242ff",
"violet-50": "#312646",
"violet-100": "#3b2857",
"violet-200": "#492f6f",
"violet-300": "#5b358f",
"violet-400": "#733dbf",
"violet-500": "@violet-base",
"violet-600": "#a45cff",
"violet-700": "#ba78ff",
"violet-800": "#d2a9f8",
"violet-900": "#e0befa",
"violet-500-7": "fade(@violet-500, 7%)",
"purple-base": "#d02fd0",
"purple-50": "#392239",
"purple-100": "#461f47",
"purple-200": "#5f1c5f",
"purple-300": "#771777",
"purple-400": "#a117a1",
"purple-500": "@purple-base",
"purple-600": "#e13cdb",
"purple-700": "#f367ea",
"purple-800": "#f890ed",
"purple-900": "#fabaf2",
"purple-500-7": "fade(@purple-500, 7%)",
"rosein-base": "#e03393",
"rosein-50": "#431e36",
"rosein-100": "#511f3c",
"rosein-200": "#671e46",
"rosein-300": "#851e57",
"rosein-400": "#ae1f6e",
"rosein-500": "@rosein-base",
"rosein-600": "#e8489a",
"rosein-700": "#f370b0",
"rosein-800": "#f89ac5",
"rosein-900": "#fac3da",
"rosein-500-7": "fade(@rosein-500, 7%)",
"red-base": "#d53545",
"red-50": "#462023",
"red-100": "#572329",
"red-200": "#6d272e",
"red-300": "#902d37",
"red-400": "#a92d39",
"red-500": "@red-base",
"red-600": "#f03043",
"red-700": "#ff5263",
"red-800": "#ff7885",
"red-900": "#fbc6c9",
"red-500-7": "fade(@red-500, 7%)",
"gray-base": "#7a8099",
"gray-00": "#000000",
"gray-50": "#1f2128",
"gray-100": "#2f313d",
"gray-200": "#424555",
"gray-300": "#54596d",
"gray-400": "#646982",
"gray-500": "@gray-base",
"gray-600": "#9094a9",
"gray-700": "#b2b5c3",
"gray-800": "#d1d3dc",
"gray-900": "#f0f1f4",
"gray-1000": "#fff",
"gray-1100": "#f5f6fa",
"gray-500-7": "fade(@gray-500, 7%)",
"gray-500-10": "fade(@gray-500, 10%)",
"gray-500-20": "fade(@gray-500, 20%)",
"blue-1": "mix(color(~`colorPalette('@{blue-base}', 8) `), @component-background, 15%)",
"blue-2": "mix(color(~`colorPalette('@{blue-base}', 7) `), @component-background, 25%)",
"blue-3": "mix(@blue-base, @component-background, 30%)",
"blue-4": "mix(@blue-base, @component-background, 45%)",
"blue-5": "mix(@blue-base, @component-background, 65%)",
"blue-6": "mix(@blue-base, @component-background, 85%)",
"blue-7": "mix(color(~`colorPalette('@{blue-base}', 5) `), @component-background, 90%)",
"blue-8": "mix(color(~`colorPalette('@{blue-base}', 4) `), @component-background, 95%)",
"blue-9": "mix(color(~`colorPalette('@{blue-base}', 3) `), @component-background, 97%)",
"blue-10": "mix(color(~`colorPalette('@{blue-base}', 2) `), @component-background, 98%)",
"purple-1": "mix(color(~`colorPalette('@{purple-base}', 8) `), @component-background, 15%)",
"purple-2": "mix(color(~`colorPalette('@{purple-base}', 7) `), @component-background, 25%)",
"purple-3": "mix(@purple-base, @component-background, 30%)",
"purple-4": "mix(@purple-base, @component-background, 45%)",
"purple-5": "mix(@purple-base, @component-background, 65%)",
"purple-6": "mix(@purple-base, @component-background, 85%)",
"purple-7": "mix(color(~`colorPalette('@{purple-base}', 5) `), @component-background, 90%)",
"purple-8": "mix(color(~`colorPalette('@{purple-base}', 4) `), @component-background, 95%)",
"purple-9": "mix(color(~`colorPalette('@{purple-base}', 3) `), @component-background, 97%)",
"purple-10": "mix(color(~`colorPalette('@{purple-base}', 2) `), @component-background, 98%)",
"cyan-1": "mix(color(~`colorPalette('@{cyan-base}', 8) `), @component-background, 15%)",
"cyan-2": "mix(color(~`colorPalette('@{cyan-base}', 7) `), @component-background, 25%)",
"cyan-3": "mix(@cyan-base, @component-background, 30%)",
"cyan-4": "mix(@cyan-base, @component-background, 45%)",
"cyan-5": "mix(@cyan-base, @component-background, 65%)",
"cyan-6": "mix(@cyan-base, @component-background, 85%)",
"cyan-7": "mix(color(~`colorPalette('@{cyan-base}', 5) `), @component-background, 90%)",
"cyan-8": "mix(color(~`colorPalette('@{cyan-base}', 4) `), @component-background, 95%)",
"cyan-9": "mix(color(~`colorPalette('@{cyan-base}', 3) `), @component-background, 97%)",
"cyan-10": "mix(color(~`colorPalette('@{cyan-base}', 2) `), @component-background, 98%)",
"green-1": "mix(color(~`colorPalette('@{green-base}', 8) `), @component-background, 15%)",
"green-2": "mix(color(~`colorPalette('@{green-base}', 7) `), @component-background, 25%)",
"green-3": "mix(@green-base, @component-background, 30%)",
"green-4": "mix(@green-base, @component-background, 45%)",
"green-5": "mix(@green-base, @component-background, 65%)",
"green-6": "mix(@green-base, @component-background, 85%)",
"green-7": "mix(color(~`colorPalette('@{green-base}', 5) `), @component-background, 90%)",
"green-8": "mix(color(~`colorPalette('@{green-base}', 4) `), @component-background, 95%)",
"green-9": "mix(color(~`colorPalette('@{green-base}', 3) `), @component-background, 97%)",
"green-10": "mix(color(~`colorPalette('@{green-base}', 2) `), @component-background, 98%)",
"magenta-1": "mix(color(~`colorPalette('@{magenta-base}', 8) `), @component-background, 15%)",
"magenta-2": "mix(color(~`colorPalette('@{magenta-base}', 7) `), @component-background, 25%)",
"magenta-3": "mix(@magenta-base, @component-background, 30%)",
"magenta-4": "mix(@magenta-base, @component-background, 45%)",
"magenta-5": "mix(@magenta-base, @component-background, 65%)",
"magenta-6": "mix(@magenta-base, @component-background, 85%)",
"magenta-7": "mix(color(~`colorPalette('@{magenta-base}', 5) `), @component-background, 90%)",
"magenta-8": "mix(color(~`colorPalette('@{magenta-base}', 4) `), @component-background, 95%)",
"magenta-9": "mix(color(~`colorPalette('@{magenta-base}', 3) `), @component-background, 97%)",
"magenta-10": "mix(color(~`colorPalette('@{magenta-base}', 2) `), @component-background, 98%)",
"pink-1": "mix(color(~`colorPalette('@{pink-base}', 8) `), @component-background, 15%)",
"pink-2": "mix(color(~`colorPalette('@{pink-base}', 7) `), @component-background, 25%)",
"pink-3": "mix(@pink-base, @component-background, 30%)",
"pink-4": "mix(@pink-base, @component-background, 45%)",
"pink-5": "mix(@pink-base, @component-background, 65%)",
"pink-6": "mix(@pink-base, @component-background, 85%)",
"pink-7": "mix(color(~`colorPalette('@{pink-base}', 5) `), @component-background, 90%)",
"pink-8": "mix(color(~`colorPalette('@{pink-base}', 4) `), @component-background, 95%)",
"pink-9": "mix(color(~`colorPalette('@{pink-base}', 3) `), @component-background, 97%)",
"pink-10": "mix(color(~`colorPalette('@{pink-base}', 2) `), @component-background, 98%)",
"red-1": "mix(color(~`colorPalette('@{red-base}', 8) `), @component-background, 15%)",
"red-2": "mix(color(~`colorPalette('@{red-base}', 7) `), @component-background, 25%)",
"red-3": "mix(@red-base, @component-background, 30%)",
"red-4": "mix(@red-base, @component-background, 45%)",
"red-5": "mix(@red-base, @component-background, 65%)",
"red-6": "mix(@red-base, @component-background, 85%)",
"red-7": "mix(color(~`colorPalette('@{red-base}', 5) `), @component-background, 90%)",
"red-8": "mix(color(~`colorPalette('@{red-base}', 4) `), @component-background, 95%)",
"red-9": "mix(color(~`colorPalette('@{red-base}', 3) `), @component-background, 97%)",
"red-10": "mix(color(~`colorPalette('@{red-base}', 2) `), @component-background, 98%)",
"orange-1": "mix(color(~`colorPalette('@{orange-base}', 8) `), @component-background, 15%)",
"orange-2": "mix(color(~`colorPalette('@{orange-base}', 7) `), @component-background, 25%)",
"orange-3": "mix(@orange-base, @component-background, 30%)",
"orange-4": "mix(@orange-base, @component-background, 45%)",
"orange-5": "mix(@orange-base, @component-background, 65%)",
"orange-6": "mix(@orange-base, @component-background, 85%)",
"orange-7": "mix(color(~`colorPalette('@{orange-base}', 5) `), @component-background, 90%)",
"orange-8": "mix(color(~`colorPalette('@{orange-base}', 4) `), @component-background, 95%)",
"orange-9": "mix(color(~`colorPalette('@{orange-base}', 3) `), @component-background, 97%)",
"orange-10": "mix(color(~`colorPalette('@{orange-base}', 2) `), @component-background, 98%)",
"yellow-1": "mix(color(~`colorPalette('@{yellow-base}', 8) `), @component-background, 15%)",
"yellow-2": "mix(color(~`colorPalette('@{yellow-base}', 7) `), @component-background, 25%)",
"yellow-3": "mix(@yellow-base, @component-background, 30%)",
"yellow-4": "mix(@yellow-base, @component-background, 45%)",
"yellow-5": "mix(@yellow-base, @component-background, 65%)",
"yellow-6": "mix(@yellow-base, @component-background, 85%)",
"yellow-7": "mix(color(~`colorPalette('@{yellow-base}', 5) `), @component-background, 90%)",
"yellow-8": "mix(color(~`colorPalette('@{yellow-base}', 4) `), @component-background, 95%)",
"yellow-9": "mix(color(~`colorPalette('@{yellow-base}', 3) `), @component-background, 97%)",
"yellow-10": "mix(color(~`colorPalette('@{yellow-base}', 2) `), @component-background, 98%)",
"volcano-1": "mix(color(~`colorPalette('@{volcano-base}', 8) `), @component-background, 15%)",
"volcano-2": "mix(color(~`colorPalette('@{volcano-base}', 7) `), @component-background, 25%)",
"volcano-3": "mix(@volcano-base, @component-background, 30%)",
"volcano-4": "mix(@volcano-base, @component-background, 45%)",
"volcano-5": "mix(@volcano-base, @component-background, 65%)",
"volcano-6": "mix(@volcano-base, @component-background, 85%)",
"volcano-7": "mix(color(~`colorPalette('@{volcano-base}', 5) `), @component-background, 90%)",
"volcano-8": "mix(color(~`colorPalette('@{volcano-base}', 4) `), @component-background, 95%)",
"volcano-9": "mix(color(~`colorPalette('@{volcano-base}', 3) `), @component-background, 97%)",
"volcano-10": "mix(color(~`colorPalette('@{volcano-base}', 2) `), @component-background, 98%)",
"geekblue-1": "mix(color(~`colorPalette('@{geekblue-base}', 8) `), @component-background, 15%)",
"geekblue-2": "mix(color(~`colorPalette('@{geekblue-base}', 7) `), @component-background, 25%)",
"geekblue-3": "mix(@geekblue-base, @component-background, 30%)",
"geekblue-4": "mix(@geekblue-base, @component-background, 45%)",
"geekblue-5": "mix(@geekblue-base, @component-background, 65%)",
"geekblue-6": "mix(@geekblue-base, @component-background, 85%)",
"geekblue-7": "mix(color(~`colorPalette('@{geekblue-base}', 5) `), @component-background, 90%)",
"geekblue-8": "mix(color(~`colorPalette('@{geekblue-base}', 4) `), @component-background, 95%)",
"geekblue-9": "mix(color(~`colorPalette('@{geekblue-base}', 3) `), @component-background, 97%)",
"geekblue-10": "mix(color(~`colorPalette('@{geekblue-base}', 2) `), @component-background, 98%)",
"lime-1": "mix(color(~`colorPalette('@{lime-base}', 8) `), @component-background, 15%)",
"lime-2": "mix(color(~`colorPalette('@{lime-base}', 7) `), @component-background, 25%)",
"lime-3": "mix(@lime-base, @component-background, 30%)",
"lime-4": "mix(@lime-base, @component-background, 45%)",
"lime-5": "mix(@lime-base, @component-background, 65%)",
"lime-6": "mix(@lime-base, @component-background, 85%)",
"lime-7": "mix(color(~`colorPalette('@{lime-base}', 5) `), @component-background, 90%)",
"lime-8": "mix(color(~`colorPalette('@{lime-base}', 4) `), @component-background, 95%)",
"lime-9": "mix(color(~`colorPalette('@{lime-base}', 3) `), @component-background, 97%)",
"lime-10": "mix(color(~`colorPalette('@{lime-base}', 2) `), @component-background, 98%)",
"gold-1": "mix(color(~`colorPalette('@{gold-base}', 8) `), @component-background, 15%)",
"gold-2": "mix(color(~`colorPalette('@{gold-base}', 7) `), @component-background, 25%)",
"gold-3": "mix(@gold-base, @component-background, 30%)",
"gold-4": "mix(@gold-base, @component-background, 45%)",
"gold-5": "mix(@gold-base, @component-background, 65%)",
"gold-6": "mix(@gold-base, @component-background, 85%)",
"gold-7": "mix(color(~`colorPalette('@{gold-base}', 5) `), @component-background, 90%)",
"gold-8": "mix(color(~`colorPalette('@{gold-base}', 4) `), @component-background, 95%)",
"gold-9": "mix(color(~`colorPalette('@{gold-base}', 3) `), @component-background, 97%)",
"gold-10": "mix(color(~`colorPalette('@{gold-base}', 2) `), @component-background, 98%)",
"primary-1": "mix(color(~`colorPalette('@{brand-primary}', 8) `), @component-background, 15%)",
"primary-2": "mix(color(~`colorPalette('@{brand-primary}', 7) `), @component-background, 25%)",
"primary-3": "mix(@brand-primary, @component-background, 30%)",
"primary-4": "mix(@brand-primary, @component-background, 45%)",
"primary-5": "mix(@brand-primary, @component-background, 65%)",
"primary-6": "@brand-primary",
"primary-7": "mix(color(~`colorPalette('@{brand-primary}', 5) `), @component-background, 90%)",
"primary-8": "mix(color(~`colorPalette('@{brand-primary}', 4) `), @component-background, 95%)",
"primary-9": "mix(color(~`colorPalette('@{brand-primary}', 3) `), @component-background, 97%)",
"primary-10": "mix(color(~`colorPalette('@{brand-primary}', 2) `), @component-background, 98%)",
"popover-background": "#1f1f1f",
"popover-background-9": "fade(@gray-300, 90%)",
"popover-customize-border-color": "#3a3a3a",
"body-background": "@black",
"component-background": "#141414",
"text-color": "fade(@white, 85%)",
"text-color-secondary": "fade(@white, 45%)",
"text-color-inverse": "@white",
"icon-color-hover": "fade(@white, 75%)",
"heading-color": "fade(@white, 85%)",
"item-active-bg": "@primary-1",
"item-hover-bg": "fade(@white, 8%)",
"border-color-base": "#434343",
"border-color-split": "#303030",
"border-width-base": "1px",
"border-style-base": "solid",
"background-color-light": "fade(@white, 4%)",
"background-color-base": "fade(@white, 8%)",
"disabled-color": "fade(@white, 30%)",
"disabled-bg": "@background-color-base",
"disabled-color-dark": "fade(@white, 30%)",
"tree-bg": "transparent",
"list-customize-card-bg": "transparent",
"shadow-color": "rgba(0, 0, 0, 0.45)",
"shadow-color-inverse": "@component-background",
"box-shadow-base": "@shadow-2",
"shadow-1-up": "0 -6px 16px -8px rgba(0, 0, 0, 0.32), 0 -9px 28px 0 rgba(0, 0, 0, 0.2),\n 0 -12px 48px 16px rgba(0, 0, 0, 0.12)",
"shadow-1-down": "0 6px 16px -8px rgba(0, 0, 0, 0.32), 0 9px 28px 0 rgba(0, 0, 0, 0.2),\n 0 12px 48px 16px rgba(0, 0, 0, 0.12)",
"shadow-1-right": "6px 0 16px -8px rgba(0, 0, 0, 0.32), 9px 0 28px 0 rgba(0, 0, 0, 0.2),\n 12px 0 48px 16px rgba(0, 0, 0, 0.12)",
"shadow-2": "0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32),\n 0 9px 28px 8px rgba(0, 0, 0, 0.2)",
"shadow-100-canvas": "0 2px 8px rgba(0, 0, 0, 5%)",
"shadow-200-drop": "0 4px 12px rgba(0, 0, 0, 8%), 0 0px 0.5px rgba(0, 0, 0, 20%)",
"shadow-300-modal": "0 0px 0.5px rgba(0, 0, 0, 20%), 0 4px 8px rgba(0, 0, 0, 4%),\n 0 12px 24px 2px rgba(0, 0, 0, 8%)",
"shadow-module-top": "0px 0.5px 0.5px rgba(0, 0, 0, 0.15), 0px 4px 16px rgba(106, 113, 136, 0.05),\n 0px 2px 4px -1px rgba(106, 113, 136, 0.02)",
"shadow-module-bottom": "0px -0.5px 0.5px rgba(0, 0, 0, 0.15), 0px -4px 16px rgba(106, 113, 136, 0.05),\n 0px -2px 4px -1px rgba(106, 113, 136, 0.02)",
"shadow-module-right": "4px 0px 16px rgba(106, 113, 136, 0.05),\n 2px 0px 4px -1px rgba(106, 113, 136, 0.02)",
"shadow-module-left": "-4px 0px 16px rgba(106, 113, 136, 0.05),\n -2px 0px 4px -1px rgba(106, 113, 136, 0.02)",
"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": "transparent",
"btn-default-ghost-color": "@text-color",
"btn-default-ghost-border": "fade(@white, 25%)",
"btn-text-hover-bg": "rgba(255, 255, 255, 0.03)",
"checkbox-check-bg": "transparent",
"checkbox-indeter-bg": "@white",
"descriptions-bg": "@background-color-light",
"divider-color": "@gray-100",
"divider-color-text": "@gray-900",
"divider-color-line": "@border-width-base @border-style-base @gray-100",
"modal-header-bg": "@bg-dialog",
"modal-header-border-color-split": "@border-color-split",
"modal-content-bg": "@popover-background",
"modal-footer-border-color-split": "@border-color-split",
"radio-solid-checked-color": "@white",
"radio-dot-disabled-color": "fade(@white, 20%)",
"radio-disabled-button-checked-bg": "fade(@white, 20%)",
"radio-disabled-button-checked-color": "@disabled-color",
"layout-body-background": "@body-background",
"layout-header-background": "@popover-background",
"layout-trigger-background": "#262626",
"input-bg": "@bg-page",
"input-placeholder-color": "@text-tertiary",
"input-icon-color": "fade(@white, 30%)",
"input-number-handler-active-bg": "@item-hover-bg",
"input-icon-hover-color": "fade(@white, 85%)",
"select-background": "transparent",
"select-dropdown-bg": "@popover-background",
"select-clear-background": "@component-background",
"select-selection-item-bg": "fade(@white, 8)",
"select-selection-item-border-color": "@border-color-split",
"select-multiple-disabled-background": "@fill-fill",
"select-multiple-item-disabled-color": "@text-disable",
"select-multiple-item-disabled-border-color": "@popover-background",
"cascader-bg": "transparent",
"cascader-menu-bg": "@popover-background",
"cascader-menu-border-color-split": "@border-color-split",
"cascader-menu-expand-icon-color": "@text-secondary",
"tooltip-color": "@gray-50",
"tooltip-bg": "@gray-1100",
"menu-dark-inline-submenu-bg": "@component-background",
"menu-dark-bg": "@popover-background",
"menu-popup-bg": "@popover-background",
"message-notice-content-bg": "@popover-background",
"notification-bg": "@popover-background",
"link-hover-color": "@primary-5",
"link-active-color": "@primary-7",
"table-header-bg": "#1d1d1d",
"table-body-sort-bg": "@bg-page",
"table-row-hover-bg": "#262626",
"table-header-cell-split-color": "fade(@white, 8%)",
"table-header-sort-bg": "#262626",
"table-header-filter-active-bg": "#434343",
"table-header-sort-active-bg": "#303030",
"table-fixed-header-sort-active-bg": "#222",
"table-filter-btns-bg": "@popover-background",
"table-expanded-row-bg": "@table-header-bg",
"table-filter-dropdown-bg": "@dropdown-menu-bg",
"table-expand-icon-bg": "transparent",
"trade-buy-buy-deprecated-bg": "@primary-1",
"trade-buy-buy-deprecated-border": "@primary-3",
"fluctuation-fall-deprecated-bg": "@green-1",
"fluctuation-fall-deprecated-border": "@green-3",
"trade-selling-sellinging-deprecated-bg": "@orange-50",
"trade-selling-sellinging-deprecated-border": "@orange-200",
"fluctuation-rise-rise-deprecated-bg": "@red-1",
"fluctuation-rise-rise-deprecated-border": "@red-3",
"picker-basic-cell-hover-with-range-color": "darken(@brand-primary, 35%)",
"picker-basic-cell-disabled-bg": "#303030",
"picker-border-color": "@border-color-split",
"picker-bg": "transparent",
"picker-date-hover-range-border-color": "darken(@brand-primary, 20%)",
"dropdown-menu-bg": "@popover-background",
"steps-nav-arrow-color": "fade(@white, 20%)",
"steps-background": "transparent",
"avatar-bg": "fade(@white, 30%)",
"progress-steps-item-bg": "fade(@white, 8%)",
"calendar-bg": "@popover-background",
"calendar-input-bg": "@calendar-bg",
"calendar-border-color": "transparent",
"calendar-full-bg": "@component-background",
"badge-text-color": "@white",
"popover-bg": "@popover-background-9",
"popover-title-color": "@gray-900",
"popover-content-colo": "@gray-700",
"popover-border-shadow": "inset 0 0 @border-width-base @gray-50",
"drawer-bg": "@popover-background",
"card-actions-background": "@component-background",
"card-skeleton-bg": "#303030",
"card-shadow": "0 1px 2px -2px rgba(0, 0, 0, 0.64), 0 3px 6px 0 rgba(0, 0, 0, 0.48),\n 0 5px 12px 4px rgba(0, 0, 0, 0.36)",
"transfer-item-hover-bg": "#262626",
"comment-bg": "transparent",
"comment-author-time-color": "fade(@white, 30%)",
"comment-action-hover-color": "fade(@white, 65%)",
"rate-star-bg": "fade(@white, 12%)",
"switch-bg": "@icon-white",
"pagination-item-bg": "transparent",
"pagination-item-bg-active": "transparent",
"pagination-item-link-bg": "transparent",
"pagination-item-disabled-bg-active": "fade(@white, 25%)",
"pagination-item-disabled-color-active": "@black",
"pagination-item-input-bg": "@pagination-item-bg",
"page-header-back-color": "@icon-color",
"page-header-ghost-bg": "transparent",
"slider-rail-background-color": "#262626",
"slider-rail-background-color-hover": "@border-color-base",
"slider-dot-border-color": "@border-color-split",
"slider-dot-border-color-active": "@primary-4",
"skeleton-to-color": "fade(@white, 16%)",
"alert-success-border-color": "@green-3",
"alert-success-bg-color": "@green-1",
"alert-success-icon-color": "@fluctuation-fall-fall",
"alert-info-border-color": "@primary-3",
"alert-info-bg-color": "@primary-1",
"alert-info-icon-color": "@trade-buy-buy",
"alert-warning-border-color": "@gold-3",
"alert-warning-bg-color": "@gold-1",
"alert-warning-icon-color": "@trade-selling-sellinging",
"alert-error-border-color": "@red-3",
"alert-error-bg-color": "@red-1",
"alert-error-icon-color": "@fluctuation-rise-rise",
"timeline-color": "@border-color-split",
"timeline-dot-color": "@brand-primary",
"mentions-dropdown-bg": "@popover-background",
"tabs-btn-hover": "@gray-100"
};
const compactThemeSingle = {
"line-height-base": "1.66667",
"mode": "compact",
"font-size-base": "12px",
"font-size-lg": "@font-size-base + 2px",
"default-padding-lg": "24px",
"default-padding-md": "16px",
"default-padding-sm": "12px",
"default-padding-xs": "8px",
"default-padding-xss": "4px",
"padding-lg": "16px",
"padding-md": "8px",
"padding-sm": "8px",
"padding-xs": "4px",
"padding-xss": "0px",
"control-padding-horizontal": "@padding-sm",
"control-padding-horizontal-sm": "@default-padding-xs",
"margin-lg": "16px",
"margin-md": "8px",
"margin-sm": "8px",
"margin-xs": "4px",
"margin-xss": "0px",
"height-base": "28px",
"height-lg": "32px",
"height-sm": "22px",
"btn-padding-horizontal-base": "@default-padding-sm - 1px",
"btn-padding-horizontal-lg": "@btn-padding-horizontal-base",
"btn-padding-horizontal-sm": "@default-padding-xs - 1px",
"btn-square-only-icon-size-lg": "16px",
"btn-square-only-icon-size": "14px",
"btn-square-only-icon-size-sm": "12px",
"breadcrumb-font-size": "@font-size-base",
"breadcrumb-icon-font-size": "@font-size-base",
"dropdown-line-height": "18px",
"menu-item-padding": "0 12px",
"menu-horizontal-line-height": "38px",
"menu-inline-toplevel-item-height": "32px",
"menu-item-height": "32px",
"menu-item-vertical-margin": "0px",
"menu-item-boundary-margin": "0px",
"menu-icon-margin-right": "8px",
"checkbox-size": "14px",
"checkbox-group-item-margin-right": "6px",
"picker-panel-cell-height": "22px",
"picker-panel-cell-width": "32px",
"picker-text-height": "32px",
"picker-time-panel-cell-height": "24px",
"picker-panel-without-time-cell-height": "48px",
"form-item-margin-bottom": "16px",
"form-vertical-label-padding": "0 0 4px",
"rate-star-size": "16px",
"radio-size": "14px",
"radio-wrapper-margin-right": "12px",
"switch-height": "20px",
"switch-sm-height": "14px",
"switch-min-width": "40px",
"switch-sm-min-width": "24px",
"switch-inner-margin-min": "4px",
"switch-inner-margin-max": "22px",
"slider-handle-size": "12px",
"slider-handle-margin-top": "-4px",
"input-padding-vertical-base": "round(\n max(\n (round(((@input-height-base - @font-size-base * @line-height-base) / 2) * 10) / 10) -\n @border-width-base,\n 2px\n )\n)",
"input-padding-horizontal-lg": "11px",
"page-header-padding": "16px",
"page-header-padding-vertical": "8px",
"page-header-heading-title": "16px",
"page-header-heading-sub-title": "12px",
"page-header-tabs-tab-font-size": "14px",
"pagination-mini-options-size-changer-top": "1px",
"pagination-item-size-sm": "22px",
"cascader-dropdown-line-height": "@dropdown-line-height",
"select-dropdown-height": "@height-base",
"select-single-item-height-lg": "32px",
"select-multiple-item-height": "@input-height-base - max(@input-padding-vertical-base, 4) * 2",
"select-multiple-item-height-lg": "24px",
"select-multiple-item-spacing-half": "3px",
"tree-title-height": "20px",
"transfer-item-padding-vertical": "3px",
"transfer-list-search-icon-top": "8px",
"transfer-header-height": "36px",
"comment-actions-margin-bottom": "0px",
"comment-actions-margin-top": "@margin-xs",
"comment-content-detail-p-margin-bottom": "0px",
"steps-icon-size": "24px",
"steps-icon-custom-size": "20px",
"steps-icon-custom-font-size": "20px",
"steps-icon-custom-top": "2px",
"steps-icon-margin": "2px 8px 2px 0",
"steps-icon-font-size": "@font-size-base",
"steps-dot-top": "4px",
"steps-icon-top": "0px",
"steps-small-icon-size": "20px",
"steps-vertical-icon-width": "12px",
"steps-vertical-tail-width": "12px",
"steps-vertical-tail-width-sm": "10px",
"collapse-content-padding": "@padding-md @padding-lg",
"list-item-meta-description-font-size": "@font-size-sm",
"list-item-padding-sm": "4px 12px",
"list-item-padding-lg": "12px 16px",
"drawer-header-padding": "11px @padding-lg",
"drawer-footer-padding-vertical": "@padding-sm",
"drawer-footer-padding-horizontal": "@padding-sm",
"drawer-header-close-size": "44px",
"modal-header-padding": "11px @modal-header-padding-horizontal",
"modal-footer-padding-vertical": "@padding-sm",
"modal-header-close-size": "44px",
"modal-confirm-body-padding": "24px 24px 16px",
"message-notice-content-padding": "12px 16px",
"message-notice-content-title-padding": "16px",
"message-line-height": "22px",
"message-icon-font-size": "20px",
"popover-min-height": "28px",
"popover-padding-horizontal": "@default-padding-sm",
"card-padding-base": "12px",
"card-head-height": "36px",
"card-head-font-size": "@card-head-font-size-sm",
"card-head-padding": "8.5px",
"card-padding-base-sm": "@card-padding-base",
"card-head-height-sm": "30px",
"card-head-padding-sm": "6px",
"card-actions-li-margin": "4px 0",
"card-head-tabs-margin-bottom": "-9px",
"table-padding-vertical": "12px",
"table-padding-horizontal": "8px",
"table-padding-vertical-md": "8px",
"table-padding-horizontal-md": "8px",
"table-padding-vertical-sm": "4px",
"table-padding-horizontal-sm": "4px",
"table-selection-column-width": "32px",
"statistic-content-font-size": "20px",
"alert-with-description-no-icon-padding-vertical": "7px",
"alert-with-description-padding-vertical": "11px",
"alert-icon-top": "7px + @font-size-base * (@line-height-base / 2) - (@font-size-base / 2)",
"alert-with-description-icon-size": "20px",
"skeleton-paragraph-margin-top": "20px",
"skeleton-paragraph-li-margin-top": "12px",
"skeleton-paragraph-li-height": "14px",
"skeleton-title-height": "14px",
"skeleton-title-paragraph-margin-top": "20px",
"descriptions-title-margin-bottom": "8px",
"descriptions-default-padding": "12px @padding-lg",
"descriptions-item-padding-bottom": "@padding-xs",
"avatar-size-base": "28px",
"avatar-size-lg": "32px",
"avatar-size-sm": "22px",
"avatar-font-size-base": "16px",
"avatar-font-size-lg": "20px",
"avatar-font-size-sm": "12px",
"badge-height": "18px",
"tag-line-height": "18px",
"notification-padding-vertical": "12px",
"notification-padding-horizontal": "16px",
"result-title-font-size": "20px",
"result-icon-font-size": "64px",
"result-extra-margin": "24px 0 0 0",
"anchor-link-top": "4px",
"anchor-link-left": "16px",
"anchor-link-padding": "@anchor-link-top 0 @anchor-link-top @anchor-link-left",
"tabs-card-horizontal-padding": "4px @padding-md",
"progress-circle-text-font-size": "0.833333em",
"image-size-base": "48px",
"image-font-size-base": "24px"
};
const variableThemeSingle = {};
function getThemeVariables(options = {}) {
let themeVar = {
'hack': `true;@import "${require.resolve('wetrade-design/lib/style/color/colorPalette.less')}";`,
...defaultTheme
};
if(options.dark) {
themeVar = {
...themeVar,
...darkThemeSingle
}
}
if(options.compact){
themeVar = {
...themeVar,
...compactThemeSingle
}
}
return themeVar;
}
module.exports = {
darkThemeSingle,
compactThemeSingle,
getThemeVariables
}