@semi-bot/semi-theme-sucaiku
Version:
Semi theme generated by dsm. https://semi.design/dsm
935 lines • 49.2 kB
JSON
{
"palette": {
"dark": {
"--semi-black": "0, 0, 0",
"--semi-red-0": "95,7,8",
"--semi-red-1": "131,15,13",
"--semi-red-2": "167,28,22",
"--semi-red-3": "202,46,32",
"--semi-red-4": "235,52,28",
"--semi-red-5": "241,108,85",
"--semi-red-6": "245,147,126",
"--semi-red-7": "248,185,168",
"--semi-red-8": "252,221,211",
"--semi-red-9": "253,242,238",
"--semi-white": "255, 255, 255",
"--semi-blue-0": "0,43,109",
"--semi-blue-1": "0,59,145",
"--semi-blue-2": "0,77,181",
"--semi-blue-3": "0,96,216",
"--semi-blue-4": "0,116,252",
"--semi-blue-5": "51,147,253",
"--semi-blue-6": "101,176,253",
"--semi-blue-7": "152,204,254",
"--semi-blue-8": "204,230,254",
"--semi-blue-9": "234,245,255",
"--semi-cyan-0": "0,49,61",
"--semi-cyan-1": "0,76,92",
"--semi-cyan-2": "1,103,123",
"--semi-cyan-3": "3,131,153",
"--semi-cyan-4": "5,161,184",
"--semi-cyan-5": "44,181,198",
"--semi-cyan-6": "88,201,212",
"--semi-cyan-7": "138,220,227",
"--semi-cyan-8": "194,238,241",
"--semi-cyan-9": "229,247,248",
"--semi-grey-0": "14,14,15",
"--semi-grey-1": "31,32,33",
"--semi-grey-2": "46,47,48",
"--semi-grey-3": "65,66,69",
"--semi-grey-4": "90,91,92",
"--semi-grey-5": "115,116,117",
"--semi-grey-6": "140,141,143",
"--semi-grey-7": "165,166,168",
"--semi-grey-8": "189,191,194",
"--semi-grey-9": "214,216,219",
"--semi-lime-0": "44,70,0",
"--semi-lime-1": "67,105,0",
"--semi-lime-2": "92,141,0",
"--semi-lime-3": "118,176,0",
"--semi-lime-4": "145,211,0",
"--semi-lime-5": "159,220,44",
"--semi-lime-6": "177,229,91",
"--semi-lime-7": "198,237,142",
"--semi-lime-8": "224,246,197",
"--semi-lime-9": "241,251,231",
"--semi-pink-0": "92,1,36",
"--semi-pink-1": "128,5,48",
"--semi-pink-2": "164,11,59",
"--semi-pink-3": "199,19,70",
"--semi-pink-4": "235,30,81",
"--semi-pink-5": "239,72,108",
"--semi-pink-6": "243,116,139",
"--semi-pink-7": "247,161,174",
"--semi-pink-8": "251,207,212",
"--semi-pink-9": "253,236,238",
"--semi-teal-0": "0,56,60",
"--semi-teal-1": "0,86,90",
"--semi-teal-2": "0,116,119",
"--semi-teal-3": "0,148,149",
"--semi-teal-4": "0,179,178",
"--semi-teal-5": "39,194,191",
"--semi-teal-6": "84,209,205",
"--semi-teal-7": "135,225,220",
"--semi-teal-8": "192,240,236",
"--semi-teal-9": "228,247,246",
"--semi-amber-0": "82,52,9",
"--semi-amber-1": "123,83,15",
"--semi-amber-2": "163,118,22",
"--semi-amber-3": "204,157,30",
"--semi-amber-4": "242,194,20",
"--semi-amber-5": "247,216,80",
"--semi-amber-6": "249,230,123",
"--semi-amber-7": "251,241,166",
"--semi-amber-8": "253,249,210",
"--semi-amber-9": "254,253,238",
"--semi-black-0": "1,1,1",
"--semi-black-1": "2,2,2",
"--semi-black-2": "2,2,2",
"--semi-black-3": "3,3,3",
"--semi-black-4": "0,0,0",
"--semi-black-5": "56,56,56",
"--semi-black-6": "110,110,110",
"--semi-black-7": "163,163,163",
"--semi-black-8": "217,217,217",
"--semi-black-9": "243,243,243",
"--semi-brand-0": "0,37,112",
"--semi-brand-1": "0,52,148",
"--semi-brand-2": "0,67,184",
"--semi-brand-3": "0,84,219",
"--semi-brand-4": "0,102,255",
"--semi-brand-5": "51,136,255",
"--semi-brand-6": "102,168,255",
"--semi-brand-7": "153,199,255",
"--semi-brand-8": "204,228,255",
"--semi-brand-9": "235,244,255",
"--semi-green-0": "16,77,19",
"--semi-green-1": "26,115,28",
"--semi-green-2": "36,153,37",
"--semi-green-3": "47,192,46",
"--semi-green-4": "46,227,43",
"--semi-green-5": "99,235,94",
"--semi-green-6": "138,240,132",
"--semi-green-7": "177,245,172",
"--semi-green-8": "216,250,213",
"--semi-green-9": "240,253,239",
"--semi-white-0": "85,85,85",
"--semi-white-1": "128,128,128",
"--semi-white-2": "170,170,170",
"--semi-white-3": "213,213,213",
"--semi-white-4": "255,255,255",
"--semi-white-5": "255,255,255",
"--semi-white-6": "255,255,255",
"--semi-white-7": "255,255,255",
"--semi-white-8": "255,255,255",
"--semi-white-9": "255,255,255",
"--semi-indigo-0": "23,27,101",
"--semi-indigo-1": "32,37,122",
"--semi-indigo-2": "41,49,142",
"--semi-indigo-3": "52,62,163",
"--semi-indigo-4": "64,77,183",
"--semi-indigo-5": "95,108,197",
"--semi-indigo-6": "129,141,212",
"--semi-indigo-7": "167,177,226",
"--semi-indigo-8": "209,215,241",
"--semi-indigo-9": "237,239,248",
"--semi-orange-0": "85,33,0",
"--semi-orange-1": "128,56,0",
"--semi-orange-2": "170,83,0",
"--semi-orange-3": "213,114,0",
"--semi-orange-4": "255,150,0",
"--semi-orange-5": "255,178,51",
"--semi-orange-6": "255,202,102",
"--semi-orange-7": "255,223,153",
"--semi-orange-8": "255,241,204",
"--semi-orange-9": "255,250,235",
"--semi-purple-0": "78,10,97",
"--semi-purple-1": "99,16,118",
"--semi-purple-2": "121,23,138",
"--semi-purple-3": "143,31,159",
"--semi-purple-4": "167,40,179",
"--semi-purple-5": "188,74,194",
"--semi-purple-6": "207,112,209",
"--semi-purple-7": "225,155,224",
"--semi-purple-8": "240,203,238",
"--semi-purple-9": "247,233,246",
"--semi-violet-0": "46,21,119",
"--semi-violet-1": "61,28,140",
"--semi-violet-2": "78,37,160",
"--semi-violet-3": "96,48,181",
"--semi-violet-4": "115,59,201",
"--semi-violet-5": "143,92,212",
"--semi-violet-6": "172,128,223",
"--semi-violet-7": "200,167,233",
"--semi-violet-8": "228,210,244",
"--semi-violet-9": "244,237,250",
"--semi-yellow-0": "85,75,3",
"--semi-yellow-1": "128,111,6",
"--semi-yellow-2": "170,145,10",
"--semi-yellow-3": "213,179,15",
"--semi-yellow-4": "252,205,0",
"--semi-yellow-5": "255,226,67",
"--semi-yellow-6": "255,238,114",
"--semi-yellow-7": "255,247,161",
"--semi-yellow-8": "255,252,208",
"--semi-yellow-9": "255,254,237",
"--semi-light-blue-0": "0,51,97",
"--semi-light-blue-1": "0,73,133",
"--semi-light-blue-2": "0,95,169",
"--semi-light-blue-3": "0,118,204",
"--semi-light-blue-4": "0,143,240",
"--semi-light-blue-5": "49,168,243",
"--semi-light-blue-6": "98,191,246",
"--semi-light-blue-7": "149,214,249",
"--semi-light-blue-8": "202,235,252",
"--semi-light-blue-9": "233,247,254",
"--semi-light-green-0": "36,61,18",
"--semi-light-green-1": "56,92,28",
"--semi-light-green-2": "77,123,38",
"--semi-light-green-3": "98,153,49",
"--semi-light-green-4": "121,184,61",
"--semi-light-green-5": "146,198,92",
"--semi-light-green-6": "172,212,127",
"--semi-light-green-7": "199,227,166",
"--semi-light-green-8": "226,241,209",
"--semi-light-green-9": "243,248,236"
},
"light": {
"--semi-black": "0,0,0",
"--semi-red-0": "253,240,236",
"--semi-red-1": "251,218,207",
"--semi-red-2": "247,179,160",
"--semi-red-3": "243,138,115",
"--semi-red-4": "239,96,71",
"--semi-red-5": "235,52,28",
"--semi-red-6": "199,33,18",
"--semi-red-7": "164,17,10",
"--semi-red-8": "128,6,4",
"--semi-red-9": "92,0,2",
"--semi-white": "255,255,255",
"--semi-blue-0": "234,245,255",
"--semi-blue-1": "204,230,254",
"--semi-blue-2": "152,204,254",
"--semi-blue-3": "101,176,253",
"--semi-blue-4": "51,147,253",
"--semi-blue-5": "0,116,252",
"--semi-blue-6": "0,96,216",
"--semi-blue-7": "0,77,181",
"--semi-blue-8": "0,59,145",
"--semi-blue-9": "0,43,109",
"--semi-cyan-0": "229,247,248",
"--semi-cyan-1": "194,238,241",
"--semi-cyan-2": "138,220,227",
"--semi-cyan-3": "88,201,212",
"--semi-cyan-4": "44,181,198",
"--semi-cyan-5": "5,161,184",
"--semi-cyan-6": "3,131,153",
"--semi-cyan-7": "1,103,123",
"--semi-cyan-8": "0,76,92",
"--semi-cyan-9": "0,49,61",
"--semi-grey-0": "248,248,248",
"--semi-grey-1": "231,231,232",
"--semi-grey-2": "198,198,199",
"--semi-grey-3": "165,165,167",
"--semi-grey-4": "132,132,134",
"--semi-grey-5": "100,100,102",
"--semi-grey-6": "78,78,82",
"--semi-grey-7": "56,56,61",
"--semi-grey-8": "37,36,41",
"--semi-grey-9": "18,18,20",
"--semi-lime-0": "241,251,231",
"--semi-lime-1": "224,246,197",
"--semi-lime-2": "198,237,142",
"--semi-lime-3": "177,229,91",
"--semi-lime-4": "159,220,44",
"--semi-lime-5": "145,211,0",
"--semi-lime-6": "118,176,0",
"--semi-lime-7": "92,141,0",
"--semi-lime-8": "67,105,0",
"--semi-lime-9": "44,70,0",
"--semi-pink-0": "253,236,238",
"--semi-pink-1": "251,207,212",
"--semi-pink-2": "247,161,174",
"--semi-pink-3": "243,116,139",
"--semi-pink-4": "239,72,108",
"--semi-pink-5": "235,30,81",
"--semi-pink-6": "199,19,70",
"--semi-pink-7": "164,11,59",
"--semi-pink-8": "128,5,48",
"--semi-pink-9": "92,1,36",
"--semi-teal-0": "228,247,246",
"--semi-teal-1": "192,240,236",
"--semi-teal-2": "135,225,220",
"--semi-teal-3": "84,209,205",
"--semi-teal-4": "39,194,191",
"--semi-teal-5": "0,179,178",
"--semi-teal-6": "0,148,149",
"--semi-teal-7": "0,116,119",
"--semi-teal-8": "0,86,90",
"--semi-teal-9": "0,56,60",
"--semi-amber-0": "254,252,236",
"--semi-amber-1": "252,249,206",
"--semi-amber-2": "250,239,158",
"--semi-amber-3": "247,227,111",
"--semi-amber-4": "245,212,65",
"--semi-amber-5": "242,194,20",
"--semi-amber-6": "202,152,15",
"--semi-amber-7": "161,114,10",
"--semi-amber-8": "121,79,6",
"--semi-amber-9": "81,49,3",
"--semi-brand-0": "235,244,255",
"--semi-brand-1": "204,228,255",
"--semi-brand-2": "153,199,255",
"--semi-brand-3": "102,168,255",
"--semi-brand-4": "51,136,255",
"--semi-brand-5": "0,102,255",
"--semi-brand-6": "0,84,219",
"--semi-brand-7": "0,67,184",
"--semi-brand-8": "0,52,148",
"--semi-brand-9": "0,37,112",
"--semi-green-0": "238,252,237",
"--semi-green-1": "212,249,209",
"--semi-green-2": "170,244,165",
"--semi-green-3": "128,238,122",
"--semi-green-4": "87,233,82",
"--semi-green-5": "46,227,43",
"--semi-green-6": "34,189,34",
"--semi-green-7": "26,151,28",
"--semi-green-8": "18,114,21",
"--semi-green-9": "11,76,15",
"--semi-indigo-0": "237,239,248",
"--semi-indigo-1": "209,215,241",
"--semi-indigo-2": "167,177,226",
"--semi-indigo-3": "129,141,212",
"--semi-indigo-4": "95,108,197",
"--semi-indigo-5": "64,77,183",
"--semi-indigo-6": "52,62,163",
"--semi-indigo-7": "41,49,142",
"--semi-indigo-8": "32,37,122",
"--semi-indigo-9": "23,27,101",
"--semi-orange-0": "255,250,235",
"--semi-orange-1": "255,241,204",
"--semi-orange-2": "255,223,153",
"--semi-orange-3": "255,202,102",
"--semi-orange-4": "255,178,51",
"--semi-orange-5": "255,150,0",
"--semi-orange-6": "213,114,0",
"--semi-orange-7": "170,83,0",
"--semi-orange-8": "128,56,0",
"--semi-orange-9": "85,33,0",
"--semi-purple-0": "247,233,246",
"--semi-purple-1": "240,203,238",
"--semi-purple-2": "225,155,224",
"--semi-purple-3": "207,112,209",
"--semi-purple-4": "188,74,194",
"--semi-purple-5": "167,40,179",
"--semi-purple-6": "143,31,159",
"--semi-purple-7": "121,23,138",
"--semi-purple-8": "99,16,118",
"--semi-purple-9": "78,10,97",
"--semi-violet-0": "244,237,250",
"--semi-violet-1": "228,210,244",
"--semi-violet-2": "200,167,233",
"--semi-violet-3": "172,128,223",
"--semi-violet-4": "143,92,212",
"--semi-violet-5": "115,59,201",
"--semi-violet-6": "96,48,181",
"--semi-violet-7": "78,37,160",
"--semi-violet-8": "61,28,140",
"--semi-violet-9": "46,21,119",
"--semi-yellow-0": "255,254,234",
"--semi-yellow-1": "254,252,204",
"--semi-yellow-2": "254,245,152",
"--semi-yellow-3": "253,235,101",
"--semi-yellow-4": "253,222,51",
"--semi-yellow-5": "252,205,0",
"--semi-yellow-6": "210,174,0",
"--semi-yellow-7": "168,142,0",
"--semi-yellow-8": "126,109,0",
"--semi-yellow-9": "84,74,0",
"--semi-light-blue-0": "233,247,254",
"--semi-light-blue-1": "202,235,252",
"--semi-light-blue-2": "149,214,249",
"--semi-light-blue-3": "98,191,246",
"--semi-light-blue-4": "49,168,243",
"--semi-light-blue-5": "0,143,240",
"--semi-light-blue-6": "0,118,204",
"--semi-light-blue-7": "0,95,169",
"--semi-light-blue-8": "0,73,133",
"--semi-light-blue-9": "0,51,97",
"--semi-light-green-0": "243,248,236",
"--semi-light-green-1": "226,241,209",
"--semi-light-green-2": "199,227,166",
"--semi-light-green-3": "172,212,127",
"--semi-light-green-4": "146,198,92",
"--semi-light-green-5": "121,184,61",
"--semi-light-green-6": "98,153,49",
"--semi-light-green-7": "77,123,38",
"--semi-light-green-8": "56,92,28",
"--semi-light-green-9": "36,61,18"
}
},
"tokens": {
"color": {
"dark": {
"bg/--semi-color-bg-0": "rgba(var(--semi-grey-0), 1)",
"bg/--semi-color-bg-1": "rgba(var(--semi-grey-1), 1)",
"bg/--semi-color-bg-2": "rgba(var(--semi-grey-2), 1)",
"bg/--semi-color-bg-3": "rgba(var(--semi-grey-3), 1)",
"bg/--semi-color-bg-4": "rgba(var(--semi-grey-4),1)",
"Drag/--semi-color-Drag": "rgba(101,101,101,0)",
"card/--semi-color-card": "rgba(255,255,255,0.04)",
"info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
"link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
"nav/--semi-color-nav-bg": "rgba(35, 36, 41, 1)",
"black/--semi-color-black": "rgba(0,0,0,1)",
"data/--semi-color-data-0": "rgba(94,109,194,1)",
"data/--semi-color-data-1": "rgba(8, 104, 120, 1)",
"data/--semi-color-data-2": "rgba(250, 173, 63, 1)",
"data/--semi-color-data-3": "rgba(76, 43, 156, 1)",
"data/--semi-color-data-4": "rgba(16, 125, 248, 1)",
"data/--semi-color-data-5": "rgba(248, 202, 16, 1)",
"data/--semi-color-data-6": "rgba(195, 30, 87, 1)",
"data/--semi-color-data-7": "rgba(5, 119, 115, 1)",
"data/--semi-color-data-8": "rgba(154, 207, 13, 1)",
"data/--semi-color-data-9": "rgba(117, 29, 138, 1)",
"fill/--semi-color-fill-0": "rgba(var(--semi-white),0.05)",
"fill/--semi-color-fill-1": "rgba(var(--semi-white),0.09)",
"fill/--semi-color-fill-2": "rgba(var(--semi-white),0.13)",
"text/--semi-color-text-0": "rgba(255,255,255,1)",
"text/--semi-color-text-1": "rgba(255,255,255,0.8)",
"text/--semi-color-text-2": "rgba(255,255,255,0.6)",
"text/--semi-color-text-3": "rgba(255,255,255,0.35)",
"text/--semi-color-text-4": "rgba(255,255,255,0.1)",
"white/--semi-color-white": "rgba(250,252,252,1)",
"data/--semi-color-data-10": "rgba(16, 162, 180, 1)",
"data/--semi-color-data-11": "rgba(208, 110, 11, 1)",
"data/--semi-color-data-12": "rgba(113, 66, 197, 1)",
"data/--semi-color-data-13": "rgba(7, 100, 212, 1)",
"data/--semi-color-data-14": "rgba(251, 232, 110, 1)",
"data/--semi-color-data-15": "rgba(160, 19, 73, 1)",
"data/--semi-color-data-16": "rgba(11, 179, 167, 1)",
"data/--semi-color-data-17": "rgba(98, 138, 6, 1)",
"data/--semi-color-data-18": "rgba(162, 48, 179, 1)",
"data/--semi-color-data-19": "rgba(40, 51, 138, 1)",
"border/--semi-color-border": "rgba(255,255,255,0.19)",
"danger/--semi-color-danger": "rgba(var(--semi-red-5), 1)",
"shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
"white/--semi-color-white-1": "rgba(255,255,255,0.1)",
"white/--semi-color-white-2": "rgba(255,255,255,0.2)",
"white/--semi-color-white-3": "rgba(255,255,255,0.3)",
"white/--semi-color-white-4": "rgba(255,255,255,0.4)",
"white/--semi-color-white-5": "rgba(255,255,255,0.5)",
"white/--semi-color-white-6": "rgba(255,255,255,0.6)",
"white/--semi-color-white-7": "rgba(255,255,255,0.7)",
"white/--semi-color-white-8": "rgba(255,255,255,0.8)",
"white/--semi-color-white-9": "rgba(255,255,255,0.9)",
"black/--semi-color-black-50": "rgba(0,0,0,0.5)",
"black/--semi-color-black-70": "rgba(0,0,0,0.7)",
"Drag/--semi-color-Drag-hover": "rgba(var(--semi-blue-9),0.5)",
"border/--semi-color-border-1": "rgba(255,255,255,0.12)",
"border/--semi-color-border-2": "rgba(255,255,255,0.06)",
"card/--semi-color-card-hover": "rgba(255,255,255,0.06)",
"default/--semi-color-default": "rgba(255,255,255,0)",
"info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
"link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
"mask-bg/--semi-color-mask-bg": "rgba(0,0,0,0.5)",
"primary/--semi-color-primary": "rgba(var(--semi-brand-4),1)",
"success/--semi-color-success": "rgba(var(--semi-green-5),1)",
"warning/--semi-color-warning": "rgba(var(--semi-orange-5), 1)",
"Drag/--semi-color-Drag-active": "rgba(var(--semi-blue-4),1)",
"card/--semi-color-card-active": "rgba(250,250,250,0.1)",
"info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
"link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
"input-bg/--semi-color-input-bg": "rgba(var(--semi-grey-1),1)",
"link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
"modal-bg/--semi-color-modal-bg": "rgba(var(--semi-grey-0),0.8)",
"tertiary/--semi-color-tertiary": "rgba(255,255,255,0.08)",
"focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
"info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
"overlay/--semi-color-overlay-bg": "rgba(22,22,26,0.6)",
"danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
"highlight/--semi-color-highlight": "rgba(var(--semi-white), 1)",
"secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
"danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
"disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
"default/--semi-color-default-hover": "rgba(255,255,255,0.08)",
"primary/--semi-color-primary-hover": "rgba(var(--semi-brand-4),0.5)",
"success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
"warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
"default/--semi-color-default-active": "rgba(255,255,255,0.16)",
"disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8), 0.04)",
"disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9), 0.35)",
"highlight/--semi-color-highlight-bg": "rgba(var(--semi-yellow-2), 1)",
"primary/--semi-color-primary-active": "rgba(var(--semi-brand-7),1)",
"success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
"warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
"input-bg/--semi-color-input-bg-hover": "rgba(var(--semi-grey-1),1)",
"inputborder/--semi-color-inputborder": "rgba(255,255,255,0.12)",
"tertiary/--semi-color-tertiary-hover": "rgba(255,255,255,0.16)",
"disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
"input-bg/--semi-color-input-bg-active": "rgba(var(--semi-grey-0),1)",
"primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-4),0.2)",
"success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
"tertiary/--semi-color-tertiary-active": "rgba(255,255,255,0.24)",
"secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
"input-bg/--semi-color-input-bg-disabled": "rgba(var(--semi-grey-2),1)",
"secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
"info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-5), 0.3)",
"info-light/--semi-color-info-light-active": "rgba(var(--semi-blue-5), 0.4)",
"secondary/--semi-color-secondary-disabled": "rgba(var(--semi-light-blue-2), 1)",
"info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-5), 0.2)",
"inputborder/--semi-color-inputborder-hover": "rgba(255,255,255,0.19)",
"inputborder/--semi-color-inputborder-active": "rgba(var(--semi-brand-4),1)",
"danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-5), 0.3)",
"danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-5), 0.4)",
"inputborder/--semi-color-inputborder-disabled": "rgba(255,255,255,0.05)",
"danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-5), 0.2)",
"primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-5), 0.3)",
"success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-5), 0.3)",
"warning-light/--semi-color-warning-light-hover": "rgba(var(--semi-orange-5), 0.3)",
"primary-light/--semi-color-primary-light-active": "rgba(var(--semi-brand-5), 0.4)",
"success-light/--semi-color-success-light-active": "rgba(var(--semi-green-5), 0.4)",
"warning-light/--semi-color-warning-light-active": "rgba(var(--semi-orange-5), 0.4)",
"primary-light/--semi-color-primary-light-default": "rgba(var(--semi-brand-5), 0.2)",
"success-light/--semi-color-success-light-default": "rgba(var(--semi-green-5), 0.2)",
"tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-5), 0.3)",
"warning-light/--semi-color-warning-light-default": "rgba(var(--semi-orange-5), 0.2)",
"tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-5), 0.4)",
"secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-light-blue-5), 0.3)",
"tertiary-light/--semi-color-tertiary-light-default": "rgba(var(--semi-grey-5), 0.2)",
"secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-light-blue-5), 0.4)",
"secondary-light/--semi-color-secondary-light-default": "rgba(var(--semi-light-blue-5), 0.2)"
},
"light": {
"bg/--semi-color-bg-0": "rgba(233,236,238,1)",
"bg/--semi-color-bg-1": "rgba(255,255,255,1)",
"bg/--semi-color-bg-2": "rgba(255,255,255,1)",
"bg/--semi-color-bg-3": "rgba(255,255,255,1)",
"bg/--semi-color-bg-4": "rgba(255,255,255,1)",
"info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
"link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
"nav/--semi-color-nav-bg": "rgba(var(--semi-white), 1)",
"black/--semi-color-black": "rgba(var(--semi-black), 1)",
"data/--semi-color-data-0": "rgba(87, 105, 255, 1)",
"data/--semi-color-data-1": "rgba(142, 212, 231, 1)",
"data/--semi-color-data-2": "rgba(245, 135, 0, 1)",
"data/--semi-color-data-3": "rgba(220, 183, 252, 1)",
"data/--semi-color-data-4": "rgba(74, 156, 247, 1)",
"data/--semi-color-data-5": "rgba(243, 204, 53, 1)",
"data/--semi-color-data-6": "rgba(254, 128, 144, 1)",
"data/--semi-color-data-7": "rgba(139, 215, 210, 1)",
"data/--semi-color-data-8": "rgba(131, 176, 35, 1)",
"data/--semi-color-data-9": "rgba(233, 165, 229, 1)",
"fill/--semi-color-fill-0": "rgba(var(--semi-grey-8), 0.05)",
"fill/--semi-color-fill-1": "rgba(var(--semi-grey-8), 0.09)",
"fill/--semi-color-fill-2": "rgba(var(--semi-grey-8), 0.13)",
"text/--semi-color-text-0": "rgba(var(--semi-grey-9), 1)",
"text/--semi-color-text-1": "rgba(var(--semi-grey-9), 0.8)",
"text/--semi-color-text-2": "rgba(var(--semi-grey-9), 0.6)",
"text/--semi-color-text-3": "rgba(var(--semi-grey-9), 0.35)",
"white/--semi-color-white": "rgba(var(--semi-white), 1)",
"data/--semi-color-data-10": "rgba(48, 167, 206, 1)",
"data/--semi-color-data-11": "rgba(249, 192, 100, 1)",
"data/--semi-color-data-12": "rgba(177, 113, 249, 1)",
"data/--semi-color-data-13": "rgba(119, 182, 249, 1)",
"data/--semi-color-data-14": "rgba(200, 143, 2, 1)",
"data/--semi-color-data-15": "rgba(255, 170, 178, 1)",
"data/--semi-color-data-16": "rgba(51, 176, 171, 1)",
"data/--semi-color-data-17": "rgba(182, 215, 129, 1)",
"data/--semi-color-data-18": "rgba(212, 88, 212, 1)",
"data/--semi-color-data-19": "rgba(188, 198, 255, 1)",
"border/--semi-color-border": "rgba(var(--semi-grey-9), 0.08)",
"danger/--semi-color-danger": "rgba(var(--semi-red-5),1)",
"shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
"default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
"info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
"link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
"mask-bg/--semi-color-mask-bg": "rgba(255,255,255,0.6)",
"primary/--semi-color-primary": "rgba(var(--semi-brand-5),1)",
"success/--semi-color-success": "rgba(var(--semi-green-5), 1)",
"warning/--semi-color-warning": "rgba(var(--semi-orange-5), 1)",
"info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
"link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
"link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
"modal-bg/--semi-color-modal-bg": "rgba(255,255,255,0.9)",
"tertiary/--semi-color-tertiary": "rgba(var(--semi-grey-5), 1)",
"focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
"info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
"overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
"danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
"highlight/--semi-color-highlight": "rgba(var(--semi-black), 1)",
"secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
"danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
"disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
"default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
"primary/--semi-color-primary-hover": "rgba(var(--semi-brand-6), 1)",
"success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
"warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
"default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
"disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8), 0.04)",
"disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9), 0.35)",
"highlight/--semi-color-highlight-bg": "rgba(var(--semi-yellow-4), 1)",
"primary/--semi-color-primary-active": "rgba(var(--semi-brand-7), 1)",
"success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
"warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
"tertiary/--semi-color-tertiary-hover": "rgba(var(--semi-grey-6), 1)",
"disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
"primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
"success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
"tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-7), 1)",
"secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
"secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
"info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-1), 1)",
"info-light/--semi-color-info-light-active": "rgba(var(--semi-blue-2), 1)",
"secondary/--semi-color-secondary-disabled": "rgba(var(--semi-light-blue-2), 1)",
"info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-0), 1)",
"danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-1), 1)",
"danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-2), 1)",
"danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-0), 1)",
"primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-1), 1)",
"success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-1), 1)",
"warning-light/--semi-color-warning-light-hover": "rgba(var(--semi-orange-1), 1)",
"primary-light/--semi-color-primary-light-active": "rgba(var(--semi-brand-2), 1)",
"success-light/--semi-color-success-light-active": "rgba(var(--semi-green-2), 1)",
"warning-light/--semi-color-warning-light-active": "rgba(var(--semi-orange-2), 1)",
"primary-light/--semi-color-primary-light-default": "rgba(var(--semi-brand-0), 1)",
"success-light/--semi-color-success-light-default": "rgba(var(--semi-green-0), 1)",
"tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-1), 1)",
"warning-light/--semi-color-warning-light-default": "rgba(var(--semi-orange-0), 1)",
"tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-2), 1)",
"secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-blue-1), 1)",
"tertiary-light/--semi-color-tertiary-light-default": "rgba(var(--semi-grey-0), 1)",
"secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-blue-2), 1)",
"secondary-light/--semi-color-secondary-light-default": "rgba(var(--semi-light-blue-0), 1)"
}
},
"extra": {
"shadow": {
"shadow-2": [
null,
[
{
"x": 0,
"y": 2,
"id": "0.57503280625149381638946331179",
"blur": 4,
"color": "rgba(0,0,0,0.14)",
"spread": 0,
"opacity": 0
},
{
"x": 0,
"y": 0,
"id": "0.52341587980803081638946408420",
"blur": 1,
"color": "rgba(0,0,0,0.16)",
"spread": 0,
"opacity": 0
}
]
],
"shadow-knob": [
null,
[
{
"x": 0,
"y": 4,
"id": "0.52064131874662921638946451834",
"blur": 6,
"color": "rgba(0,0,0,0.10)",
"spread": 0,
"opacity": 0
},
{
"x": 0,
"y": 0,
"id": "0.64216055534075511638946487545",
"blur": 1,
"color": "rgba(0,0,0,0.30)",
"spread": 0,
"opacity": 0
}
]
],
"shadow-elevated": [
null,
[
{
"x": 0,
"y": 0,
"id": "0.71446407555509781638946270671",
"blur": 1,
"color": "rgba(0,0,0,0.30)",
"spread": 0,
"opacity": 0
},
{
"x": 0,
"y": 4,
"id": "0.46894885979441691638946586193",
"blur": 14,
"color": "rgba(0,0,0,0.10)",
"spread": 0,
"opacity": 0
}
]
]
}
},
"border": {
"border-default": "1px solid var(--semi-color-border)"
},
"custom": "",
"shadow": {
"shadow-0": "none",
"shadow-1": "none",
"shadow-2": "0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16)",
"shadow-knob": "0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30)",
"shadow-elevated": "0px 0px 1px 0px rgba(3,3,3,0.4),0px 6px 16px -1px rgba(0,0,0,0.10),0px 0px 0px 0px rgba(102,204,255,0)"
},
"spacing": {
"$spacing-base": "16px",
"$spacing-none": "0",
"$spacing-loose": "24px",
"$spacing-tight": "8px",
"$spacing-base-loose": "20px",
"$spacing-base-tight": "12px",
"$spacing-extra-loose": "32px",
"$spacing-extra-tight": "4px",
"$spacing-super-loose": "40px",
"$spacing-super-tight": "2px"
},
"animation": {
"delay": {
"fast": "180ms",
"none": "0ms",
"slow": "1000ms",
"faster": "120ms",
"normal": "600ms",
"slower": "1200ms",
"fastest": "90ms",
"slowest": "1800ms"
},
"duration": {
"fast": "180ms",
"none": "0ms",
"slow": "1000ms",
"faster": "120ms",
"normal": "600ms",
"slower": "1200ms",
"fastest": "90ms",
"slowest": "1800ms"
},
"function": {
"easeIn": "cubic-bezier(0.4, 0, 1, 1)",
"linear": "linear",
"easeOut": "cubic-bezier(0, 0, 0.2, 1)",
"easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)"
}
},
"components": {
"input": {
"color": {
"$color-input-icon-hover": "var(--semi-color-text-0)",
"$color-input_default-bg-focus": "var(--semi-color-input-bg-active)",
"$color-input_default-bg-hover": "var(--semi-color-input-bg-hover)",
"$color-input_default-bg-active": "var(--semi-color-input-bg-hover)",
"$color-input_default-bg-default": "var(--semi-color-input-bg)",
"$color-input_default-border-hover": "var(--semi-color-inputborder-hover)",
"$color-input_default-bg-focus-hover": "var(--semi-color-input-bg-hover)",
"$color-input_default-border-default": "var(--semi-color-inputborder)",
"$color-input_placeholder-text-default": "var(--semi-color-text-3)"
},
"height": {
"$height-input_large": "40px",
"$height-input_small": "21px",
"$height-input_default": "30px",
"$height-input_wrapper_default": "32px"
},
"radius": {
"$radius-input_wrapper": "6px"
}
},
"radio": {
"color": {
"$color-radio_primary-outline-focus": "var(--semi-color-info-hover)",
"$color-radio_buttonRadio-bg-default": "var(--semi-color-bg-2)",
"$color-radio_addon_buttonRadio-bg-hover": "var(--semi-color-default-hover)",
"$color-radio_addon_buttonRadio-bg-checked": "var(--semi-color-primary)",
"$color-radio_addon_buttonRadio-text-checked": "var(--semi-color-text-0)"
},
"width": {
"$width-radio_inner": "16px",
"$width-radio-outline": "2px"
},
"height": {
"$height-radio_inner_min": "24px"
},
"radius": {
"$radius-radio_buttonRadio": "6px",
"$radius-radio_cardRadioGroup": "6px",
"$radius-radio_addon_buttonRadio": "4px"
},
"spacing": {
"$spacing-radio_content-rowGap": "1px",
"$spacing-radio_addon-paddingLeft": "12px",
"$spacing-radio_buttonRadioGroup-paddingRight": "0px",
"$spacing-radio_buttonRadioGroup_large-padding": "2px",
"$spacing-radio_buttonRadioGroup_middle-padding": "2px",
"$spacing-radio_buttonRadioGroup_small-paddingY": "2px",
"$spacing-radio_addon_buttonRadio_large-paddingX": "24px",
"$spacing-radio_addon_buttonRadio_large-paddingY": "12px",
"$spacing-radio_addon_buttonRadio_middle-paddingY": "6px"
}
},
"button": {
"color": {
"$color-button_primary-border-default": "var(--semi-color-border-2)"
},
"height": {
"$height-button_small": "28px",
"$height-button_default": "32px"
},
"radius": {
"$radius-button": "6px"
}
},
"select": {
"color": {
"$color-select-bg-focus": "var(--semi-color-fill-0)",
"$color-select-bg-active": "var(--semi-color-fill-2)",
"$color-select-bg-default": "var(--semi-color-fill-0)",
"$color-select-border-active": "var(--semi-color-focus-border)",
"$color-select_default-border-focus": "var(--semi-color-focus-border)"
},
"width": {
"$width-select_arrow": "32px"
},
"height": {
"$height-select_small": "28px"
},
"radius": {
"$radius-select": "6px"
}
},
"switch": {
"color": {
"$color-switch_checked-bg-hover": "var(--semi-color-primary-hover)",
"$color-switch_checked-bg-active": "var(--semi-color-primary-active)",
"$color-switch_checked-bg-default": "var(--semi-color-primary)",
"$color-switch_default-bg-default": "var(--semi-color-bg-3)"
}
},
"cascader": {
"width": {
"$width-cascader-icon": "32px"
},
"height": {
"$height-cascader_small": "28px"
},
"radius": {
"$radius-cascader": "6px"
}
},
"checkbox": {
"color": {
"$color-checkbox_default-bg-hover": "var(--semi-color-border)"
}
},
"tagInput": {
"color": {
"$color-tagInput-border-focus": "var(--semi-color-primary)",
"$color-tagInput-border-hover": "var(--semi-color-border-1)",
"$color-tagInput_default-bg-focus": "var(--semi-color-bg-0)",
"$color-tagInput_default-bg-default": "var(--semi-color-bg-1)"
}
}
},
"typography": {
"Header": {
"header-1": {
"fontSize": "32px",
"fontFamily": " 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
"lineHeight": "44px"
},
"header-2": {
"fontSize": "28px",
"fontFamily": " 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
"lineHeight": "40px"
},
"header-3": {
"fontSize": "24px",
"fontFamily": " 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
"lineHeight": "32px"
},
"header-4": {
"fontSize": "20px",
"fontFamily": " 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
"lineHeight": "28px"
},
"header-5": {
"fontSize": "18px",
"fontFamily": " 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
"lineHeight": "24px"
},
"header-6": {
"fontSize": "16px",
"fontFamily": " 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
"lineHeight": "22px"
}
},
"Paragraph": {
"small": {
"fontSize": "12px",
"fontFamily": " 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
"lineHeight": "16px"
},
"regular": {
"fontSize": "14px",
"fontFamily": " 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
"lineHeight": "20px"
}
}
},
"presetColor": {
"red": "#EB341C",
"blue": "#0074fc",
"cyan": "#05a1b8",
"grey": "#646466",
"lime": "#91d300",
"pink": "#eb1e51",
"teal": "#00b3b2",
"amber": "#f2c214",
"black": "#000000",
"brand": "#0066ff",
"green": "#2EE32B",
"white": "#ffffff",
"indigo": "#404db7",
"orange": "#ff9600",
"purple": "#a728b3",
"violet": "#733bc9",
"yellow": "#fccd00",
"light-blue": "#008ff0",
"light-green": "#79b83d"
},
"border-radius": {
"--semi-border-radius-full": "9999px",
"--semi-border-radius-large": "10px",
"--semi-border-radius-small": "4px",
"--semi-border-radius-circle": "50%",
"--semi-border-radius-medium": "6px",
"--semi-border-radius-middle": "8px",
"--semi-border-radius-extra-small": "3px"
},
"typography-base": {
"scale": "default",
"wordSpace": 0,
"fontFamily": " 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
"letterSpace": 0,
"baseFontSize": "14px",
"lineHeightMultiplier": 1.4
},
"globalScssVariables": {}
}
}