studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
db26e21b885dda9bf06acc078d9ddb463d5dda07
cunningham/apps/demo/cunningham.ts
jbpenrath db26e21b88 🧑‍💻(tokens) add getThemesFromGlobals utils 
Export a new util method `getThemesFromGlobals` to easily generate theme with
its variant only by providing a partial globals object. By default it returns
both available theme variants (light & dark). Through options you can prefix
variant property keys, only generate theme with a subset of variant and also
overrides/extend theme.
2025-12-15 12:58:38 +01:00

621 lines
18 KiB
TypeScript
Raw Blame History

import {
defaultThemes,
getThemesFromGlobals,
} from "@gouvfr-lasuite/cunningham-tokens";
const redflux = getThemesFromGlobals(
{
colors: {
"brand-050": "#FBEEED",
"brand-100": "#F7DCDB",
"brand-150": "#F4CBC9",
"brand-200": "#F0B9B7",
"brand-250": "#ECA7A4",
"brand-300": "#E89591",
"brand-350": "#E4827E",
"brand-400": "#E06F69",
"brand-450": "#DB5953",
"brand-500": "#D6413A",
"brand-550": "#CA2D25",
"brand-600": "#B32821",
"brand-650": "#933028",
"brand-700": "#783029",
"brand-750": "#5F2D27",
"brand-800": "#492723",
"brand-850": "#37201D",
"brand-900": "#261816",
"brand-950": "#170F0E",
"gray-000": "#FFFFFF",
"gray-025": "#F8F8F8",
"gray-050": "#F1F1F1",
"gray-100": "#E2E2E2",
"gray-150": "#D4D4D4",
"gray-200": "#C6C6C6",
"gray-250": "#B9B9B9",
"gray-300": "#ABABAB",
"gray-350": "#9E9E9E",
"gray-400": "#919191",
"gray-450": "#848484",
"gray-500": "#777777",
"gray-550": "#6A6A6A",
"gray-600": "#5E5E5E",
"gray-650": "#525252",
"gray-700": "#474747",
"gray-750": "#3B3B3B",
"gray-800": "#303030",
"gray-850": "#262626",
"gray-900": "#1B1B1B",
"gray-950": "#111111",
"gray-1000": "#000000",
"info-050": "#ECF1FA",
"info-100": "#D8E3F6",
"info-150": "#C5D5F1",
"info-200": "#B2C8EC",
"info-250": "#9FBAE8",
"info-300": "#8CACE3",
"info-350": "#7A9FDE",
"info-400": "#6791DA",
"info-450": "#5483D5",
"info-500": "#4075D0",
"info-550": "#2C67CC",
"info-600": "#265BB6",
"info-650": "#2A5195",
"info-700": "#2A4677",
"info-750": "#283B5E",
"info-800": "#233148",
"info-850": "#1C2635",
"info-900": "#161C25",
"info-950": "#0E1116",
"success-050": "#D9F9DB",
"success-100": "#B1F2B5",
"success-150": "#83EB89",
"success-200": "#71DD78",
"success-250": "#69CE6F",
"success-300": "#61BF67",
"success-350": "#5AB05F",
"success-400": "#53A158",
"success-450": "#4B934F",
"success-500": "#448548",
"success-550": "#3D7740",
"success-600": "#366939",
"success-650": "#365B38",
"success-700": "#324D34",
"success-750": "#2D402E",
"success-800": "#273427",
"success-850": "#202820",
"success-900": "#181D18",
"success-950": "#0F110E",
"warning-050": "#F7F0E3",
"warning-100": "#EFE1C7",
"warning-150": "#E7D2AB",
"warning-200": "#DFC38F",
"warning-250": "#D7B473",
"warning-300": "#CFA557",
"warning-350": "#C49644",
"warning-400": "#B38A3F",
"warning-450": "#A37E39",
"warning-500": "#947134",
"warning-550": "#84662E",
"warning-600": "#755A29",
"warning-650": "#63502C",
"warning-700": "#53442D",
"warning-750": "#453A29",
"warning-800": "#362F24",
"warning-850": "#2A251D",
"warning-900": "#1E1B16",
"warning-950": "#12110E",
"error-050": "#FBEEED",
"error-100": "#F8DCDC",
"error-150": "#F4CACA",
"error-200": "#F1B9B8",
"error-250": "#EDA7A6",
"error-300": "#E99494",
"error-350": "#E58181",
"error-400": "#E16D6C",
"error-450": "#DD5857",
"error-500": "#D14746",
"error-550": "#BB403F",
"error-600": "#A63838",
"error-650": "#893937",
"error-700": "#703533",
"error-750": "#59302D",
"error-800": "#452927",
"error-850": "#332120",
"error-900": "#241919",
"error-950": "#150F0F",
"red-050": "#FDEDED",
"red-100": "#FADBDB",
"red-150": "#F8C9C9",
"red-200": "#F5B7B6",
"red-250": "#F3A4A3",
"red-300": "#F09190",
"red-350": "#EE7C7B",
"red-400": "#EB6665",
"red-450": "#E74E4D",
"red-500": "#D83F3D",
"red-550": "#C23837",
"red-600": "#AC3231",
"red-650": "#8D3531",
"red-700": "#73332F",
"red-750": "#5B2F2B",
"red-800": "#472826",
"red-850": "#35211F",
"red-900": "#251817",
"red-950": "#160F0E",
"orange-050": "#FDEEE2",
"orange-100": "#FCDDC5",
"orange-150": "#FACBA8",
"orange-200": "#F8B98B",
"orange-250": "#F6A76A",
"orange-300": "#F4934B",
"orange-350": "#F27E27",
"orange-400": "#E76E12",
"orange-450": "#D26411",
"orange-500": "#BE5B0F",
"orange-550": "#AA510E",
"orange-600": "#97480C",
"orange-650": "#7E431D",
"orange-700": "#673C22",
"orange-750": "#533422",
"orange-800": "#412C1F",
"orange-850": "#31231B",
"orange-900": "#221A14",
"orange-950": "#15100C",
"brown-050": "#F3F0EF",
"brown-100": "#E7E1DF",
"brown-150": "#DCD2CF",
"brown-200": "#D0C4BF",
"brown-250": "#C5B6B0",
"brown-300": "#BAA7A1",
"brown-350": "#AF9992",
"brown-400": "#A48B83",
"brown-450": "#997E74",
"brown-500": "#8F7065",
"brown-550": "#846357",
"brown-600": "#7A5649",
"brown-650": "#684C42",
"brown-700": "#57423C",
"brown-750": "#463833",
"brown-800": "#382E2A",
"brown-850": "#2B2422",
"brown-900": "#1F1B19",
"brown-950": "#121010",
"yellow-050": "#FAF0D3",
"yellow-100": "#F5E2A4",
"yellow-150": "#F0D275",
"yellow-200": "#EBC242",
"yellow-250": "#E4B213",
"yellow-300": "#D4A511",
"yellow-350": "#C39810",
"yellow-400": "#B38B0F",
"yellow-450": "#A37F0D",
"yellow-500": "#93730C",
"yellow-550": "#84670B",
"yellow-600": "#755B0A",
"yellow-650": "#63501C",
"yellow-700": "#534521",
"yellow-750": "#443A21",
"yellow-800": "#36301F",
"yellow-850": "#29261A",
"yellow-900": "#1D1C14",
"yellow-950": "#12110C",
"green-050": "#E2F6E5",
"green-100": "#C5ECCA",
"green-150": "#A7E3AF",
"green-200": "#89D894",
"green-250": "#67CE75",
"green-300": "#4DC25D",
"green-350": "#48B257",
"green-400": "#41A44F",
"green-450": "#3B9548",
"green-500": "#368741",
"green-550": "#30793A",
"green-600": "#2B6B33",
"green-650": "#2F5C34",
"green-700": "#2E4E31",
"green-750": "#2A412C",
"green-800": "#253426",
"green-850": "#1E281F",
"green-900": "#171D17",
"green-950": "#0F120F",
"blue1-050": "#EBF1FF",
"blue1-100": "#D6E3FE",
"blue1-150": "#C2D5FE",
"blue1-200": "#ADC7FE",
"blue1-250": "#99B8FD",
"blue1-300": "#84AAFD",
"blue1-350": "#6F9BFD",
"blue1-400": "#5A8DFB",
"blue1-450": "#437DFC",
"blue1-500": "#3D71E4",
"blue1-550": "#3665CC",
"blue1-600": "#305AB5",
"blue1-650": "#315093",
"blue1-700": "#2E4675",
"blue1-750": "#293B5E",
"blue1-800": "#243048",
"blue1-850": "#1E2635",
"blue1-900": "#171C25",
"blue1-950": "#0E1116",
"blue2-050": "#E2F4F9",
"blue2-100": "#C5E9F3",
"blue2-150": "#A7DDED",
"blue2-200": "#88D1E6",
"blue2-250": "#68C5E0",
"blue2-300": "#48B8D9",
"blue2-350": "#3BAACA",
"blue2-400": "#359CB9",
"blue2-450": "#318EA9",
"blue2-500": "#2C8199",
"blue2-550": "#277389",
"blue2-600": "#236679",
"blue2-650": "#2A5866",
"blue2-700": "#2A4B55",
"blue2-750": "#283F47",
"blue2-800": "#233337",
"blue2-850": "#1D272A",
"blue2-900": "#161C1E",
"blue2-950": "#0E1112",
"purple-050": "#F6EEFF",
"purple-100": "#ECDCFF",
"purple-150": "#E3CBFE",
"purple-200": "#DAB9FE",
"purple-250": "#D0A7FE",
"purple-300": "#C795FE",
"purple-350": "#BD83FD",
"purple-400": "#B36FFD",
"purple-450": "#A85BFD",
"purple-500": "#9B4BF3",
"purple-550": "#8B43DA",
"purple-600": "#7B3CC1",
"purple-650": "#673C9B",
"purple-700": "#56387D",
"purple-750": "#463162",
"purple-800": "#382A4A",
"purple-850": "#2A2237",
"purple-900": "#1E1926",
"purple-950": "#121017",
"pink-050": "#FCEDF5",
"pink-100": "#F9DAEA",
"pink-150": "#F7C7E0",
"pink-200": "#F4B4D5",
"pink-250": "#F1A1CA",
"pink-300": "#EE8CBF",
"pink-350": "#EA77B3",
"pink-400": "#E760A6",
"pink-450": "#E24797",
"pink-500": "#CD4089",
"pink-550": "#B8397B",
"pink-600": "#A3336D",
"pink-650": "#86355E",
"pink-700": "#6E334F",
"pink-750": "#582E42",
"pink-800": "#442834",
"pink-850": "#332028",
"pink-900": "#24181D",
"pink-950": "#160F12",
},
},
{
prefix: "redflux",
variants: ["dark"],
},
);
const blueney = getThemesFromGlobals(
{
colors: {
"brand-050": "#EBF1FA",
"brand-100": "#D7E4F5",
"brand-150": "#C3D6F0",
"brand-200": "#B0C8EB",
"brand-250": "#9CBBE6",
"brand-300": "#89ADE1",
"brand-350": "#75A0DC",
"brand-400": "#6192D7",
"brand-450": "#4D85D2",
"brand-500": "#3977CD",
"brand-550": "#2C6ABF",
"brand-600": "#275EA9",
"brand-650": "#2B538A",
"brand-700": "#2B4770",
"brand-750": "#283C59",
"brand-800": "#233145",
"brand-850": "#1D2633",
"brand-900": "#171C24",
"brand-950": "#0E1115",
"gray-000": "#FFFFFF",
"gray-025": "#F8F8FA",
"gray-050": "#F0F0F5",
"gray-100": "#E1E2EA",
"gray-150": "#D2D4E0",
"gray-200": "#C4C5D6",
"gray-250": "#B5B7CC",
"gray-300": "#A7AAC2",
"gray-350": "#999CB6",
"gray-400": "#8D8FA7",
"gray-450": "#808298",
"gray-500": "#747689",
"gray-550": "#68697B",
"gray-600": "#5C5D6D",
"gray-650": "#50525F",
"gray-700": "#454652",
"gray-750": "#3A3B45",
"gray-800": "#2F3038",
"gray-850": "#25252C",
"gray-900": "#1B1B20",
"gray-950": "#101113",
"gray-1000": "#000000",
"info-050": "#EDF1F9",
"info-100": "#DAE3F3",
"info-150": "#C8D5EE",
"info-200": "#B7C7E8",
"info-250": "#A5B9E2",
"info-300": "#93ACDD",
"info-350": "#819ED7",
"info-400": "#7090D1",
"info-450": "#5E83CC",
"info-500": "#4D75C6",
"info-550": "#3B67C1",
"info-600": "#2959BB",
"info-650": "#29509B",
"info-700": "#28467C",
"info-750": "#263B61",
"info-800": "#22304B",
"info-850": "#1C2637",
"info-900": "#161C26",
"info-950": "#0E1117",
"success-050": "#E7F6D8",
"success-100": "#CEECB1",
"success-150": "#B4E289",
"success-200": "#99D85D",
"success-250": "#88CB49",
"success-300": "#7EBC43",
"success-350": "#74AD3E",
"success-400": "#6A9F39",
"success-450": "#619134",
"success-500": "#58832F",
"success-550": "#4E752A",
"success-600": "#456825",
"success-650": "#405A29",
"success-700": "#394C29",
"success-750": "#333F28",
"success-800": "#2B3323",
"success-850": "#22281E",
"success-900": "#191D16",
"success-950": "#10110E",
"warning-050": "#F8F0DE",
"warning-100": "#F0E2BC",
"warning-150": "#E9D39A",
"warning-200": "#E1C478",
"warning-250": "#D9B456",
"warning-300": "#D0A539",
"warning-350": "#C09934",
"warning-400": "#B08C2F",
"warning-450": "#A07F2B",
"warning-500": "#917327",
"warning-550": "#816723",
"warning-600": "#735B1F",
"warning-650": "#615026",
"warning-700": "#524527",
"warning-750": "#433B26",
"warning-800": "#363022",
"warning-850": "#29261C",
"warning-900": "#1D1B16",
"warning-950": "#12110E",
"error-050": "#FBEEED",
"error-100": "#F6DDDB",
"error-150": "#F2CCC8",
"error-200": "#EDBAB6",
"error-250": "#E9A9A4",
"error-300": "#E49791",
"error-350": "#E0857E",
"error-400": "#DB726A",
"error-450": "#D65E54",
"error-500": "#D0483D",
"error-550": "#C92E22",
"error-600": "#B5261A",
"error-650": "#952F24",
"error-700": "#783026",
"error-750": "#602C25",
"error-800": "#4A2722",
"error-850": "#371F1C",
"error-900": "#261816",
"error-950": "#170F0D",
"red-050": "#FDEDED",
"red-100": "#FADBDB",
"red-150": "#F8C9C9",
"red-200": "#F5B7B6",
"red-250": "#F3A4A3",
"red-300": "#F09190",
"red-350": "#EE7C7B",
"red-400": "#EB6665",
"red-450": "#E74E4D",
"red-500": "#D83F3D",
"red-550": "#C23837",
"red-600": "#AC3231",
"red-650": "#8D3531",
"red-700": "#73332F",
"red-750": "#5B2F2B",
"red-800": "#472826",
"red-850": "#35211F",
"red-900": "#251817",
"red-950": "#160F0E",
"orange-050": "#FDEEE2",
"orange-100": "#FCDDC5",
"orange-150": "#FACBA8",
"orange-200": "#F8B98B",
"orange-250": "#F6A76A",
"orange-300": "#F4934B",
"orange-350": "#F27E27",
"orange-400": "#E76E12",
"orange-450": "#D26411",
"orange-500": "#BE5B0F",
"orange-550": "#AA510E",
"orange-600": "#97480C",
"orange-650": "#7E431D",
"orange-700": "#673C22",
"orange-750": "#533422",
"orange-800": "#412C1F",
"orange-850": "#31231B",
"orange-900": "#221A14",
"orange-950": "#15100C",
"brown-050": "#F3F0EF",
"brown-100": "#E7E1DF",
"brown-150": "#DCD2CF",
"brown-200": "#D0C4BF",
"brown-250": "#C5B6B0",
"brown-300": "#BAA7A1",
"brown-350": "#AF9992",
"brown-400": "#A48B83",
"brown-450": "#997E74",
"brown-500": "#8F7065",
"brown-550": "#846357",
"brown-600": "#7A5649",
"brown-650": "#684C42",
"brown-700": "#57423C",
"brown-750": "#463833",
"brown-800": "#382E2A",
"brown-850": "#2B2422",
"brown-900": "#1F1B19",
"brown-950": "#121010",
"yellow-050": "#FAF0D3",
"yellow-100": "#F5E2A4",
"yellow-150": "#F0D275",
"yellow-200": "#EBC242",
"yellow-250": "#E4B213",
"yellow-300": "#D4A511",
"yellow-350": "#C39810",
"yellow-400": "#B38B0F",
"yellow-450": "#A37F0D",
"yellow-500": "#93730C",
"yellow-550": "#84670B",
"yellow-600": "#755B0A",
"yellow-650": "#63501C",
"yellow-700": "#534521",
"yellow-750": "#443A21",
"yellow-800": "#36301F",
"yellow-850": "#29261A",
"yellow-900": "#1D1C14",
"yellow-950": "#12110C",
"green-050": "#E2F6E5",
"green-100": "#C5ECCA",
"green-150": "#A7E3AF",
"green-200": "#89D894",
"green-250": "#67CE75",
"green-300": "#4DC25D",
"green-350": "#48B257",
"green-400": "#41A44F",
"green-450": "#3B9548",
"green-500": "#368741",
"green-550": "#30793A",
"green-600": "#2B6B33",
"green-650": "#2F5C34",
"green-700": "#2E4E31",
"green-750": "#2A412C",
"green-800": "#253426",
"green-850": "#1E281F",
"green-900": "#171D17",
"green-950": "#0F120F",
"blue1-050": "#EBF1FF",
"blue1-100": "#D6E3FE",
"blue1-150": "#C2D5FE",
"blue1-200": "#ADC7FE",
"blue1-250": "#99B8FD",
"blue1-300": "#84AAFD",
"blue1-350": "#6F9BFD",
"blue1-400": "#5A8DFB",
"blue1-450": "#437DFC",
"blue1-500": "#3D71E4",
"blue1-550": "#3665CC",
"blue1-600": "#305AB5",
"blue1-650": "#315093",
"blue1-700": "#2E4675",
"blue1-750": "#293B5E",
"blue1-800": "#243048",
"blue1-850": "#1E2635",
"blue1-900": "#171C25",
"blue1-950": "#0E1116",
"blue2-050": "#E2F4F9",
"blue2-100": "#C5E9F3",
"blue2-150": "#A7DDED",
"blue2-200": "#88D1E6",
"blue2-250": "#68C5E0",
"blue2-300": "#48B8D9",
"blue2-350": "#3BAACA",
"blue2-400": "#359CB9",
"blue2-450": "#318EA9",
"blue2-500": "#2C8199",
"blue2-550": "#277389",
"blue2-600": "#236679",
"blue2-650": "#2A5866",
"blue2-700": "#2A4B55",
"blue2-750": "#283F47",
"blue2-800": "#233337",
"blue2-850": "#1D272A",
"blue2-900": "#161C1E",
"blue2-950": "#0E1112",
"purple-050": "#F6EEFF",
"purple-100": "#ECDCFF",
"purple-150": "#E3CBFE",
"purple-200": "#DAB9FE",
"purple-250": "#D0A7FE",
"purple-300": "#C795FE",
"purple-350": "#BD83FD",
"purple-400": "#B36FFD",
"purple-450": "#A85BFD",
"purple-500": "#9B4BF3",
"purple-550": "#8B43DA",
"purple-600": "#7B3CC1",
"purple-650": "#673C9B",
"purple-700": "#56387D",
"purple-750": "#463162",
"purple-800": "#382A4A",
"purple-850": "#2A2237",
"purple-900": "#1E1926",
"purple-950": "#121017",
"pink-050": "#FCEDF5",
"pink-100": "#F9DAEA",
"pink-150": "#F7C7E0",
"pink-200": "#F4B4D5",
"pink-250": "#F1A1CA",
"pink-300": "#EE8CBF",
"pink-350": "#EA77B3",
"pink-400": "#E760A6",
"pink-450": "#E24797",
"pink-500": "#CD4089",
"pink-550": "#B8397B",
"pink-600": "#A3336D",
"pink-650": "#86355E",
"pink-700": "#6E334F",
"pink-750": "#582E42",
"pink-800": "#442834",
"pink-850": "#332028",
"pink-900": "#24181D",
"pink-950": "#160F12",
},
},
{
prefix: "blueney",
variants: ["dark"],
},
);
const defaultConfig = {
themes: {
...redflux,
...blueney,
dark: {
components: {
card: {
"border-width": "none",
"box-shadow": "rgba(0, 8, 16, 0.3) 0px 16px 24px",
},
},
},
},
};
const config = { ...defaultConfig, ...defaultThemes };
export default config;
Reference in New Issue View Git Blame Copy Permalink