UNPKG

outsystems-design-tokens

Version:

Store the Design Tokens used on the Ionic Framework and Widgets Library

812 lines 15.4 kB
{ "primitives": { "neutral": { "100": { "$type": "color", "$value": "#F5F5F5" }, "200": { "$type": "color", "$value": "#EFEFEF" }, "300": { "$type": "color", "$value": "#E0E0E0" }, "400": { "$type": "color", "$value": "#D5D5D5" }, "500": { "$type": "color", "$value": "#a2a2a2" }, "600": { "$type": "color", "$value": "#8c8c8c" }, "700": { "$type": "color", "$value": "#777777" }, "800": { "$type": "color", "$value": "#626262" }, "900": { "$type": "color", "$value": "#4e4e4e" }, "1000": { "$type": "color", "$value": "#3b3b3b" }, "1100": { "$type": "color", "$value": "#292929" }, "1200": { "$type": "color", "$value": "#242424" } }, "base": { "white": { "$type": "color", "$value": "#ffffff" }, "black": { "$type": "color", "$value": "#111111" } }, "red": { "100": { "$type": "color", "$value": "#feeded" }, "200": { "$type": "color", "$value": "#fde1e1" }, "300": { "$type": "color", "$value": "#fcc1c1" }, "400": { "$type": "color", "$value": "#faa1a1" }, "500": { "$type": "color", "$value": "#f97d7d" }, "600": { "$type": "color", "$value": "#f85151" }, "700": { "$type": "color", "$value": "#e52929" }, "800": { "$type": "color", "$value": "#bf2222" }, "900": { "$type": "color", "$value": "#991b1b" }, "1000": { "$type": "color", "$value": "#761515" }, "1100": { "$type": "color", "$value": "#540f0f" }, "1200": { "$type": "color", "$value": "#330909" } }, "pumpkin": { "100": { "$type": "color", "$value": "#feedea" }, "200": { "$type": "color", "$value": "#fde0db" }, "300": { "$type": "color", "$value": "#fbbdb1" }, "400": { "$type": "color", "$value": "#f9947c" }, "500": { "$type": "color", "$value": "#f75d07" }, "600": { "$type": "color", "$value": "#da5206" }, "700": { "$type": "color", "$value": "#bd4705" }, "800": { "$type": "color", "$value": "#9f3c05" }, "900": { "$type": "color", "$value": "#803004" }, "1000": { "$type": "color", "$value": "#602403" }, "1100": { "$type": "color", "$value": "#401802" }, "1200": { "$type": "color", "$value": "#210c01" } }, "orange": { "100": { "$type": "color", "$value": "#fff1ea" }, "200": { "$type": "color", "$value": "#ffe8db" }, "300": { "$type": "color", "$value": "#ffcfb1" }, "400": { "$type": "color", "$value": "#ffb37b" }, "500": { "$type": "color", "$value": "#ff9400" }, "600": { "$type": "color", "$value": "#e18300" }, "700": { "$type": "color", "$value": "#c37100" }, "800": { "$type": "color", "$value": "#a45f00" }, "900": { "$type": "color", "$value": "#844d00" }, "1000": { "$type": "color", "$value": "#633a00" }, "1100": { "$type": "color", "$value": "#422700" }, "1200": { "$type": "color", "$value": "#221400" } }, "yellow": { "100": { "$type": "color", "$value": "#fff9ea" }, "200": { "$type": "color", "$value": "#fff5db" }, "300": { "$type": "color", "$value": "#ffebb1" }, "400": { "$type": "color", "$value": "#ffe07b" }, "500": { "$type": "color", "$value": "#ffd600" }, "600": { "$type": "color", "$value": "#F9BD0A" }, "700": { "$type": "color", "$value": "#DF9C00" }, "800": { "$type": "color", "$value": "#BA8200" }, "900": { "$type": "color", "$value": "#966503" }, "1000": { "$type": "color", "$value": "#704B02" }, "1100": { "$type": "color", "$value": "#533802" }, "1200": { "$type": "color", "$value": "#2C1E02" } }, "lime": { "100": { "$type": "color", "$value": "#f3faea" }, "200": { "$type": "color", "$value": "#eaf7db" }, "300": { "$type": "color", "$value": "#d3efb2" }, "400": { "$type": "color", "$value": "#bbe77d" }, "500": { "$type": "color", "$value": "#a0df18" }, "600": { "$type": "color", "$value": "#8dc515" }, "700": { "$type": "color", "$value": "#7aab12" }, "800": { "$type": "color", "$value": "#678f0f" }, "900": { "$type": "color", "$value": "#53730c" }, "1000": { "$type": "color", "$value": "#3e5709" }, "1100": { "$type": "color", "$value": "#2a3a06" }, "1200": { "$type": "color", "$value": "#151e03" } }, "green": { "100": { "$type": "color", "$value": "#ebf9ec" }, "200": { "$type": "color", "$value": "#dcf5de" }, "300": { "$type": "color", "$value": "#b3ebb7" }, "400": { "$type": "color", "$value": "#7fe089" }, "500": { "$type": "color", "$value": "#23d643" }, "600": { "$type": "color", "$value": "#1fbd3b" }, "700": { "$type": "color", "$value": "#1ba433" }, "800": { "$type": "color", "$value": "#178a2b" }, "900": { "$type": "color", "$value": "#126f23" }, "1000": { "$type": "color", "$value": "#0e531a" }, "1100": { "$type": "color", "$value": "#093811" }, "1200": { "$type": "color", "$value": "#051d09" } }, "teal": { "100": { "$type": "color", "$value": "#eaf8f5" }, "200": { "$type": "color", "$value": "#dbf3ee" }, "300": { "$type": "color", "$value": "#b1e7dd" }, "400": { "$type": "color", "$value": "#7bdbca" }, "500": { "$type": "color", "$value": "#00cfb7" }, "600": { "$type": "color", "$value": "#00b7a2" }, "700": { "$type": "color", "$value": "#009e8c" }, "800": { "$type": "color", "$value": "#008576" }, "900": { "$type": "color", "$value": "#006b5f" }, "1000": { "$type": "color", "$value": "#005147" }, "1100": { "$type": "color", "$value": "#003630" }, "1200": { "$type": "color", "$value": "#001c19" } }, "aqua": { "100": { "$type": "color", "$value": "#ebf9fe" }, "200": { "$type": "color", "$value": "#dcf4fd" }, "300": { "$type": "color", "$value": "#b3e9fc" }, "400": { "$type": "color", "$value": "#80defa" }, "500": { "$type": "color", "$value": "#27d3f9" }, "600": { "$type": "color", "$value": "#22bbdc" }, "700": { "$type": "color", "$value": "#1ea2bf" }, "800": { "$type": "color", "$value": "#1988a0" }, "900": { "$type": "color", "$value": "#146d81" }, "1000": { "$type": "color", "$value": "#0f5261" }, "1100": { "$type": "color", "$value": "#0a3741" }, "1200": { "$type": "color", "$value": "#051c21" } }, "blue": { "100": { "$type": "color", "$value": "#f2f4fd" }, "200": { "$type": "color", "$value": "#e9ecfc" }, "300": { "$type": "color", "$value": "#d0d7fa" }, "400": { "$type": "color", "$value": "#b5c0f7" }, "500": { "$type": "color", "$value": "#94a5f4" }, "600": { "$type": "color", "$value": "#6986f2" }, "700": { "$type": "color", "$value": "#105cef" }, "800": { "$type": "color", "$value": "#0f54da" }, "900": { "$type": "color", "$value": "#0d4bc3" }, "1000": { "$type": "color", "$value": "#0b41a9" }, "1100": { "$type": "color", "$value": "#09358a" }, "1200": { "$type": "color", "$value": "#072561" } }, "indigo": { "100": { "$type": "color", "$value": "#f3f2fb" }, "200": { "$type": "color", "$value": "#eae9f9" }, "300": { "$type": "color", "$value": "#d3d1f2" }, "400": { "$type": "color", "$value": "#bab5eb" }, "500": { "$type": "color", "$value": "#9d95e4" }, "600": { "$type": "color", "$value": "#786bdd" }, "700": { "$type": "color", "$value": "#411bd5" }, "800": { "$type": "color", "$value": "#3b19c3" }, "900": { "$type": "color", "$value": "#3516ae" }, "1000": { "$type": "color", "$value": "#2e1397" }, "1100": { "$type": "color", "$value": "#26107b" }, "1200": { "$type": "color", "$value": "#1a0b57" } }, "violet": { "100": { "$type": "color", "$value": "#f5f2fe" }, "200": { "$type": "color", "$value": "#eee9fd" }, "300": { "$type": "color", "$value": "#dcd1fb" }, "400": { "$type": "color", "$value": "#c9b6f9" }, "500": { "$type": "color", "$value": "#b396f6" }, "600": { "$type": "color", "$value": "#9a6cf4" }, "700": { "$type": "color", "$value": "#7c20f2" }, "800": { "$type": "color", "$value": "#711ddd" }, "900": { "$type": "color", "$value": "#651ac5" }, "1000": { "$type": "color", "$value": "#5817ab" }, "1100": { "$type": "color", "$value": "#48128c" }, "1200": { "$type": "color", "$value": "#330d63" } }, "purple": { "100": { "$type": "color", "$value": "#f9f3fe" }, "200": { "$type": "color", "$value": "#f5eafd" }, "300": { "$type": "color", "$value": "#e9d3fa" }, "400": { "$type": "color", "$value": "#deb9f8" }, "500": { "$type": "color", "$value": "#d29bf6" }, "600": { "$type": "color", "$value": "#c575f3" }, "700": { "$type": "color", "$value": "#b73cf1" }, "800": { "$type": "color", "$value": "#a737dc" }, "900": { "$type": "color", "$value": "#9531c5" }, "1000": { "$type": "color", "$value": "#812aaa" }, "1100": { "$type": "color", "$value": "#6a238b" }, "1200": { "$type": "color", "$value": "#4b1862" } }, "magenta": { "100": { "$type": "color", "$value": "#fdf3fb" }, "200": { "$type": "color", "$value": "#fcebf8" }, "300": { "$type": "color", "$value": "#f9d4f1" }, "400": { "$type": "color", "$value": "#f6bcea" }, "500": { "$type": "color", "$value": "#f39fe3" }, "600": { "$type": "color", "$value": "#f07cdb" }, "700": { "$type": "color", "$value": "#ed4ad3" }, "800": { "$type": "color", "$value": "#d844c1" }, "900": { "$type": "color", "$value": "#c13cac" }, "1000": { "$type": "color", "$value": "#a83495" }, "1100": { "$type": "color", "$value": "#892b7a" }, "1200": { "$type": "color", "$value": "#611e56" } }, "pink": { "100": { "$type": "color", "$value": "#fef3f5" }, "200": { "$type": "color", "$value": "#fdeaee" }, "300": { "$type": "color", "$value": "#fad3dc" }, "400": { "$type": "color", "$value": "#f8b9c9" }, "500": { "$type": "color", "$value": "#f69bb3" }, "600": { "$type": "color", "$value": "#f3759a" }, "700": { "$type": "color", "$value": "#f13b7d" }, "800": { "$type": "color", "$value": "#dc3672" }, "900": { "$type": "color", "$value": "#c53066" }, "1000": { "$type": "color", "$value": "#aa2a58" }, "1100": { "$type": "color", "$value": "#8b2248" }, "1200": { "$type": "color", "$value": "#621833" } } }, "state": { "disabled": { "$type": "color", "$value": "#ffffff99" }, "press": { "$type": "color", "$value": "#24242414" } }, "backdrop": { "$type": "composition", "$value": { "opacity": "0.7", "backgroundBlur": "4", "fill": "{primitives.base.black}" } }, "shadow": { "1": { "$type": "color", "$value": "#0000000a" }, "2": { "$type": "color", "$value": "#0000000d" }, "3": { "$type": "color", "$value": "#00000012" }, "4": { "$type": "color", "$value": "#00000014" }, "5": { "$type": "color", "$value": "#0000001f" }, "6": { "$type": "color", "$value": "#00000029" }, "7": { "$type": "color", "$value": "#0000002e" } } }