@heliux-org/ui-style 1.0.22

package/dist/colors.json

@@ -0,0 +1,696 @@
+{
+  "light-app-theme": {
+    "color-highlight_blue": "#cce5ff",
+    "color-basic_blue": "#0073ea",
+    "color-dark_blue": "#0060b9",
+    "color-sky_blue": "#aed4fc",
+    "color-bazooka": "#f65f7c",
+    "color-snow_white": "#ffffff",
+    "color-teal-lightstone_gray": "#f6f7fb",
+    "color-ui_grey": "#dcdfec",
+    "color-wolf_gray": "#c3c6d4",
+    "color-asphalt": "#676879",
+    "color-mud_black": "#323338",
+    "color-success": "#00854d",
+    "color-success-hover": "#007038",
+    "color-success-highlight": "#bbdbc9",
+    "color-olive_green": "#b5cec0",
+    "color-error": "#d83a52",
+    "color-error-hover": "#b63546",
+    "color-error-highlight": "#f4c3cb",
+    "color-pinky_red": "#ecb7bf",
+    "color-link_color": "#1f76c2",
+    "color-surface": "#292f4c",
+    "primary-color": "#0073ea",
+    "primary-hover-color": "#0060b9",
+    "surface-selected": "#cce5ff",
+    "primary-selected-hover-color": "#aed4fc",
+    "primary-highlighted-color": "#f0f7ff",
+    "text-primary": "#323338",
+    "text-secondary": "#676879",
+    "text-color-on-primary": "#ffffff",
+    "text-color-on-inverted": "#ffffff",
+    "placeholder-color": "#676879",
+    "icon-primary": "#676879",
+    "link-color": "#1f76c2",
+    "fixed-light-color": "#ffffff",
+    "fixed-dark-color": "#323338",
+    "surface-primary": "#ffffff",
+    "surface-primary-hover": "#dcdfec",
+    "surface-secondary": "#ffffff",
+    "surface-tertiary": "#f6f7fb",
+    "surface-quaternary": "#f6f7fb",
+    "surface-inverse": "#323338",
+    "surface-success": "#359970",
+    "surface-warning": "#ffd533",
+    "surface-alert": "#d83a52",
+    "disabled-background-color": "#ecedf5",
+    "positive-color": "#00854d",
+    "positive-color-hover": "#007038",
+    "positive-color-selected": "#bbdbc9",
+    "positive-color-selected-hover": "#b5cec0",
+    "negative-color": "#d83a52",
+    "negative-color-hover": "#b63546",
+    "negative-color-selected": "#f4c3cb",
+    "negative-color-selected-hover": "#ecb7bf",
+    "divider-primary": "#c3c6d4",
+    "divider-secondary": "#d0d4e4",
+    "color-green-dark": "#037f4c",
+    "color-green-dark-hover": "#116846",
+    "color-green-dark-selected": "#81bfa5",
+    "color-green-med": "#00c875",
+    "color-green-med-hover": "#0f9b63",
+    "color-green-med-selected": "#80e3ba",
+    "color-green-light": "#9cd326",
+    "color-green-light-hover": "#7ca32b",
+    "color-green-light-selected": "#cde992",
+    "color-saladish": "#cab641",
+    "color-saladish-hover": "#9d8f3e",
+    "color-saladish-selected": "#e4daa0",
+    "color-yellow-dark": "#ffcb00",
+    "color-yellow-dark-hover": "#c29e11",
+    "color-yellow-dark-selected": "#ffe580",
+    "color-yellow-med": "#fdab3d",
+    "color-yellow-med-hover": "#c0873c",
+    "color-yellow-med-selected": "#fed59e",
+    "color-yellow-light": "#ff642e",
+    "color-yellow-light-hover": "#c25531",
+    "color-yellow-light-selected": "#ffb196",
+    "color-red-dark": "#ffadad",
+    "color-red-dark-hover": "#c2888a",
+    "color-red-dark-selected": "#ffd6d6",
+    "color-red-med": "#ff7575",
+    "color-red-med-hover": "#c26163",
+    "color-red-med-selected": "#ffbaba",
+    "color-red-light": "#e2445c",
+    "color-red-light-hover": "#ad3f51",
+    "color-red-light-selected": "#f0a1ad",
+    "color-solarflare-dark": "#bb3354",
+    "color-solarflare-dark-hover": "#92334c",
+    "color-solarflare-dark-selected": "#dd99a9",
+    "color-solarflare-med": "#ff158a",
+    "color-solarflare-med-hover": "#c21e71",
+    "color-solarflare-med-selected": "#ff8ac4",
+    "color-solarflare-light": "#ff5ac4",
+    "color-solarflare-light-hover": "#c24e9a",
+    "color-solarflare-light-selected": "#fface1",
+    "color-purple-dark": "#faa1f1",
+    "color-purple-dark-hover": "#be80ba",
+    "color-purple-dark-selected": "#fcd0f8",
+    "color-purple-med": "#a25ddc",
+    "color-purple-med-hover": "#8050ab",
+    "color-purple-med-selected": "#d0aeed",
+    "color-purple-light": "#784bd1",
+    "color-purple-light-hover": "#6344a3",
+    "color-purple-light-selected": "#bba5e8",
+    "color-pink-dark": "#7e3b8a",
+    "color-pink-dark-hover": "#673971",
+    "color-pink-dark-selected": "#be9dc4",
+    "color-pink-med": "#401694",
+    "color-pink-med-hover": "#3c1f78",
+    "color-pink-med-selected": "#a08bc9",
+    "color-pink-light": "#5559df",
+    "color-pink-light-hover": "#4b4ead",
+    "color-pink-light-selected": "#aaacef",
+    "color-steel-dark": "#225091",
+    "color-steel-dark-hover": "#274776",
+    "color-steel-dark-selected": "#90a7c8",
+    "color-steel-med": "#579bfc",
+    "color-steel-med-hover": "#4c7cc1",
+    "color-steel-med-selected": "#abcdfd",
+    "color-steel-light": "#0086c0",
+    "color-steel-light-hover": "#0f6d97",
+    "color-steel-light-selected": "#80c2df",
+    "color-teal-dark": "#4eccc6",
+    "color-teal-dark-hover": "#469e9b",
+    "color-teal-dark-selected": "#a6e5e2",
+    "color-teal-med": "#66ccff",
+    "color-teal-med-hover": "#569ec3",
+    "color-teal-med-selected": "#b2e5ff",
+    "color-teal-light": "#68a1bd",
+    "color-teal-light-hover": "#588095",
+    "color-teal-light-selected": "#b3d0de",
+    "color-lime-dark": "#9aadbd",
+    "color-lime-dark-hover": "#7b8895",
+    "color-lime-dark-selected": "#ccd6de",
+    "color-lime-med": "#c4c4c4",
+    "color-lime-med-hover": "#98999a",
+    "color-lime-med-selected": "#e1e1e1",
+    "color-lime-light": "#808080",
+    "color-lime-light-hover": "#69696a",
+    "color-lime-light-selected": "#bfbfbf",
+    "color-orange-dark": "#333333",
+    "color-orange-med": "#7f5347",
+    "color-orange-med-hover": "#684943",
+    "color-orange-med-selected": "#bfa9a3",
+    "color-orange-light": "#D974B0",
+    "color-orange-light-hover": "#AE5D8D",
+    "color-orange-light-selected": "#ECBAD7",
+    "color-sky": "#A1E3F6",
+    "color-sky-hover": "#81B6C5",
+    "color-sky-selected": "#D0F1FA",
+    "color-coffee": "#BD816E",
+    "color-coffee-hover": "#976758",
+    "color-coffee-selected": "#DEC0B7",
+    "color-royal": "#2B76E5",
+    "color-royal-hover": "#225EB7",
+    "color-royal-selected": "#95BBF2",
+    "color-teal": "#175A63",
+    "color-teal-hover": "#12484F",
+    "color-teal-selected": "#8BACB1",
+    "color-lavender": "#BDA8F9",
+    "color-lavender-hover": "#9786C7",
+    "color-lavender-selected": "#DED4FC",
+    "color-steel": "#A9BEE8",
+    "color-steel-hover": "#8798BA",
+    "color-steel-selected": "#D4DFF4",
+    "color-lilac": "#9D99B9",
+    "color-lilac-hover": "#7E7A94",
+    "color-lilac-selected": "#CECCDC",
+    "color-pecan": "#563E3E",
+    "color-pecan-hover": "#453232",
+    "color-pecan-selected": "#AB9F9F",
+    "color-warning": "#FFCB00",
+    "color-warning-hover": "#EAAA15",
+    "color-warning-select": "#FCEBA1",
+    "color-warning-select-hover": "#F2D973"
+  },
+  "dark-app-theme": {
+    "primary-color": "#0073ea",
+    "primary-on-secondary-color": "#0073ea",
+    "primary-hover-color": "#0060b9",
+    "surface-selected": "#133774",
+    "primary-selected-hover-color": "#0d2e65",
+    "primary-highlighted-color": "#0d2753",
+    "text-primary": "#d5d8df",
+    "text-color-on-primary": "#ffffff",
+    "text-color-on-inverted": "#323338",
+    "text-secondary": "#9699a6",
+    "placeholder-color": "#c3c6d4",
+    "icon-primary": "#c3c6d4",
+    "link-color": "#69a7ef",
+    "fixed-light-color": "#ffffff",
+    "fixed-dark-color": "#323338",
+    "surface-primary": "#181b34",
+    "surface-primary-hover": "#4b4e69",
+    "surface-secondary": "#30324e",
+    "surface-tertiary": "#181b34",
+    "surface-quaternary": "#30324e",
+    "surface-inverse": "#ffffff",
+    "surface-success": "#359970",
+    "surface-warning": "#ffd533",
+    "surface-alert": "#d83a52",
+    "disabled-background-color": "#3c3f59",
+    "positive-color": "#00854d",
+    "positive-color-hover": "#007038",
+    "positive-color-selected": "#025231",
+    "positive-color-selected-hover": "#194733",
+    "negative-color": "#d83a52",
+    "negative-color-hover": "#b63546",
+    "negative-color-selected": "#642830",
+    "negative-color-selected-hover": "#5a2027",
+    "divider-primary": "#797e93",
+    "divider-secondary": "#4b4e69",
+    "color-green-dark": "#359970",
+    "color-green-dark-hover": "#116846",
+    "color-green-dark-selected": "#0f4f43",
+    "color-green-med": "#33d391",
+    "color-green-med-hover": "#0f9b63",
+    "color-green-med-selected": "#0e7358",
+    "color-green-light": "#b0dc51",
+    "color-green-light-hover": "#7ca32b",
+    "color-green-light-selected": "#5c7930",
+    "color-saladish": "#d5c567",
+    "color-saladish-hover": "#9d8f3e",
+    "color-saladish-selected": "#736a3e",
+    "color-yellow-dark": "#ffd533",
+    "color-yellow-dark-hover": "#c29e11",
+    "color-yellow-dark-selected": "#8D751E",
+    "color-yellow-med": "#fdbc64",
+    "color-yellow-med-hover": "#c0873c",
+    "color-yellow-med-selected": "#8c653c",
+    "color-yellow-light": "#ff7b4d",
+    "color-yellow-light-hover": "#c25531",
+    "color-yellow-light-selected": "#8d4134",
+    "color-red-dark": "#ffbdbd",
+    "color-red-dark-hover": "#c2888a",
+    "color-red-dark-selected": "#8d6674",
+    "color-red-med": "#ff9191",
+    "color-red-med-hover": "#c26163",
+    "color-red-med-selected": "#8d4a58",
+    "color-red-light": "#e8697d",
+    "color-red-light-hover": "#ad3f51",
+    "color-red-light-selected": "#7f314b",
+    "color-solarflare-dark": "#c95c76",
+    "color-solarflare-dark-hover": "#92334c",
+    "color-solarflare-dark-selected": "#6b2947",
+    "color-solarflare-med": "#ff44a1",
+    "color-solarflare-med-hover": "#c21e71",
+    "color-solarflare-med-selected": "#8d1a62",
+    "color-solarflare-light": "#ff7bd0",
+    "color-solarflare-light-hover": "#c24e9a",
+    "color-solarflare-light-selected": "#8d3c7f",
+    "color-purple-dark": "#fbb4f4",
+    "color-purple-dark-hover": "#be80ba",
+    "color-purple-dark-selected": "#8b6096",
+    "color-purple-med": "#b57de3",
+    "color-purple-med-hover": "#8050ab",
+    "color-purple-med-selected": "#5f3e8b",
+    "color-purple-light": "#936fda",
+    "color-purple-light-hover": "#6344a3",
+    "color-purple-light-selected": "#4a3586",
+    "color-pink-dark": "#6645a9",
+    "color-pink-dark-hover": "#673971",
+    "color-pink-dark-selected": "#4d2d62",
+    "color-pink-med": "#401694",
+    "color-pink-med-hover": "#3c1f78",
+    "color-pink-med-selected": "#2e1b67",
+    "color-pink-light": "#777ae5",
+    "color-pink-light-hover": "#4b4ead",
+    "color-pink-light-selected": "#383c8d",
+    "color-steel-dark": "#4e73a7",
+    "color-steel-dark-hover": "#274776",
+    "color-steel-dark-selected": "#1f3866",
+    "color-steel-med": "#79affd",
+    "color-steel-med-hover": "#4c7cc1",
+    "color-steel-med-selected": "#395d9b",
+    "color-steel-light": "#339ecd",
+    "color-steel-light-hover": "#0f6d97",
+    "color-steel-light-selected": "#0e527e",
+    "color-teal-dark": "#71d6d1",
+    "color-teal-dark-hover": "#469e9b",
+    "color-teal-dark-selected": "#357580",
+    "color-teal-med": "#85d6ff",
+    "color-teal-med-hover": "#569ec3",
+    "color-teal-med-selected": "#41759d",
+    "color-teal-light": "#86b4ca",
+    "color-teal-light-hover": "#588095",
+    "color-teal-light-selected": "#42607c",
+    "color-lime-dark": "#aebdca",
+    "color-lime-dark-hover": "#7b8895",
+    "color-lime-dark-selected": "#5b667c",
+    "color-lime-med": "#d0d0d0",
+    "color-lime-med-hover": "#98999a",
+    "color-lime-med-selected": "#70717f",
+    "color-lime-light": "#999999",
+    "color-lime-light-hover": "#69696a",
+    "color-lime-light-selected": "#4e505e",
+    "color-orange-dark": "#5c5c5c",
+    "color-orange-med": "#99756c",
+    "color-orange-med-hover": "#684943",
+    "color-orange-med-selected": "#4d3941",
+    "color-orange-light": "#E190C0",
+    "color-orange-light-hover": "#B4739A",
+    "color-orange-light-selected": "#B4739A",
+    "color-sky": "#B4E9F8",
+    "color-sky-hover": "#90BAC6",
+    "color-sky-selected": "#6C8A9A",
+    "color-coffee": "#CA9A8B",
+    "color-coffee-hover": "#A27B6F",
+    "color-coffee-selected": "#795E5D",
+    "color-royal": "#5591EA",
+    "color-royal-hover": "#4474BB",
+    "color-royal-selected": "#375993",
+    "color-teal": "#457B82",
+    "color-teal-hover": "#376268",
+    "color-teal-selected": "#2E4D58",
+    "color-lavender": "#CAB9FA",
+    "color-lavender-hover": "#A294C8",
+    "color-lavender-selected": "#85597B",
+    "color-steel": "#BACBED",
+    "color-steel-hover": "#95A2BE",
+    "color-steel-selected": "#707A95",
+    "color-lilac": "#B1ADC7",
+    "color-lilac-hover": "#8E8A9F",
+    "color-lilac-selected": "#6B697F",
+    "color-pecan": "#786565",
+    "color-pecan-hover": "#605151",
+    "color-pecan-selected": "#4A4148",
+    "color-warning": "#FFCB00",
+    "color-warning-hover": "#EAAA15",
+    "color-warning-select": "#503e02",
+    "color-warning-select-hover": "#402f00"
+  },
+  "black-app-theme": {
+    "primary-color": "#0073ea",
+    "primary-on-secondary-color": "#0073ea",
+    "primary-hover-color": "#0060b9",
+    "surface-selected": "#133774",
+    "primary-selected-hover-color": "#0d2e65",
+    "primary-highlighted-color": "#0b2858",
+    "text-primary": "#eeeeee",
+    "text-color-on-primary": "#ffffff",
+    "text-color-on-inverted": "#111111",
+    "text-secondary": "#aaaaaa",
+    "placeholder-color": "#aaaaaa",
+    "icon-primary": "#aaaaaa",
+    "link-color": "#69a7ef",
+    "fixed-light-color": "#ffffff",
+    "fixed-dark-color": "#111111",
+    "surface-primary": "#111111",
+    "surface-primary-hover": "#636363",
+    "surface-secondary": "#2c2c2c",
+    "surface-tertiary": "#111111",
+    "surface-quaternary": "#2c2c2c",
+    "surface-inverse": "#eeeeee",
+    "surface-success": "#359970",
+    "surface-warning": "#ffd533",
+    "surface-alert": "#d83a52",
+    "disabled-background-color": "#3a3a3a",
+    "positive-color": "#00854d",
+    "positive-color-hover": "#007038",
+    "positive-color-selected": "#025231",
+    "positive-color-selected-hover": "#194733",
+    "negative-color": "#d83a52",
+    "negative-color-hover": "#b63546",
+    "negative-color-selected": "#642830",
+    "negative-color-selected-hover": "#5a2027",
+    "divider-primary": "#8d8d8d",
+    "divider-secondary": "#636363",
+    "color-green-dark": "#359970",
+    "color-green-dark-hover": "#116846",
+    "color-green-dark-selected": "#0a482e",
+    "color-green-med": "#33d391",
+    "color-green-med-hover": "#0f9b63",
+    "color-green-med-selected": "#096c43",
+    "color-green-light": "#b0dc51",
+    "color-green-light-hover": "#7ca32b",
+    "color-green-light-selected": "#56721b",
+    "color-saladish": "#d5c567",
+    "color-saladish-hover": "#9d8f3e",
+    "color-saladish-selected": "#6d6329",
+    "color-yellow-dark": "#ffd533",
+    "color-yellow-dark-hover": "#c29e11",
+    "color-yellow-dark-selected": "#886e09",
+    "color-yellow-med": "#fdbc64",
+    "color-yellow-med-hover": "#c0873c",
+    "color-yellow-med-selected": "#875e27",
+    "color-yellow-light": "#ff7b4d",
+    "color-yellow-light-hover": "#c25531",
+    "color-yellow-light-selected": "#883a1f",
+    "color-red-dark": "#ffbdbd",
+    "color-red-dark-hover": "#c2888a",
+    "color-red-dark-selected": "#885f5f",
+    "color-red-med": "#ff9191",
+    "color-red-med-hover": "#c26163",
+    "color-red-med-selected": "#884343",
+    "color-red-light": "#e8697d",
+    "color-red-light-hover": "#ad3f51",
+    "color-red-light-selected": "#792a36",
+    "color-solarflare-dark": "#c95c76",
+    "color-solarflare-dark-hover": "#92334c",
+    "color-solarflare-dark-selected": "#662232",
+    "color-solarflare-med": "#ff44a1",
+    "color-solarflare-med-hover": "#c21e71",
+    "color-solarflare-med-selected": "#88134d",
+    "color-solarflare-light": "#ff7bd0",
+    "color-solarflare-light-hover": "#c24e9a",
+    "color-solarflare-light-selected": "#88356a",
+    "color-purple-dark": "#fbb4f4",
+    "color-purple-dark-hover": "#be80ba",
+    "color-purple-dark-selected": "#855981",
+    "color-purple-med": "#b57de3",
+    "color-purple-med-hover": "#8050ab",
+    "color-purple-med-selected": "#593776",
+    "color-purple-light": "#936fda",
+    "color-purple-light-hover": "#6344a3",
+    "color-purple-light-selected": "#442e71",
+    "color-pink-dark": "#9862a1",
+    "color-pink-dark-hover": "#673971",
+    "color-pink-dark-selected": "#47264d",
+    "color-pink-med": "#6645a9",
+    "color-pink-med-hover": "#3c1f78",
+    "color-pink-med-selected": "#291452",
+    "color-pink-light": "#777ae5",
+    "color-pink-light-hover": "#4b4ead",
+    "color-pink-light-selected": "#333578",
+    "color-steel-dark": "#4e73a7",
+    "color-steel-dark-hover": "#274776",
+    "color-steel-dark-selected": "#193151",
+    "color-steel-med": "#79affd",
+    "color-steel-med-hover": "#4c7cc1",
+    "color-steel-med-selected": "#345686",
+    "color-steel-light": "#339ecd",
+    "color-steel-light-hover": "#0f6d97",
+    "color-steel-light-selected": "#094b69",
+    "color-teal-dark": "#71d6d1",
+    "color-teal-dark-hover": "#469e9b",
+    "color-teal-dark-selected": "#2f6e6b",
+    "color-teal-med": "#85d6ff",
+    "color-teal-med-hover": "#569ec3",
+    "color-teal-med-selected": "#3b6e88",
+    "color-teal-light": "#86b4ca",
+    "color-teal-light-hover": "#588095",
+    "color-teal-light-selected": "#3c5967",
+    "color-lime-dark": "#aebdca",
+    "color-lime-dark-hover": "#7b8895",
+    "color-lime-dark-selected": "#555f67",
+    "color-lime-med": "#d0d0d0",
+    "color-lime-med-hover": "#98999a",
+    "color-lime-med-selected": "#6a6a6a",
+    "color-lime-light": "#999999",
+    "color-lime-light-hover": "#69696a",
+    "color-lime-light-selected": "#494949",
+    "color-orange-dark": "#5c5c5c",
+    "color-orange-med": "#99756c",
+    "color-orange-med-hover": "#684943",
+    "color-orange-med-selected": "#48322c",
+    "color-orange-light": "#e190c0",
+    "color-orange-light-hover": "#b4739a",
+    "color-orange-light-selected": "#7e516c",
+    "color-sky": "#b4e9f8",
+    "color-sky-hover": "#90bac6",
+    "color-sky-selected": "#65828b",
+    "color-coffee": "#ca9a8b",
+    "color-coffee-hover": "#a27b6f",
+    "color-coffee-selected": "#71564e",
+    "color-royal": "#5591ea",
+    "color-royal-hover": "#4474bb",
+    "color-royal-selected": "#305183",
+    "color-teal": "#457b82",
+    "color-teal-hover": "#376268",
+    "color-teal-selected": "#274549",
+    "color-lavender": "#cab9fa",
+    "color-lavender-hover": "#a294c8",
+    "color-lavender-selected": "#71688c",
+    "color-steel": "#bacbed",
+    "color-steel-hover": "#95a2be",
+    "color-steel-selected": "#687185",
+    "color-lilac": "#687185",
+    "color-lilac-hover": "#8e8a9f",
+    "color-lilac-selected": "#63616f",
+    "color-pecan": "#786565",
+    "color-pecan-hover": "#605151",
+    "color-pecan-selected": "#433939",
+    "color-warning": "#FFCB00",
+    "color-warning-hover": "#EAAA15",
+    "color-warning-select": "#503e02",
+    "color-warning-select-hover": "#402f00"
+  },
+  "hacker-app-theme": {
+    "primary-color": "#fe78c6",
+    "primary-on-secondary-color": "#fe78c6",
+    "primary-hover-color": "#fe5ab9",
+    "primary-hover-on-secondary-color": "#fe5ab9",
+    "surface-selected": "#9f4077",
+    "surface-selected-rgb": "#9f4077",
+    "primary-selected-hover-color": "#0d2e65",
+    "primary-highlighted-color": "#0b2858",
+    "primary-selected-on-secondary-color": "#9f4077",
+    "text-primary": "#d5d8df",
+    "primary-text-on-secondary-color": "#d5d8df",
+    "fixed-light-color": "#ffffff",
+    "fixed-dark-color": "#323338",
+    "surface-primary": "#282a36",
+    "surface-primary-rgb": "#282a36",
+    "surface-primary-hover": "#4b4e69",
+    "primary-background-hover-on-secondary-color": "#4b4e69",
+    "surface-tertiary": "#282a36",
+    "surface-quaternary": "#282a36",
+    "surface-inverse": "#ffffff",
+    "surface-success": "#359970",
+    "surface-warning": "#ffd533",
+    "surface-alert": "#d83a52",
+    "text-color-on-inverted": "#323338",
+    "modal-background-color": "#282a36",
+    "color-error": "#ff5555",
+    "color-success": "#50fa7b",
+    "positive-color": "#00854d",
+    "positive-color-hover": "#007038",
+    "positive-color-selected": "#26503e",
+    "positive-color-selected-hover": "#194733",
+    "negative-color": "#d83a52",
+    "negative-color-hover": "#b63546",
+    "negative-color-selected": "#642830",
+    "negative-color-selected-hover": "#5a2027",
+    "divider-primary": "#797e93",
+    "ui-border-on-secondary-color": "#797e93",
+    "divider-secondary": "#414458",
+    "layout-border-on-secondary-color": "#414458",
+    "placeholder-color": "#c3c6d4",
+    "placeholder-on-secondary-color": "#c3c6d4",
+    "icon-primary": "#c3c6d4",
+    "icon-on-secondary-color": "#c3c6d4",
+    "disabled-background-color": "#3a3a3a",
+    "disabled-background-on-secondary-color": "#3a3a3a",
+    "dark-background-color": "#303241",
+    "dark-background-on-secondary-color": "#595959",
+    "surface-secondary": "#30324e",
+    "surface-secondary-rgb": "#30324e",
+    "dialog-background-color": "#30324e",
+    "label-background-color": "#404b69",
+    "label-background-on-secondary-color": "#404b69",
+    "text-secondary": "#9699a6",
+    "text-tertiary": "#9699a6",
+    "link-color": "#bd93f9",
+    "link-on-secondary-color": "#bd93f9",
+    "color-green-dark": "#359970",
+    "color-green-dark-hover": "#116846",
+    "color-green-dark-selected": "#0a482e",
+    "color-green-med": "#33d391",
+    "color-green-med-hover": "#0f9b63",
+    "color-green-med-selected": "#096c43",
+    "color-green-light": "#b0dc51",
+    "color-green-light-hover": "#7ca32b",
+    "color-green-light-selected": "#56721b",
+    "color-saladish": "#d5c567",
+    "color-saladish-hover": "#9d8f3e",
+    "color-saladish-selected": "#6d6329",
+    "color-yellow-dark": "#ffd533",
+    "color-yellow-dark-hover": "#c29e11",
+    "color-yellow-dark-selected": "#886e09",
+    "color-yellow-med": "#fdbc64",
+    "color-yellow-med-hover": "#c0873c",
+    "color-yellow-med-selected": "#875e27",
+    "color-yellow-light": "#ff7b4d",
+    "color-yellow-light-hover": "#c25531",
+    "color-yellow-light-selected": "#883a1f",
+    "color-red-dark": "#ffbdbd",
+    "color-red-dark-hover": "#c2888a",
+    "color-red-dark-selected": "#885f5f",
+    "color-red-med": "#ff9191",
+    "color-red-med-hover": "#c26163",
+    "color-red-med-selected": "#884343",
+    "color-red-light": "#e8697d",
+    "color-red-light-hover": "#ad3f51",
+    "color-red-light-selected": "#792a36",
+    "color-sand-dark": "#4e73a7",
+    "color-sand-dark-hover": "#274776",
+    "color-sand-dark-selected": "#193151",
+    "color-sand-med": "#79affd",
+    "color-sand-med-hover": "#4c7cc1",
+    "color-sand-med-selected": "#345686",
+    "color-sand-light": "#339ecd",
+    "color-sand-light-hover": "#0f6d97",
+    "color-sand-light-selected": "#094b69",
+    "color-obsidian-dark": "#4e73a7",
+    "color-obsidian-dark-hover": "#274776",
+    "color-obsidian-dark-selected": "#193151",
+    "color-obsidian-med": "#79affd",
+    "color-obsidian-med-hover": "#4c7cc1",
+    "color-obsidian-med-selected": "#345686",
+    "color-obsidian-light": "#339ecd",
+    "color-obsidian-light-hover": "#0f6d97",
+    "color-obsidian-light-selected": "#094b69",
+    "color-solarflare-dark": "#c95c76",
+    "color-solarflare-dark-hover": "#92334c",
+    "color-solarflare-dark-selected": "#662232",
+    "color-solarflare-med": "#ff44a1",
+    "color-solarflare-med-hover": "#c21e71",
+    "color-solarflare-med-selected": "#88134d",
+    "color-solarflare-light": "#ff7bd0",
+    "color-solarflare-light-hover": "#c24e9a",
+    "color-solarflare-light-selected": "#88356a",
+    "color-purple-dark": "#fbb4f4",
+    "color-purple-dark-hover": "#be80ba",
+    "color-purple-dark-selected": "#855981",
+    "color-purple-med": "#b57de3",
+    "color-purple-med-hover": "#8050ab",
+    "color-purple-med-selected": "#593776",
+    "color-purple-light": "#936fda",
+    "color-purple-light-hover": "#6344a3",
+    "color-purple-light-selected": "#442e71",
+    "color-pink-dark": "#9862a1",
+    "color-pink-dark-hover": "#673971",
+    "color-pink-dark-selected": "#47264d",
+    "color-pink-med": "#6645a9",
+    "color-pink-med-hover": "#3c1f78",
+    "color-pink-med-selected": "#291452",
+    "color-pink-light": "#777ae5",
+    "color-pink-light-hover": "#4b4ead",
+    "color-pink-light-selected": "#333578",
+    "color-steel-dark": "#4e73a7",
+    "color-steel-dark-hover": "#274776",
+    "color-steel-dark-selected": "#193151",
+    "color-steel-med": "#79affd",
+    "color-steel-med-hover": "#4c7cc1",
+    "color-steel-med-selected": "#345686",
+    "color-steel-light": "#339ecd",
+    "color-steel-light-hover": "#0f6d97",
+    "color-steel-light-selected": "#094b69",
+    "color-teal-dark": "#71d6d1",
+    "color-teal-dark-hover": "#469e9b",
+    "color-teal-dark-selected": "#2f6e6b",
+    "color-teal-med": "#85d6ff",
+    "color-teal-med-hover": "#569ec3",
+    "color-teal-med-selected": "#3b6e88",
+    "color-teal-light": "#86b4ca",
+    "color-teal-light-hover": "#588095",
+    "color-teal-light-selected": "#3c5967",
+    "color-lime-dark": "#aebdca",
+    "color-lime-dark-hover": "#7b8895",
+    "color-lime-dark-selected": "#555f67",
+    "color-lime-med": "#d0d0d0",
+    "color-lime-med-hover": "#98999a",
+    "color-lime-med-selected": "#6a6a6a",
+    "color-lime-light": "#999999",
+    "color-lime-light-hover": "#69696a",
+    "color-lime-light-selected": "#494949",
+    "color-orange-dark": "#5c5c5c",
+    "color-orange-dark-hover": "#684943",
+    "color-orange-dark-selected": "#48322c",
+    "color-orange-med": "#99756c",
+    "color-orange-med-hover": "#684943",
+    "color-orange-med-selected": "#48322c",
+    "color-orange-light": "#e190c0",
+    "color-orange-light-hover": "#b4739a",
+    "color-orange-light-selected": "#7e516c",
+    "color-gray-dark": "#5c5c5c",
+    "color-gray-dark-hover": "#684943",
+    "color-gray-dark-selected": "#48322c",
+    "color-gray-med": "#99756c",
+    "color-gray-med-hover": "#684943",
+    "color-gray-med-selected": "#48322c",
+    "color-gray-light": "#e190c0",
+    "color-gray-light-hover": "#b4739a",
+    "color-gray-light-selected": "#7e516c",
+    "color-sky": "#b4e9f8",
+    "color-sky-hover": "#90bac6",
+    "color-sky-selected": "#65828b",
+    "color-coffee": "#ca9a8b",
+    "color-coffee-hover": "#a27b6f",
+    "color-coffee-selected": "#71564e",
+    "color-royal": "#5591ea",
+    "color-royal-hover": "#4474bb",
+    "color-royal-selected": "#305183",
+    "color-teal": "#457b82",
+    "color-teal-hover": "#376268",
+    "color-teal-selected": "#274549",
+    "color-lavender": "#cab9fa",
+    "color-lavender-hover": "#a294c8",
+    "color-lavender-selected": "#71688c",
+    "color-steel": "#bacbed",
+    "color-steel-hover": "#95a2be",
+    "color-steel-selected": "#687185",
+    "color-lilac": "#687185",
+    "color-lilac-hover": "#8e8a9f",
+    "color-lilac-selected": "#63616f",
+    "color-pecan": "#786565",
+    "color-pecan-hover": "#605151",
+    "color-pecan-selected": "#433939",
+    "color-warning": "#FFCB00",
+    "color-warning-hover": "#EAAA15",
+    "color-warning-select": "#503e02",
+    "color-warning-select-hover": "#402f00"
+  }
+}