diff --git a/apps/demo/cunningham.ts b/apps/demo/cunningham.ts index fc27b88..a7f3935 100644 --- a/apps/demo/cunningham.ts +++ b/apps/demo/cunningham.ts @@ -1,613 +1,607 @@ -import { contextualDark, defaultThemes } from "@openfun/cunningham-tokens"; +import { defaultThemes } from "@openfun/cunningham-tokens"; const defaultConfig = { - themes: { - redflux: { - globals: { - 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" - }, - }, - contextuals: contextualDark, - }, - blueny: { - globals: { - 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" - }, - }, - contextuals: contextualDark, - }, - dark: { - components: { - card: { - "border-width": "none", - "box-shadow": "rgba(0, 8, 16, 0.3) 0px 16px 24px", - }, - }, - + themes: { + redflux: { + globals: { + 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", }, + }, + contextuals: defaultThemes.dark.contextuals, }, - -} + blueney: { + globals: { + 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", + }, + }, + contextuals: defaultThemes.dark.contextuals, + }, + dark: { + components: { + card: { + "border-width": "none", + "box-shadow": "rgba(0, 8, 16, 0.3) 0px 16px 24px", + }, + }, + }, + }, +}; -const config = {...defaultConfig, ...defaultThemes}; +const config = { ...defaultConfig, ...defaultThemes }; export default config; - - - - diff --git a/apps/demo/src/App.tsx b/apps/demo/src/App.tsx index a75bf18..4a42bb1 100644 --- a/apps/demo/src/App.tsx +++ b/apps/demo/src/App.tsx @@ -12,7 +12,7 @@ import Onboarding from "./Onboarding"; enum Theme { CUNNINGHAM = "cunningham", REDFLUX = "redflux", - BLUENEY = "blueny", + BLUENEY = "blueney", } enum Variant { @@ -31,7 +31,7 @@ const THEMES: Record> = { }, [Theme.BLUENEY]: { light: undefined, - dark: "blueny", + dark: "blueney", }, }; @@ -45,12 +45,11 @@ const preferredScheme = window.matchMedia("(prefers-color-scheme: dark)") export const App = () => { const [locale] = useState("en-US"); const [theme, setTheme] = useState( - (sessionStorage.getItem("c-theme") as Theme | null) ?? - preferredScheme.theme, + (sessionStorage.getItem("c-theme") as Theme | null) ?? preferredScheme.theme ); const [variant, setVariant] = useState( (sessionStorage.getItem("c-variant") as Variant | null) ?? - preferredScheme.variant, + preferredScheme.variant ); const activeTheme = useMemo(() => THEMES[theme][variant], [theme, variant]); const modal = useModal(); @@ -98,13 +97,14 @@ export const App = () => { setTheme(e.target.value as Theme); if (THEMES[e.target.value as Theme][variant] === undefined) { setVariant( - variant === Variant.LIGHT ? Variant.DARK : Variant.LIGHT, + variant === Variant.LIGHT ? Variant.DARK : Variant.LIGHT ); } }} />