@codegouvfr/react-dsfr
Version:
French State Design System React integration library
672 lines • 25.7 kB
JavaScript
// This file is generated automatically by scripts/build/cssToTs/cssToTs.ts, please don't edit.
export function getColorOptionsHex(params) {
const { isDark } = params;
return {
"grey": {
"_1000_50": {
"default": isDark ? "#161616" : "#ffffff",
"hover": isDark ? "#343434" : "#f6f6f6",
"active": isDark ? "#474747" : "#ededed"
},
"_975_75": {
"default": isDark ? "#1e1e1e" : "#f6f6f6",
"hover": isDark ? "#3f3f3f" : "#dfdfdf",
"active": isDark ? "#525252" : "#cfcfcf"
},
"_950_100": {
"default": isDark ? "#242424" : "#eeeeee",
"hover": isDark ? "#474747" : "#d2d2d2",
"active": isDark ? "#5b5b5b" : "#c1c1c1"
},
"_200_850": {
"default": isDark ? "#cecece" : "#3a3a3a",
"hover": isDark ? "#a8a8a8" : "#616161",
"active": isDark ? "#939393" : "#777777"
},
"_925_125": {
"default": isDark ? "#2a2a2a" : "#e5e5e5"
},
"_1000_75": {
"default": isDark ? "#1e1e1e" : "#ffffff",
"hover": isDark ? "#3f3f3f" : "#f6f6f6",
"active": isDark ? "#525252" : "#ededed"
},
"_1000_100": {
"default": isDark ? "#242424" : "#ffffff",
"hover": isDark ? "#474747" : "#f6f6f6",
"active": isDark ? "#5b5b5b" : "#ededed"
},
"_975_100": {
"default": isDark ? "#242424" : "#f6f6f6",
"hover": isDark ? "#474747" : "#dfdfdf",
"active": isDark ? "#5b5b5b" : "#cfcfcf"
},
"_975_125": {
"default": isDark ? "#2a2a2a" : "#f6f6f6",
"hover": isDark ? "#4e4e4e" : "#dfdfdf",
"active": isDark ? "#636363" : "#cfcfcf"
},
"_950_125": {
"default": isDark ? "#2a2a2a" : "#eeeeee",
"hover": isDark ? "#4e4e4e" : "#d2d2d2",
"active": isDark ? "#636363" : "#c1c1c1"
},
"_950_150": {
"default": isDark ? "#2f2f2f" : "#eeeeee",
"hover": isDark ? "#545454" : "#d2d2d2",
"active": isDark ? "#696969" : "#c1c1c1"
},
"_50_1000": {
"default": isDark ? "#ffffff" : "#161616"
},
"_425_625": {
"default": isDark ? "#929292" : "#666666"
},
"_625_425": {
"default": isDark ? "#666666" : "#929292"
},
"_0_1000": {
"default": isDark ? "#ffffff" : "#0"
},
"_900_175": {
"default": isDark ? "#353535" : "#dddddd"
}
},
"blueFrance": {
"_975_75": {
"default": isDark ? "#1b1b35" : "#f5f5fe",
"hover": isDark ? "#3a3a68" : "#dcdcfc",
"active": isDark ? "#4d4d83" : "#cbcbfa"
},
"_950_100": {
"default": isDark ? "#21213f" : "#ececfe",
"hover": isDark ? "#424275" : "#cecefc",
"active": isDark ? "#56568c" : "#bbbbfc"
},
"sun113_625": {
"default": isDark ? "#8585f6" : "#000091",
"hover": isDark ? "#b1b1f9" : "#1212ff",
"active": isDark ? "#c6c6fb" : "#2323ff"
},
"_925_125": {
"default": isDark ? "#272747" : "#e3e3fd",
"hover": isDark ? "#4a4a7d" : "#c1c1fb",
"active": isDark ? "#5e5e90" : "#adadf9"
},
"_975sun113": {
"default": isDark ? "#000091" : "#f5f5fe"
},
"main525": {
"default": "#6a6af4"
},
"_850_200": {
"default": isDark ? "#313178" : "#cacafb"
}
},
"redMarianne": {
"_975_75": {
"default": isDark ? "#2b1919" : "#fef4f4",
"hover": isDark ? "#573737" : "#fcd7d7",
"active": isDark ? "#704848" : "#fac4c4"
},
"_950_100": {
"default": isDark ? "#331f1f" : "#fee9e9",
"hover": isDark ? "#613f3f" : "#fdc5c5",
"active": isDark ? "#7b5151" : "#fcafaf"
},
"_425_625": {
"default": isDark ? "#f95c5e" : "#c9191e",
"hover": isDark ? "#fa9293" : "#f93f42",
"active": isDark ? "#fbabac" : "#f95a5c"
},
"_925_125": {
"default": isDark ? "#3b2424" : "#fddede",
"hover": isDark ? "#6b4545" : "#fbb6b6",
"active": isDark ? "#865757" : "#fa9e9e"
},
"main472": {
"default": "#e1000f"
},
"_850_200": {
"default": isDark ? "#5e2a2b" : "#fcbfbf"
}
},
"info": {
"_950_100": {
"default": isDark ? "#1d2437" : "#e8edff",
"hover": isDark ? "#3b4767" : "#c2d1ff",
"active": isDark ? "#4c5b83" : "#a9bfff"
},
"_425_625": {
"default": isDark ? "#518fff" : "#0063cb",
"hover": isDark ? "#98b4ff" : "#3b87ff",
"active": isDark ? "#b4c7ff" : "#6798ff"
},
"_975_75": {
"default": isDark ? "#171d2e" : "#f4f6ff"
}
},
"success": {
"_950_100": {
"default": isDark ? "#19271d" : "#b8fec9",
"hover": isDark ? "#344c3b" : "#46fd89",
"active": isDark ? "#44624d" : "#34eb7b"
},
"_425_625": {
"default": isDark ? "#27a658" : "#18753c",
"hover": isDark ? "#36d975" : "#27a959",
"active": isDark ? "#3df183" : "#2fc368"
},
"_975_75": {
"default": isDark ? "#142117" : "#dffee6"
}
},
"warning": {
"_950_100": {
"default": isDark ? "#361e19" : "#ffe9e6",
"hover": isDark ? "#663d35" : "#ffc6bd",
"active": isDark ? "#824f44" : "#ffb0a2"
},
"_425_625": {
"default": isDark ? "#fc5d00" : "#b34000",
"hover": isDark ? "#ff8c73" : "#ff6218",
"active": isDark ? "#ffa595" : "#ff7a55"
},
"_975_75": {
"default": isDark ? "#2d1814" : "#fff4f3"
}
},
"error": {
"_950_100": {
"default": isDark ? "#391c1c" : "#ffe9e9",
"hover": isDark ? "#6c3a3a" : "#ffc5c5",
"active": isDark ? "#894b4b" : "#ffafaf"
},
"_425_625": {
"default": isDark ? "#ff5655" : "#ce0500",
"hover": isDark ? "#ff8c8c" : "#ff2725",
"active": isDark ? "#ffa6a6" : "#ff4140"
},
"_975_75": {
"default": isDark ? "#301717" : "#fff4f4"
}
},
"greenTilleulVerveine": {
"_975_75": {
"default": isDark ? "#201e14" : "#fef7da",
"hover": isDark ? "#433f2e" : "#fce552",
"active": isDark ? "#57533d" : "#ebd54c"
},
"_950_100": {
"default": isDark ? "#272419" : "#fceeac",
"hover": isDark ? "#4c4734" : "#e8d45c",
"active": isDark ? "#615b44" : "#d4c254"
},
"sun418moon817": {
"default": isDark ? "#d8c634" : "#66673d",
"hover": isDark ? "#fee943" : "#929359",
"active": isDark ? "#fef1ab" : "#a7a967"
},
"_925_125": {
"default": isDark ? "#2d2a1d" : "#fbe769",
"hover": isDark ? "#534f39" : "#d7c655",
"active": isDark ? "#696349" : "#c2b24c"
},
"main707": {
"default": "#b7a73f"
},
"_850_200": {
"default": isDark ? "#3f3a20" : "#e2cf58"
}
},
"greenBourgeon": {
"_975_75": {
"default": isDark ? "#182014" : "#e6feda",
"hover": isDark ? "#35432e" : "#a7fc62",
"active": isDark ? "#46573d" : "#98ed4d"
},
"_950_100": {
"default": isDark ? "#1e2719" : "#c9fcac",
"hover": isDark ? "#3d4c34" : "#9ae95d",
"active": isDark ? "#4e6144" : "#8dd555"
},
"sun425moon759": {
"default": isDark ? "#99c221" : "#447049",
"hover": isDark ? "#baec2a" : "#639f6a",
"active": isDark ? "#c9fd2e" : "#72b77a"
},
"_925_125": {
"default": isDark ? "#232d1d" : "#a9fb68",
"hover": isDark ? "#435339" : "#8ed654",
"active": isDark ? "#556949" : "#7fc04b"
},
"main640": {
"default": "#68a532"
},
"_850_200": {
"default": isDark ? "#2a401a" : "#95e257"
}
},
"greenEmeraude": {
"_975_75": {
"default": isDark ? "#142018" : "#e3fdeb",
"hover": isDark ? "#2e4335" : "#94f9b9",
"active": isDark ? "#3d5846" : "#6df1a3"
},
"_950_100": {
"default": isDark ? "#19271e" : "#c3fad5",
"hover": isDark ? "#344c3d" : "#77eda5",
"active": isDark ? "#44624f" : "#6dd897"
},
"sun425moon753": {
"default": isDark ? "#34cb6a" : "#297254",
"hover": isDark ? "#42fb84" : "#3ea47a",
"active": isDark ? "#80fda3" : "#49bc8d"
},
"_925_125": {
"default": isDark ? "#1e2e23" : "#9ef9be",
"hover": isDark ? "#3b5543" : "#69df97",
"active": isDark ? "#4b6b55" : "#5ec988"
},
"main632": {
"default": "#00a95f"
},
"_850_200": {
"default": isDark ? "#21402c" : "#6fe49d"
}
},
"greenMenthe": {
"_975_75": {
"default": isDark ? "#15201e" : "#dffdf7",
"hover": isDark ? "#30433f" : "#84f9e7",
"active": isDark ? "#3f5753" : "#70ebd8"
},
"_950_100": {
"default": isDark ? "#1a2624" : "#bafaee",
"hover": isDark ? "#364b47" : "#79e7d5",
"active": isDark ? "#46605b" : "#6fd3c3"
},
"sun373moon652": {
"default": isDark ? "#21ab8e" : "#37635f",
"hover": isDark ? "#2eddb8" : "#53918c",
"active": isDark ? "#34f4cc" : "#62a9a2"
},
"_925_125": {
"default": isDark ? "#1f2d2a" : "#8bf8e7",
"hover": isDark ? "#3c534e" : "#6ed5c5",
"active": isDark ? "#4d6963" : "#62bfb1"
},
"main548": {
"default": "#009081"
},
"_850_200": {
"default": isDark ? "#223f3a" : "#73e0cf"
}
},
"greenArchipel": {
"_975_75": {
"default": isDark ? "#152021" : "#e5fbfd",
"hover": isDark ? "#2f4345" : "#99f2f8",
"active": isDark ? "#3f5759" : "#73e9f0"
},
"_950_100": {
"default": isDark ? "#1a2628" : "#c7f6fc",
"hover": isDark ? "#364a4e" : "#64ecf8",
"active": isDark ? "#465f63" : "#5bd8e3"
},
"sun391moon716": {
"default": isDark ? "#34bab5" : "#006a6f",
"hover": isDark ? "#43e9e2" : "#009fa7",
"active": isDark ? "#4cfdf6" : "#00bbc3"
},
"_925_125": {
"default": isDark ? "#1f2c2e" : "#a6f2fa",
"hover": isDark ? "#3c5255" : "#62dbe5",
"active": isDark ? "#4d676b" : "#58c5cf"
},
"main557": {
"default": "#009099"
},
"_850_200": {
"default": isDark ? "#233e41" : "#60e0eb"
}
},
"blueEcume": {
"_975_75": {
"default": isDark ? "#171d2f" : "#f4f6fe",
"hover": isDark ? "#333e5e" : "#d7dffb",
"active": isDark ? "#445179" : "#c3cffa"
},
"_950_100": {
"default": isDark ? "#1d2437" : "#e9edfe",
"hover": isDark ? "#3b4767" : "#c5d0fc",
"active": isDark ? "#4c5b83" : "#adbffc"
},
"sun247moon675": {
"default": isDark ? "#869ece" : "#2f4077",
"hover": isDark ? "#b8c5e2" : "#4e68bb",
"active": isDark ? "#ced6ea" : "#667dcf"
},
"_925_125": {
"default": isDark ? "#222940" : "#dee5fd",
"hover": isDark ? "#424d73" : "#b4c5fb",
"active": isDark ? "#536190" : "#99b3f9"
},
"main400": {
"default": "#465f9d"
},
"_850_200": {
"default": isDark ? "#273962" : "#bfccfb"
}
},
"blueCumulus": {
"_975_75": {
"default": isDark ? "#171e2b" : "#f3f6fe",
"hover": isDark ? "#333f56" : "#d3dffc",
"active": isDark ? "#43536f" : "#bed0fa"
},
"_950_100": {
"default": isDark ? "#1c2433" : "#e6eefe",
"hover": isDark ? "#3a4761" : "#bcd3fc",
"active": isDark ? "#4a5b7b" : "#9fc3fc"
},
"sun368moon732": {
"default": isDark ? "#7ab1e8" : "#3558a2",
"hover": isDark ? "#bad2f2" : "#5982e0",
"active": isDark ? "#d2e2f6" : "#7996e6"
},
"_925_125": {
"default": isDark ? "#212a3a" : "#dae6fd",
"hover": isDark ? "#404f69" : "#a9c8fb",
"active": isDark ? "#516384" : "#8ab8f9"
},
"main526": {
"default": "#417dc4"
},
"_850_200": {
"default": isDark ? "#263b58" : "#b6cffb"
}
},
"purpleGlycine": {
"_975_75": {
"default": isDark ? "#251a24" : "#fef3fd",
"hover": isDark ? "#4c394a" : "#fcd4f8",
"active": isDark ? "#634a60" : "#fabff5"
},
"_950_100": {
"default": isDark ? "#2c202b" : "#fee7fc",
"hover": isDark ? "#554053" : "#fdc0f8",
"active": isDark ? "#6c536a" : "#fca8f6"
},
"sun319moon630": {
"default": isDark ? "#ce70cc" : "#6e445a",
"hover": isDark ? "#dfa4dd" : "#a66989",
"active": isDark ? "#e7bbe6" : "#bb7f9e"
},
"_925_125": {
"default": isDark ? "#332632" : "#fddbfa",
"hover": isDark ? "#5d485c" : "#fbaff5",
"active": isDark ? "#755b73" : "#fa96f2"
},
"main494": {
"default": "#a558a0"
},
"_850_200": {
"default": isDark ? "#502e4d" : "#fbb8f6"
}
},
"pinkMacaron": {
"_975_75": {
"default": isDark ? "#261b19" : "#fef4f2",
"hover": isDark ? "#4e3a37" : "#fcd8d0",
"active": isDark ? "#654c48" : "#fac5b8"
},
"_950_100": {
"default": isDark ? "#2e211f" : "#fee9e6",
"hover": isDark ? "#58423f" : "#fdc6bd",
"active": isDark ? "#705551" : "#fcb0a2"
},
"sun406moon833": {
"default": isDark ? "#ffb7ae" : "#8d533e",
"hover": isDark ? "#ffe0dc" : "#ca795c",
"active": isDark ? "#fff0ee" : "#e08e73"
},
"_925_125": {
"default": isDark ? "#352724" : "#fddfda",
"hover": isDark ? "#614a45" : "#fbb8ab",
"active": isDark ? "#795d57" : "#faa18d"
},
"main689": {
"default": "#e18b76"
},
"_850_200": {
"default": isDark ? "#52312a" : "#fcc0b4"
}
},
"pinkTuile": {
"_975_75": {
"default": isDark ? "#281b19" : "#fef4f3",
"hover": isDark ? "#513a37" : "#fcd7d3",
"active": isDark ? "#694c48" : "#fac4be"
},
"_950_100": {
"default": isDark ? "#2f211f" : "#fee9e7",
"hover": isDark ? "#5a423e" : "#fdc6c0",
"active": isDark ? "#725550" : "#fcb0a7"
},
"sun425moon750": {
"default": isDark ? "#ff9575" : "#a94645",
"hover": isDark ? "#ffc4b7" : "#d5706f",
"active": isDark ? "#ffd8d0" : "#da8a89"
},
"_925_125": {
"default": isDark ? "#372624" : "#fddfdb",
"hover": isDark ? "#644845" : "#fbb8ad",
"active": isDark ? "#7d5b57" : "#faa191"
},
"main556": {
"default": "#ce614a"
},
"_850_200": {
"default": isDark ? "#55302a" : "#fcbfb7"
}
},
"yellowTournesol": {
"_975_75": {
"default": isDark ? "#221d11" : "#fef6e3",
"hover": isDark ? "#473e29" : "#fce086",
"active": isDark ? "#5c5136" : "#f5d24b"
},
"_950_100": {
"default": isDark ? "#292416" : "#feecc2",
"hover": isDark ? "#4f472f" : "#fbd335",
"active": isDark ? "#655b3d" : "#e6c130"
},
"sun407moon922": {
"default": isDark ? "#ffe552" : "#716043",
"hover": isDark ? "#e1c700" : "#a28a62",
"active": isDark ? "#cab300" : "#ba9f72"
},
"_925_125": {
"default": isDark ? "#302a1a" : "#fde39c",
"hover": isDark ? "#584e34" : "#e9c53b",
"active": isDark ? "#6f6342" : "#d3b235"
},
"main731": {
"default": "#c8aa39"
},
"_850_200": {
"default": isDark ? "#43391a" : "#efcb3a"
}
},
"yellowMoutarde": {
"_975_75": {
"default": isDark ? "#231d14" : "#fef5e8",
"hover": isDark ? "#483e2e" : "#fcdca3",
"active": isDark ? "#5e513d" : "#fbcd64"
},
"_950_100": {
"default": isDark ? "#2a2319" : "#feebd0",
"hover": isDark ? "#514534" : "#fdcd6d",
"active": isDark ? "#685944" : "#f4be30"
},
"sun348moon860": {
"default": isDark ? "#ffca00" : "#695240",
"hover": isDark ? "#cda200" : "#9b7b61",
"active": isDark ? "#b28c00" : "#b58f72"
},
"_925_125": {
"default": isDark ? "#30291d" : "#fde2b5",
"hover": isDark ? "#584d39" : "#f6c43c",
"active": isDark ? "#6f6149" : "#dfb135"
},
"main679": {
"default": "#c3992a"
},
"_850_200": {
"default": isDark ? "#453820" : "#fcc63a"
}
},
"orangeTerreBattue": {
"_975_75": {
"default": isDark ? "#281a16" : "#fef4f2",
"hover": isDark ? "#513932" : "#fcd8d0",
"active": isDark ? "#6a4b42" : "#fac5b8"
},
"_950_100": {
"default": isDark ? "#31201c" : "#fee9e5",
"hover": isDark ? "#5d403a" : "#fdc6ba",
"active": isDark ? "#77534a" : "#fcb09e"
},
"sun370moon672": {
"default": isDark ? "#ff732c" : "#755348",
"hover": isDark ? "#ffa48b" : "#ab7b6b",
"active": isDark ? "#ffbbab" : "#c68f7d"
},
"_925_125": {
"default": isDark ? "#382621" : "#fddfd8",
"hover": isDark ? "#664840" : "#fbb8a5",
"active": isDark ? "#7f5b51" : "#faa184"
},
"main645": {
"default": "#e4794a"
},
"_850_200": {
"default": isDark ? "#543125" : "#fcc0b0"
}
},
"brownCafeCreme": {
"_975_75": {
"default": isDark ? "#211d16" : "#fbf6ed",
"hover": isDark ? "#453e31" : "#f2deb6",
"active": isDark ? "#5a5141" : "#eacf91"
},
"_950_100": {
"default": isDark ? "#28241c" : "#f7ecdb",
"hover": isDark ? "#4e4739" : "#edce94",
"active": isDark ? "#635b4a" : "#dabd84"
},
"sun383moon885": {
"default": isDark ? "#ecd7a2" : "#685c48",
"hover": isDark ? "#c5b386" : "#97866a",
"active": isDark ? "#af9f77" : "#ae9b7b"
},
"_925_125": {
"default": isDark ? "#2e2a21" : "#f4e3c7",
"hover": isDark ? "#554e3f" : "#e1c386",
"active": isDark ? "#6b6351" : "#ccb078"
},
"main782": {
"default": "#d1b781"
},
"_850_200": {
"default": isDark ? "#423925" : "#e7ca8e"
}
},
"brownCaramel": {
"_975_75": {
"default": isDark ? "#251c16" : "#fbf5f2",
"hover": isDark ? "#4c3c31" : "#f1dbcf",
"active": isDark ? "#624e41" : "#ecc9b5"
},
"_950_100": {
"default": isDark ? "#2c221c" : "#f7ebe5",
"hover": isDark ? "#554439" : "#eccbb9",
"active": isDark ? "#6c574a" : "#e6b79a"
},
"sun425moon901": {
"default": isDark ? "#fbd8ab" : "#845d48",
"hover": isDark ? "#efb547" : "#bb8568",
"active": isDark ? "#d6a23e" : "#d69978"
},
"_925_125": {
"default": isDark ? "#332821" : "#f3e2d9",
"hover": isDark ? "#5d4b40" : "#e7bea6",
"active": isDark ? "#755f51" : "#e1a982"
},
"main648": {
"default": "#c08c65"
},
"_850_200": {
"default": isDark ? "#4b3525" : "#eac7b2"
}
},
"brownOpera": {
"_975_75": {
"default": isDark ? "#241c17" : "#fbf5f2",
"hover": isDark ? "#4a3c33" : "#f1dbcf",
"active": isDark ? "#604f44" : "#ecc9b5"
},
"_950_100": {
"default": isDark ? "#2b221c" : "#f7ece4",
"hover": isDark ? "#53443a" : "#eccdb3",
"active": isDark ? "#6a574a" : "#e6ba90"
},
"sun395moon820": {
"default": isDark ? "#e6be92" : "#745b47",
"hover": isDark ? "#f2e2d3" : "#a78468",
"active": isDark ? "#f8f0e9" : "#c09979"
},
"_925_125": {
"default": isDark ? "#322821" : "#f3e2d7",
"hover": isDark ? "#5c4b40" : "#e7bfa0",
"active": isDark ? "#735f51" : "#deaa7e"
},
"main680": {
"default": "#bd987a"
},
"_850_200": {
"default": isDark ? "#493625" : "#eac7ad"
}
},
"beigeGrisGalet": {
"_975_75": {
"default": isDark ? "#211d19" : "#f9f6f2",
"hover": isDark ? "#453e37" : "#eadecd",
"active": isDark ? "#595148" : "#e1ceb1"
},
"_950_100": {
"default": isDark ? "#28231f" : "#f3ede5",
"hover": isDark ? "#4e453f" : "#e1d0b5",
"active": isDark ? "#635950" : "#d1bea2"
},
"sun407moon821": {
"default": isDark ? "#d0c3b7" : "#6a6156",
"hover": isDark ? "#eae5e1" : "#988b7c",
"active": isDark ? "#f4f2f0" : "#afa08f"
},
"_925_125": {
"default": isDark ? "#2e2924" : "#eee4d9",
"hover": isDark ? "#554d45" : "#dbc3a4",
"active": isDark ? "#6b6157" : "#c6b094"
},
"main702": {
"default": "#aea397"
},
"_850_200": {
"default": isDark ? "#433829" : "#e0cab0"
}
}
};
}
//# sourceMappingURL=getColorOptionsHex.js.map