@codegouvfr/react-dsfr
Version:
French State Design System React integration library
1,482 lines (1,481 loc) • 204 kB
TypeScript
export declare const colorOptions: readonly [{
readonly colorOptionName: "--grey-1000-50";
readonly themePath: readonly ["grey", "_1000_50", "default"];
readonly color: {
readonly light: "#ffffff";
readonly dark: "#161616";
};
}, {
readonly colorOptionName: "--grey-1000-50-hover";
readonly themePath: readonly ["grey", "_1000_50", "hover"];
readonly color: {
readonly light: "#f6f6f6";
readonly dark: "#343434";
};
}, {
readonly colorOptionName: "--grey-1000-50-active";
readonly themePath: readonly ["grey", "_1000_50", "active"];
readonly color: {
readonly light: "#ededed";
readonly dark: "#474747";
};
}, {
readonly colorOptionName: "--grey-975-75";
readonly themePath: readonly ["grey", "_975_75", "default"];
readonly color: {
readonly light: "#f6f6f6";
readonly dark: "#1e1e1e";
};
}, {
readonly colorOptionName: "--grey-975-75-hover";
readonly themePath: readonly ["grey", "_975_75", "hover"];
readonly color: {
readonly light: "#dfdfdf";
readonly dark: "#3f3f3f";
};
}, {
readonly colorOptionName: "--grey-975-75-active";
readonly themePath: readonly ["grey", "_975_75", "active"];
readonly color: {
readonly light: "#cfcfcf";
readonly dark: "#525252";
};
}, {
readonly colorOptionName: "--grey-950-100";
readonly themePath: readonly ["grey", "_950_100", "default"];
readonly color: {
readonly light: "#eeeeee";
readonly dark: "#242424";
};
}, {
readonly colorOptionName: "--grey-950-100-hover";
readonly themePath: readonly ["grey", "_950_100", "hover"];
readonly color: {
readonly light: "#d2d2d2";
readonly dark: "#474747";
};
}, {
readonly colorOptionName: "--grey-950-100-active";
readonly themePath: readonly ["grey", "_950_100", "active"];
readonly color: {
readonly light: "#c1c1c1";
readonly dark: "#5b5b5b";
};
}, {
readonly colorOptionName: "--grey-200-850";
readonly themePath: readonly ["grey", "_200_850", "default"];
readonly color: {
readonly light: "#3a3a3a";
readonly dark: "#cecece";
};
}, {
readonly colorOptionName: "--grey-925-125";
readonly themePath: readonly ["grey", "_925_125", "default"];
readonly color: {
readonly light: "#e5e5e5";
readonly dark: "#2a2a2a";
};
}, {
readonly colorOptionName: "--grey-1000-75";
readonly themePath: readonly ["grey", "_1000_75", "default"];
readonly color: {
readonly light: "#ffffff";
readonly dark: "#1e1e1e";
};
}, {
readonly colorOptionName: "--grey-1000-75-hover";
readonly themePath: readonly ["grey", "_1000_75", "hover"];
readonly color: {
readonly light: "#f6f6f6";
readonly dark: "#3f3f3f";
};
}, {
readonly colorOptionName: "--grey-1000-75-active";
readonly themePath: readonly ["grey", "_1000_75", "active"];
readonly color: {
readonly light: "#ededed";
readonly dark: "#525252";
};
}, {
readonly colorOptionName: "--grey-1000-100";
readonly themePath: readonly ["grey", "_1000_100", "default"];
readonly color: {
readonly light: "#ffffff";
readonly dark: "#242424";
};
}, {
readonly colorOptionName: "--grey-1000-100-hover";
readonly themePath: readonly ["grey", "_1000_100", "hover"];
readonly color: {
readonly light: "#f6f6f6";
readonly dark: "#474747";
};
}, {
readonly colorOptionName: "--grey-1000-100-active";
readonly themePath: readonly ["grey", "_1000_100", "active"];
readonly color: {
readonly light: "#ededed";
readonly dark: "#5b5b5b";
};
}, {
readonly colorOptionName: "--grey-975-100";
readonly themePath: readonly ["grey", "_975_100", "default"];
readonly color: {
readonly light: "#f6f6f6";
readonly dark: "#242424";
};
}, {
readonly colorOptionName: "--grey-975-100-hover";
readonly themePath: readonly ["grey", "_975_100", "hover"];
readonly color: {
readonly light: "#dfdfdf";
readonly dark: "#474747";
};
}, {
readonly colorOptionName: "--grey-975-100-active";
readonly themePath: readonly ["grey", "_975_100", "active"];
readonly color: {
readonly light: "#cfcfcf";
readonly dark: "#5b5b5b";
};
}, {
readonly colorOptionName: "--grey-975-125";
readonly themePath: readonly ["grey", "_975_125", "default"];
readonly color: {
readonly light: "#f6f6f6";
readonly dark: "#2a2a2a";
};
}, {
readonly colorOptionName: "--grey-975-125-hover";
readonly themePath: readonly ["grey", "_975_125", "hover"];
readonly color: {
readonly light: "#dfdfdf";
readonly dark: "#4e4e4e";
};
}, {
readonly colorOptionName: "--grey-975-125-active";
readonly themePath: readonly ["grey", "_975_125", "active"];
readonly color: {
readonly light: "#cfcfcf";
readonly dark: "#636363";
};
}, {
readonly colorOptionName: "--grey-950-125";
readonly themePath: readonly ["grey", "_950_125", "default"];
readonly color: {
readonly light: "#eeeeee";
readonly dark: "#2a2a2a";
};
}, {
readonly colorOptionName: "--grey-950-125-hover";
readonly themePath: readonly ["grey", "_950_125", "hover"];
readonly color: {
readonly light: "#d2d2d2";
readonly dark: "#4e4e4e";
};
}, {
readonly colorOptionName: "--grey-950-125-active";
readonly themePath: readonly ["grey", "_950_125", "active"];
readonly color: {
readonly light: "#c1c1c1";
readonly dark: "#636363";
};
}, {
readonly colorOptionName: "--grey-950-150";
readonly themePath: readonly ["grey", "_950_150", "default"];
readonly color: {
readonly light: "#eeeeee";
readonly dark: "#2f2f2f";
};
}, {
readonly colorOptionName: "--grey-950-150-hover";
readonly themePath: readonly ["grey", "_950_150", "hover"];
readonly color: {
readonly light: "#d2d2d2";
readonly dark: "#545454";
};
}, {
readonly colorOptionName: "--grey-950-150-active";
readonly themePath: readonly ["grey", "_950_150", "active"];
readonly color: {
readonly light: "#c1c1c1";
readonly dark: "#696969";
};
}, {
readonly colorOptionName: "--grey-50-1000";
readonly themePath: readonly ["grey", "_50_1000", "default"];
readonly color: {
readonly light: "#161616";
readonly dark: "#ffffff";
};
}, {
readonly colorOptionName: "--grey-425-625";
readonly themePath: readonly ["grey", "_425_625", "default"];
readonly color: {
readonly light: "#666666";
readonly dark: "#929292";
};
}, {
readonly colorOptionName: "--grey-625-425";
readonly themePath: readonly ["grey", "_625_425", "default"];
readonly color: {
readonly light: "#929292";
readonly dark: "#666666";
};
}, {
readonly colorOptionName: "--grey-900-175";
readonly themePath: readonly ["grey", "_900_175", "default"];
readonly color: {
readonly light: "#dddddd";
readonly dark: "#353535";
};
}, {
readonly colorOptionName: "--blue-france-975-75";
readonly themePath: readonly ["blueFrance", "_975_75", "default"];
readonly color: {
readonly light: "#f5f5fe";
readonly dark: "#1b1b35";
};
}, {
readonly colorOptionName: "--blue-france-975-75-hover";
readonly themePath: readonly ["blueFrance", "_975_75", "hover"];
readonly color: {
readonly light: "#dcdcfc";
readonly dark: "#3a3a68";
};
}, {
readonly colorOptionName: "--blue-france-975-75-active";
readonly themePath: readonly ["blueFrance", "_975_75", "active"];
readonly color: {
readonly light: "#cbcbfa";
readonly dark: "#4d4d83";
};
}, {
readonly colorOptionName: "--blue-france-950-100";
readonly themePath: readonly ["blueFrance", "_950_100", "default"];
readonly color: {
readonly light: "#ececfe";
readonly dark: "#21213f";
};
}, {
readonly colorOptionName: "--blue-france-950-100-hover";
readonly themePath: readonly ["blueFrance", "_950_100", "hover"];
readonly color: {
readonly light: "#cecefc";
readonly dark: "#424275";
};
}, {
readonly colorOptionName: "--blue-france-950-100-active";
readonly themePath: readonly ["blueFrance", "_950_100", "active"];
readonly color: {
readonly light: "#bbbbfc";
readonly dark: "#56568c";
};
}, {
readonly colorOptionName: "--blue-france-sun-113-625";
readonly themePath: readonly ["blueFrance", "sun113_625", "default"];
readonly color: {
readonly light: "#000091";
readonly dark: "#8585f6";
};
}, {
readonly colorOptionName: "--blue-france-sun-113-625-hover";
readonly themePath: readonly ["blueFrance", "sun113_625", "hover"];
readonly color: {
readonly light: "#1212ff";
readonly dark: "#b1b1f9";
};
}, {
readonly colorOptionName: "--blue-france-sun-113-625-active";
readonly themePath: readonly ["blueFrance", "sun113_625", "active"];
readonly color: {
readonly light: "#2323ff";
readonly dark: "#c6c6fb";
};
}, {
readonly colorOptionName: "--blue-france-925-125";
readonly themePath: readonly ["blueFrance", "_925_125", "default"];
readonly color: {
readonly light: "#e3e3fd";
readonly dark: "#272747";
};
}, {
readonly colorOptionName: "--blue-france-925-125-hover";
readonly themePath: readonly ["blueFrance", "_925_125", "hover"];
readonly color: {
readonly light: "#c1c1fb";
readonly dark: "#4a4a7d";
};
}, {
readonly colorOptionName: "--blue-france-925-125-active";
readonly themePath: readonly ["blueFrance", "_925_125", "active"];
readonly color: {
readonly light: "#adadf9";
readonly dark: "#5e5e90";
};
}, {
readonly colorOptionName: "--blue-france-975-sun-113";
readonly themePath: readonly ["blueFrance", "_975sun113", "default"];
readonly color: {
readonly light: "#f5f5fe";
readonly dark: "#000091";
};
}, {
readonly colorOptionName: "--blue-france-main-525";
readonly themePath: readonly ["blueFrance", "main525", "default"];
readonly color: "#6a6af4";
}, {
readonly colorOptionName: "--blue-france-850-200";
readonly themePath: readonly ["blueFrance", "_850_200", "default"];
readonly color: {
readonly light: "#cacafb";
readonly dark: "#313178";
};
}, {
readonly colorOptionName: "--red-marianne-975-75";
readonly themePath: readonly ["redMarianne", "_975_75", "default"];
readonly color: {
readonly light: "#fef4f4";
readonly dark: "#2b1919";
};
}, {
readonly colorOptionName: "--red-marianne-975-75-hover";
readonly themePath: readonly ["redMarianne", "_975_75", "hover"];
readonly color: {
readonly light: "#fcd7d7";
readonly dark: "#573737";
};
}, {
readonly colorOptionName: "--red-marianne-975-75-active";
readonly themePath: readonly ["redMarianne", "_975_75", "active"];
readonly color: {
readonly light: "#fac4c4";
readonly dark: "#704848";
};
}, {
readonly colorOptionName: "--red-marianne-950-100";
readonly themePath: readonly ["redMarianne", "_950_100", "default"];
readonly color: {
readonly light: "#fee9e9";
readonly dark: "#331f1f";
};
}, {
readonly colorOptionName: "--red-marianne-950-100-hover";
readonly themePath: readonly ["redMarianne", "_950_100", "hover"];
readonly color: {
readonly light: "#fdc5c5";
readonly dark: "#613f3f";
};
}, {
readonly colorOptionName: "--red-marianne-950-100-active";
readonly themePath: readonly ["redMarianne", "_950_100", "active"];
readonly color: {
readonly light: "#fcafaf";
readonly dark: "#7b5151";
};
}, {
readonly colorOptionName: "--red-marianne-425-625";
readonly themePath: readonly ["redMarianne", "_425_625", "default"];
readonly color: {
readonly light: "#c9191e";
readonly dark: "#f95c5e";
};
}, {
readonly colorOptionName: "--red-marianne-425-625-hover";
readonly themePath: readonly ["redMarianne", "_425_625", "hover"];
readonly color: {
readonly light: "#f93f42";
readonly dark: "#fa9293";
};
}, {
readonly colorOptionName: "--red-marianne-425-625-active";
readonly themePath: readonly ["redMarianne", "_425_625", "active"];
readonly color: {
readonly light: "#f95a5c";
readonly dark: "#fbabac";
};
}, {
readonly colorOptionName: "--red-marianne-925-125";
readonly themePath: readonly ["redMarianne", "_925_125", "default"];
readonly color: {
readonly light: "#fddede";
readonly dark: "#3b2424";
};
}, {
readonly colorOptionName: "--red-marianne-925-125-hover";
readonly themePath: readonly ["redMarianne", "_925_125", "hover"];
readonly color: {
readonly light: "#fbb6b6";
readonly dark: "#6b4545";
};
}, {
readonly colorOptionName: "--red-marianne-925-125-active";
readonly themePath: readonly ["redMarianne", "_925_125", "active"];
readonly color: {
readonly light: "#fa9e9e";
readonly dark: "#865757";
};
}, {
readonly colorOptionName: "--red-marianne-main-472";
readonly themePath: readonly ["redMarianne", "main472", "default"];
readonly color: "#e1000f";
}, {
readonly colorOptionName: "--red-marianne-850-200";
readonly themePath: readonly ["redMarianne", "_850_200", "default"];
readonly color: {
readonly light: "#fcbfbf";
readonly dark: "#5e2a2b";
};
}, {
readonly colorOptionName: "--info-950-100";
readonly themePath: readonly ["info", "_950_100", "default"];
readonly color: {
readonly light: "#e8edff";
readonly dark: "#1d2437";
};
}, {
readonly colorOptionName: "--info-950-100-hover";
readonly themePath: readonly ["info", "_950_100", "hover"];
readonly color: {
readonly light: "#c2d1ff";
readonly dark: "#3b4767";
};
}, {
readonly colorOptionName: "--info-950-100-active";
readonly themePath: readonly ["info", "_950_100", "active"];
readonly color: {
readonly light: "#a9bfff";
readonly dark: "#4c5b83";
};
}, {
readonly colorOptionName: "--info-425-625";
readonly themePath: readonly ["info", "_425_625", "default"];
readonly color: {
readonly light: "#0063cb";
readonly dark: "#518fff";
};
}, {
readonly colorOptionName: "--info-425-625-hover";
readonly themePath: readonly ["info", "_425_625", "hover"];
readonly color: {
readonly light: "#3b87ff";
readonly dark: "#98b4ff";
};
}, {
readonly colorOptionName: "--info-425-625-active";
readonly themePath: readonly ["info", "_425_625", "active"];
readonly color: {
readonly light: "#6798ff";
readonly dark: "#b4c7ff";
};
}, {
readonly colorOptionName: "--info-975-75";
readonly themePath: readonly ["info", "_975_75", "default"];
readonly color: {
readonly light: "#f4f6ff";
readonly dark: "#171d2e";
};
}, {
readonly colorOptionName: "--success-950-100";
readonly themePath: readonly ["success", "_950_100", "default"];
readonly color: {
readonly light: "#b8fec9";
readonly dark: "#19271d";
};
}, {
readonly colorOptionName: "--success-950-100-hover";
readonly themePath: readonly ["success", "_950_100", "hover"];
readonly color: {
readonly light: "#46fd89";
readonly dark: "#344c3b";
};
}, {
readonly colorOptionName: "--success-950-100-active";
readonly themePath: readonly ["success", "_950_100", "active"];
readonly color: {
readonly light: "#34eb7b";
readonly dark: "#44624d";
};
}, {
readonly colorOptionName: "--success-425-625";
readonly themePath: readonly ["success", "_425_625", "default"];
readonly color: {
readonly light: "#18753c";
readonly dark: "#27a658";
};
}, {
readonly colorOptionName: "--success-425-625-hover";
readonly themePath: readonly ["success", "_425_625", "hover"];
readonly color: {
readonly light: "#27a959";
readonly dark: "#36d975";
};
}, {
readonly colorOptionName: "--success-425-625-active";
readonly themePath: readonly ["success", "_425_625", "active"];
readonly color: {
readonly light: "#2fc368";
readonly dark: "#3df183";
};
}, {
readonly colorOptionName: "--success-975-75";
readonly themePath: readonly ["success", "_975_75", "default"];
readonly color: {
readonly light: "#dffee6";
readonly dark: "#142117";
};
}, {
readonly colorOptionName: "--warning-950-100";
readonly themePath: readonly ["warning", "_950_100", "default"];
readonly color: {
readonly light: "#ffe9e6";
readonly dark: "#361e19";
};
}, {
readonly colorOptionName: "--warning-950-100-hover";
readonly themePath: readonly ["warning", "_950_100", "hover"];
readonly color: {
readonly light: "#ffc6bd";
readonly dark: "#663d35";
};
}, {
readonly colorOptionName: "--warning-950-100-active";
readonly themePath: readonly ["warning", "_950_100", "active"];
readonly color: {
readonly light: "#ffb0a2";
readonly dark: "#824f44";
};
}, {
readonly colorOptionName: "--warning-425-625";
readonly themePath: readonly ["warning", "_425_625", "default"];
readonly color: {
readonly light: "#b34000";
readonly dark: "#fc5d00";
};
}, {
readonly colorOptionName: "--warning-425-625-hover";
readonly themePath: readonly ["warning", "_425_625", "hover"];
readonly color: {
readonly light: "#ff6218";
readonly dark: "#ff8c73";
};
}, {
readonly colorOptionName: "--warning-425-625-active";
readonly themePath: readonly ["warning", "_425_625", "active"];
readonly color: {
readonly light: "#ff7a55";
readonly dark: "#ffa595";
};
}, {
readonly colorOptionName: "--warning-975-75";
readonly themePath: readonly ["warning", "_975_75", "default"];
readonly color: {
readonly light: "#fff4f3";
readonly dark: "#2d1814";
};
}, {
readonly colorOptionName: "--error-950-100";
readonly themePath: readonly ["error", "_950_100", "default"];
readonly color: {
readonly light: "#ffe9e9";
readonly dark: "#391c1c";
};
}, {
readonly colorOptionName: "--error-950-100-hover";
readonly themePath: readonly ["error", "_950_100", "hover"];
readonly color: {
readonly light: "#ffc5c5";
readonly dark: "#6c3a3a";
};
}, {
readonly colorOptionName: "--error-950-100-active";
readonly themePath: readonly ["error", "_950_100", "active"];
readonly color: {
readonly light: "#ffafaf";
readonly dark: "#894b4b";
};
}, {
readonly colorOptionName: "--error-425-625";
readonly themePath: readonly ["error", "_425_625", "default"];
readonly color: {
readonly light: "#ce0500";
readonly dark: "#ff5655";
};
}, {
readonly colorOptionName: "--error-425-625-hover";
readonly themePath: readonly ["error", "_425_625", "hover"];
readonly color: {
readonly light: "#ff2725";
readonly dark: "#ff8c8c";
};
}, {
readonly colorOptionName: "--error-425-625-active";
readonly themePath: readonly ["error", "_425_625", "active"];
readonly color: {
readonly light: "#ff4140";
readonly dark: "#ffa6a6";
};
}, {
readonly colorOptionName: "--error-975-75";
readonly themePath: readonly ["error", "_975_75", "default"];
readonly color: {
readonly light: "#fff4f4";
readonly dark: "#301717";
};
}, {
readonly colorOptionName: "--green-tilleul-verveine-975-75";
readonly themePath: readonly ["greenTilleulVerveine", "_975_75", "default"];
readonly color: {
readonly light: "#fef7da";
readonly dark: "#201e14";
};
}, {
readonly colorOptionName: "--green-tilleul-verveine-975-75-hover";
readonly themePath: readonly ["greenTilleulVerveine", "_975_75", "hover"];
readonly color: {
readonly light: "#fce552";
readonly dark: "#433f2e";
};
}, {
readonly colorOptionName: "--green-tilleul-verveine-975-75-active";
readonly themePath: readonly ["greenTilleulVerveine", "_975_75", "active"];
readonly color: {
readonly light: "#ebd54c";
readonly dark: "#57533d";
};
}, {
readonly colorOptionName: "--green-tilleul-verveine-950-100";
readonly themePath: readonly ["greenTilleulVerveine", "_950_100", "default"];
readonly color: {
readonly light: "#fceeac";
readonly dark: "#272419";
};
}, {
readonly colorOptionName: "--green-tilleul-verveine-950-100-hover";
readonly themePath: readonly ["greenTilleulVerveine", "_950_100", "hover"];
readonly color: {
readonly light: "#e8d45c";
readonly dark: "#4c4734";
};
}, {
readonly colorOptionName: "--green-tilleul-verveine-950-100-active";
readonly themePath: readonly ["greenTilleulVerveine", "_950_100", "active"];
readonly color: {
readonly light: "#d4c254";
readonly dark: "#615b44";
};
}, {
readonly colorOptionName: "--green-tilleul-verveine-sun-418-moon-817";
readonly themePath: readonly ["greenTilleulVerveine", "sun418moon817", "default"];
readonly color: {
readonly light: "#66673d";
readonly dark: "#d8c634";
};
}, {
readonly colorOptionName: "--green-tilleul-verveine-sun-418-moon-817-hover";
readonly themePath: readonly ["greenTilleulVerveine", "sun418moon817", "hover"];
readonly color: {
readonly light: "#929359";
readonly dark: "#fee943";
};
}, {
readonly colorOptionName: "--green-tilleul-verveine-sun-418-moon-817-active";
readonly themePath: readonly ["greenTilleulVerveine", "sun418moon817", "active"];
readonly color: {
readonly light: "#a7a967";
readonly dark: "#fef1ab";
};
}, {
readonly colorOptionName: "--green-tilleul-verveine-925-125";
readonly themePath: readonly ["greenTilleulVerveine", "_925_125", "default"];
readonly color: {
readonly light: "#fbe769";
readonly dark: "#2d2a1d";
};
}, {
readonly colorOptionName: "--green-tilleul-verveine-925-125-hover";
readonly themePath: readonly ["greenTilleulVerveine", "_925_125", "hover"];
readonly color: {
readonly light: "#d7c655";
readonly dark: "#534f39";
};
}, {
readonly colorOptionName: "--green-tilleul-verveine-925-125-active";
readonly themePath: readonly ["greenTilleulVerveine", "_925_125", "active"];
readonly color: {
readonly light: "#c2b24c";
readonly dark: "#696349";
};
}, {
readonly colorOptionName: "--green-tilleul-verveine-main-707";
readonly themePath: readonly ["greenTilleulVerveine", "main707", "default"];
readonly color: "#b7a73f";
}, {
readonly colorOptionName: "--green-tilleul-verveine-850-200";
readonly themePath: readonly ["greenTilleulVerveine", "_850_200", "default"];
readonly color: {
readonly light: "#e2cf58";
readonly dark: "#3f3a20";
};
}, {
readonly colorOptionName: "--green-bourgeon-975-75";
readonly themePath: readonly ["greenBourgeon", "_975_75", "default"];
readonly color: {
readonly light: "#e6feda";
readonly dark: "#182014";
};
}, {
readonly colorOptionName: "--green-bourgeon-975-75-hover";
readonly themePath: readonly ["greenBourgeon", "_975_75", "hover"];
readonly color: {
readonly light: "#a7fc62";
readonly dark: "#35432e";
};
}, {
readonly colorOptionName: "--green-bourgeon-975-75-active";
readonly themePath: readonly ["greenBourgeon", "_975_75", "active"];
readonly color: {
readonly light: "#98ed4d";
readonly dark: "#46573d";
};
}, {
readonly colorOptionName: "--green-bourgeon-950-100";
readonly themePath: readonly ["greenBourgeon", "_950_100", "default"];
readonly color: {
readonly light: "#c9fcac";
readonly dark: "#1e2719";
};
}, {
readonly colorOptionName: "--green-bourgeon-950-100-hover";
readonly themePath: readonly ["greenBourgeon", "_950_100", "hover"];
readonly color: {
readonly light: "#9ae95d";
readonly dark: "#3d4c34";
};
}, {
readonly colorOptionName: "--green-bourgeon-950-100-active";
readonly themePath: readonly ["greenBourgeon", "_950_100", "active"];
readonly color: {
readonly light: "#8dd555";
readonly dark: "#4e6144";
};
}, {
readonly colorOptionName: "--green-bourgeon-sun-425-moon-759";
readonly themePath: readonly ["greenBourgeon", "sun425moon759", "default"];
readonly color: {
readonly light: "#447049";
readonly dark: "#99c221";
};
}, {
readonly colorOptionName: "--green-bourgeon-sun-425-moon-759-hover";
readonly themePath: readonly ["greenBourgeon", "sun425moon759", "hover"];
readonly color: {
readonly light: "#639f6a";
readonly dark: "#baec2a";
};
}, {
readonly colorOptionName: "--green-bourgeon-sun-425-moon-759-active";
readonly themePath: readonly ["greenBourgeon", "sun425moon759", "active"];
readonly color: {
readonly light: "#72b77a";
readonly dark: "#c9fd2e";
};
}, {
readonly colorOptionName: "--green-bourgeon-925-125";
readonly themePath: readonly ["greenBourgeon", "_925_125", "default"];
readonly color: {
readonly light: "#a9fb68";
readonly dark: "#232d1d";
};
}, {
readonly colorOptionName: "--green-bourgeon-925-125-hover";
readonly themePath: readonly ["greenBourgeon", "_925_125", "hover"];
readonly color: {
readonly light: "#8ed654";
readonly dark: "#435339";
};
}, {
readonly colorOptionName: "--green-bourgeon-925-125-active";
readonly themePath: readonly ["greenBourgeon", "_925_125", "active"];
readonly color: {
readonly light: "#7fc04b";
readonly dark: "#556949";
};
}, {
readonly colorOptionName: "--green-bourgeon-main-640";
readonly themePath: readonly ["greenBourgeon", "main640", "default"];
readonly color: "#68a532";
}, {
readonly colorOptionName: "--green-bourgeon-850-200";
readonly themePath: readonly ["greenBourgeon", "_850_200", "default"];
readonly color: {
readonly light: "#95e257";
readonly dark: "#2a401a";
};
}, {
readonly colorOptionName: "--green-emeraude-975-75";
readonly themePath: readonly ["greenEmeraude", "_975_75", "default"];
readonly color: {
readonly light: "#e3fdeb";
readonly dark: "#142018";
};
}, {
readonly colorOptionName: "--green-emeraude-975-75-hover";
readonly themePath: readonly ["greenEmeraude", "_975_75", "hover"];
readonly color: {
readonly light: "#94f9b9";
readonly dark: "#2e4335";
};
}, {
readonly colorOptionName: "--green-emeraude-975-75-active";
readonly themePath: readonly ["greenEmeraude", "_975_75", "active"];
readonly color: {
readonly light: "#6df1a3";
readonly dark: "#3d5846";
};
}, {
readonly colorOptionName: "--green-emeraude-950-100";
readonly themePath: readonly ["greenEmeraude", "_950_100", "default"];
readonly color: {
readonly light: "#c3fad5";
readonly dark: "#19271e";
};
}, {
readonly colorOptionName: "--green-emeraude-950-100-hover";
readonly themePath: readonly ["greenEmeraude", "_950_100", "hover"];
readonly color: {
readonly light: "#77eda5";
readonly dark: "#344c3d";
};
}, {
readonly colorOptionName: "--green-emeraude-950-100-active";
readonly themePath: readonly ["greenEmeraude", "_950_100", "active"];
readonly color: {
readonly light: "#6dd897";
readonly dark: "#44624f";
};
}, {
readonly colorOptionName: "--green-emeraude-sun-425-moon-753";
readonly themePath: readonly ["greenEmeraude", "sun425moon753", "default"];
readonly color: {
readonly light: "#297254";
readonly dark: "#34cb6a";
};
}, {
readonly colorOptionName: "--green-emeraude-sun-425-moon-753-hover";
readonly themePath: readonly ["greenEmeraude", "sun425moon753", "hover"];
readonly color: {
readonly light: "#3ea47a";
readonly dark: "#42fb84";
};
}, {
readonly colorOptionName: "--green-emeraude-sun-425-moon-753-active";
readonly themePath: readonly ["greenEmeraude", "sun425moon753", "active"];
readonly color: {
readonly light: "#49bc8d";
readonly dark: "#80fda3";
};
}, {
readonly colorOptionName: "--green-emeraude-925-125";
readonly themePath: readonly ["greenEmeraude", "_925_125", "default"];
readonly color: {
readonly light: "#9ef9be";
readonly dark: "#1e2e23";
};
}, {
readonly colorOptionName: "--green-emeraude-925-125-hover";
readonly themePath: readonly ["greenEmeraude", "_925_125", "hover"];
readonly color: {
readonly light: "#69df97";
readonly dark: "#3b5543";
};
}, {
readonly colorOptionName: "--green-emeraude-925-125-active";
readonly themePath: readonly ["greenEmeraude", "_925_125", "active"];
readonly color: {
readonly light: "#5ec988";
readonly dark: "#4b6b55";
};
}, {
readonly colorOptionName: "--green-emeraude-main-632";
readonly themePath: readonly ["greenEmeraude", "main632", "default"];
readonly color: "#00a95f";
}, {
readonly colorOptionName: "--green-emeraude-850-200";
readonly themePath: readonly ["greenEmeraude", "_850_200", "default"];
readonly color: {
readonly light: "#6fe49d";
readonly dark: "#21402c";
};
}, {
readonly colorOptionName: "--green-menthe-975-75";
readonly themePath: readonly ["greenMenthe", "_975_75", "default"];
readonly color: {
readonly light: "#dffdf7";
readonly dark: "#15201e";
};
}, {
readonly colorOptionName: "--green-menthe-975-75-hover";
readonly themePath: readonly ["greenMenthe", "_975_75", "hover"];
readonly color: {
readonly light: "#84f9e7";
readonly dark: "#30433f";
};
}, {
readonly colorOptionName: "--green-menthe-975-75-active";
readonly themePath: readonly ["greenMenthe", "_975_75", "active"];
readonly color: {
readonly light: "#70ebd8";
readonly dark: "#3f5753";
};
}, {
readonly colorOptionName: "--green-menthe-950-100";
readonly themePath: readonly ["greenMenthe", "_950_100", "default"];
readonly color: {
readonly light: "#bafaee";
readonly dark: "#1a2624";
};
}, {
readonly colorOptionName: "--green-menthe-950-100-hover";
readonly themePath: readonly ["greenMenthe", "_950_100", "hover"];
readonly color: {
readonly light: "#79e7d5";
readonly dark: "#364b47";
};
}, {
readonly colorOptionName: "--green-menthe-950-100-active";
readonly themePath: readonly ["greenMenthe", "_950_100", "active"];
readonly color: {
readonly light: "#6fd3c3";
readonly dark: "#46605b";
};
}, {
readonly colorOptionName: "--green-menthe-sun-373-moon-652";
readonly themePath: readonly ["greenMenthe", "sun373moon652", "default"];
readonly color: {
readonly light: "#37635f";
readonly dark: "#21ab8e";
};
}, {
readonly colorOptionName: "--green-menthe-sun-373-moon-652-hover";
readonly themePath: readonly ["greenMenthe", "sun373moon652", "hover"];
readonly color: {
readonly light: "#53918c";
readonly dark: "#2eddb8";
};
}, {
readonly colorOptionName: "--green-menthe-sun-373-moon-652-active";
readonly themePath: readonly ["greenMenthe", "sun373moon652", "active"];
readonly color: {
readonly light: "#62a9a2";
readonly dark: "#34f4cc";
};
}, {
readonly colorOptionName: "--green-menthe-925-125";
readonly themePath: readonly ["greenMenthe", "_925_125", "default"];
readonly color: {
readonly light: "#8bf8e7";
readonly dark: "#1f2d2a";
};
}, {
readonly colorOptionName: "--green-menthe-925-125-hover";
readonly themePath: readonly ["greenMenthe", "_925_125", "hover"];
readonly color: {
readonly light: "#6ed5c5";
readonly dark: "#3c534e";
};
}, {
readonly colorOptionName: "--green-menthe-925-125-active";
readonly themePath: readonly ["greenMenthe", "_925_125", "active"];
readonly color: {
readonly light: "#62bfb1";
readonly dark: "#4d6963";
};
}, {
readonly colorOptionName: "--green-menthe-main-548";
readonly themePath: readonly ["greenMenthe", "main548", "default"];
readonly color: "#009081";
}, {
readonly colorOptionName: "--green-menthe-850-200";
readonly themePath: readonly ["greenMenthe", "_850_200", "default"];
readonly color: {
readonly light: "#73e0cf";
readonly dark: "#223f3a";
};
}, {
readonly colorOptionName: "--green-archipel-975-75";
readonly themePath: readonly ["greenArchipel", "_975_75", "default"];
readonly color: {
readonly light: "#e5fbfd";
readonly dark: "#152021";
};
}, {
readonly colorOptionName: "--green-archipel-975-75-hover";
readonly themePath: readonly ["greenArchipel", "_975_75", "hover"];
readonly color: {
readonly light: "#99f2f8";
readonly dark: "#2f4345";
};
}, {
readonly colorOptionName: "--green-archipel-975-75-active";
readonly themePath: readonly ["greenArchipel", "_975_75", "active"];
readonly color: {
readonly light: "#73e9f0";
readonly dark: "#3f5759";
};
}, {
readonly colorOptionName: "--green-archipel-950-100";
readonly themePath: readonly ["greenArchipel", "_950_100", "default"];
readonly color: {
readonly light: "#c7f6fc";
readonly dark: "#1a2628";
};
}, {
readonly colorOptionName: "--green-archipel-950-100-hover";
readonly themePath: readonly ["greenArchipel", "_950_100", "hover"];
readonly color: {
readonly light: "#64ecf8";
readonly dark: "#364a4e";
};
}, {
readonly colorOptionName: "--green-archipel-950-100-active";
readonly themePath: readonly ["greenArchipel", "_950_100", "active"];
readonly color: {
readonly light: "#5bd8e3";
readonly dark: "#465f63";
};
}, {
readonly colorOptionName: "--green-archipel-sun-391-moon-716";
readonly themePath: readonly ["greenArchipel", "sun391moon716", "default"];
readonly color: {
readonly light: "#006a6f";
readonly dark: "#34bab5";
};
}, {
readonly colorOptionName: "--green-archipel-sun-391-moon-716-hover";
readonly themePath: readonly ["greenArchipel", "sun391moon716", "hover"];
readonly color: {
readonly light: "#009fa7";
readonly dark: "#43e9e2";
};
}, {
readonly colorOptionName: "--green-archipel-sun-391-moon-716-active";
readonly themePath: readonly ["greenArchipel", "sun391moon716", "active"];
readonly color: {
readonly light: "#00bbc3";
readonly dark: "#4cfdf6";
};
}, {
readonly colorOptionName: "--green-archipel-925-125";
readonly themePath: readonly ["greenArchipel", "_925_125", "default"];
readonly color: {
readonly light: "#a6f2fa";
readonly dark: "#1f2c2e";
};
}, {
readonly colorOptionName: "--green-archipel-925-125-hover";
readonly themePath: readonly ["greenArchipel", "_925_125", "hover"];
readonly color: {
readonly light: "#62dbe5";
readonly dark: "#3c5255";
};
}, {
readonly colorOptionName: "--green-archipel-925-125-active";
readonly themePath: readonly ["greenArchipel", "_925_125", "active"];
readonly color: {
readonly light: "#58c5cf";
readonly dark: "#4d676b";
};
}, {
readonly colorOptionName: "--green-archipel-main-557";
readonly themePath: readonly ["greenArchipel", "main557", "default"];
readonly color: "#009099";
}, {
readonly colorOptionName: "--green-archipel-850-200";
readonly themePath: readonly ["greenArchipel", "_850_200", "default"];
readonly color: {
readonly light: "#60e0eb";
readonly dark: "#233e41";
};
}, {
readonly colorOptionName: "--blue-ecume-975-75";
readonly themePath: readonly ["blueEcume", "_975_75", "default"];
readonly color: {
readonly light: "#f4f6fe";
readonly dark: "#171d2f";
};
}, {
readonly colorOptionName: "--blue-ecume-975-75-hover";
readonly themePath: readonly ["blueEcume", "_975_75", "hover"];
readonly color: {
readonly light: "#d7dffb";
readonly dark: "#333e5e";
};
}, {
readonly colorOptionName: "--blue-ecume-975-75-active";
readonly themePath: readonly ["blueEcume", "_975_75", "active"];
readonly color: {
readonly light: "#c3cffa";
readonly dark: "#445179";
};
}, {
readonly colorOptionName: "--blue-ecume-950-100";
readonly themePath: readonly ["blueEcume", "_950_100", "default"];
readonly color: {
readonly light: "#e9edfe";
readonly dark: "#1d2437";
};
}, {
readonly colorOptionName: "--blue-ecume-950-100-hover";
readonly themePath: readonly ["blueEcume", "_950_100", "hover"];
readonly color: {
readonly light: "#c5d0fc";
readonly dark: "#3b4767";
};
}, {
readonly colorOptionName: "--blue-ecume-950-100-active";
readonly themePath: readonly ["blueEcume", "_950_100", "active"];
readonly color: {
readonly light: "#adbffc";
readonly dark: "#4c5b83";
};
}, {
readonly colorOptionName: "--blue-ecume-sun-247-moon-675";
readonly themePath: readonly ["blueEcume", "sun247moon675", "default"];
readonly color: {
readonly light: "#2f4077";
readonly dark: "#869ece";
};
}, {
readonly colorOptionName: "--blue-ecume-sun-247-moon-675-hover";
readonly themePath: readonly ["blueEcume", "sun247moon675", "hover"];
readonly color: {
readonly light: "#4e68bb";
readonly dark: "#b8c5e2";
};
}, {
readonly colorOptionName: "--blue-ecume-sun-247-moon-675-active";
readonly themePath: readonly ["blueEcume", "sun247moon675", "active"];
readonly color: {
readonly light: "#667dcf";
readonly dark: "#ced6ea";
};
}, {
readonly colorOptionName: "--blue-ecume-925-125";
readonly themePath: readonly ["blueEcume", "_925_125", "default"];
readonly color: {
readonly light: "#dee5fd";
readonly dark: "#222940";
};
}, {
readonly colorOptionName: "--blue-ecume-925-125-hover";
readonly themePath: readonly ["blueEcume", "_925_125", "hover"];
readonly color: {
readonly light: "#b4c5fb";
readonly dark: "#424d73";
};
}, {
readonly colorOptionName: "--blue-ecume-925-125-active";
readonly themePath: readonly ["blueEcume", "_925_125", "active"];
readonly color: {
readonly light: "#99b3f9";
readonly dark: "#536190";
};
}, {
readonly colorOptionName: "--blue-ecume-main-400";
readonly themePath: readonly ["blueEcume", "main400", "default"];
readonly color: "#465f9d";
}, {
readonly colorOptionName: "--blue-ecume-850-200";
readonly themePath: readonly ["blueEcume", "_850_200", "default"];
readonly color: {
readonly light: "#bfccfb";
readonly dark: "#273962";
};
}, {
readonly colorOptionName: "--blue-cumulus-975-75";
readonly themePath: readonly ["blueCumulus", "_975_75", "default"];
readonly color: {
readonly light: "#f3f6fe";
readonly dark: "#171e2b";
};
}, {
readonly colorOptionName: "--blue-cumulus-975-75-hover";
readonly themePath: readonly ["blueCumulus", "_975_75", "hover"];
readonly color: {
readonly light: "#d3dffc";
readonly dark: "#333f56";
};
}, {
readonly colorOptionName: "--blue-cumulus-975-75-active";
readonly themePath: readonly ["blueCumulus", "_975_75", "active"];
readonly color: {
readonly light: "#bed0fa";
readonly dark: "#43536f";
};
}, {
readonly colorOptionName: "--blue-cumulus-950-100";
readonly themePath: readonly ["blueCumulus", "_950_100", "default"];
readonly color: {
readonly light: "#e6eefe";
readonly dark: "#1c2433";
};
}, {
readonly colorOptionName: "--blue-cumulus-950-100-hover";
readonly themePath: readonly ["blueCumulus", "_950_100", "hover"];
readonly color: {
readonly light: "#bcd3fc";
readonly dark: "#3a4761";
};
}, {
readonly colorOptionName: "--blue-cumulus-950-100-active";
readonly themePath: readonly ["blueCumulus", "_950_100", "active"];
readonly color: {
readonly light: "#9fc3fc";
readonly dark: "#4a5b7b";
};
}, {
readonly colorOptionName: "--blue-cumulus-sun-368-moon-732";
readonly themePath: readonly ["blueCumulus", "sun368moon732", "default"];
readonly color: {
readonly light: "#3558a2";
readonly dark: "#7ab1e8";
};
}, {
readonly colorOptionName: "--blue-cumulus-sun-368-moon-732-hover";
readonly themePath: readonly ["blueCumulus", "sun368moon732", "hover"];
readonly color: {
readonly light: "#5982e0";
readonly dark: "#bad2f2";
};
}, {
readonly colorOptionName: "--blue-cumulus-sun-368-moon-732-active";
readonly themePath: readonly ["blueCumulus", "sun368moon732", "active"];
readonly color: {
readonly light: "#7996e6";
readonly dark: "#d2e2f6";
};
}, {
readonly colorOptionName: "--blue-cumulus-925-125";
readonly themePath: readonly ["blueCumulus", "_925_125", "default"];
readonly color: {
readonly light: "#dae6fd";
readonly dark: "#212a3a";
};
}, {
readonly colorOptionName: "--blue-cumulus-925-125-hover";
readonly themePath: readonly ["blueCumulus", "_925_125", "hover"];
readonly color: {
readonly light: "#a9c8fb";
readonly dark: "#404f69";
};
}, {
readonly colorOptionName: "--blue-cumulus-925-125-active";
readonly themePath: readonly ["blueCumulus", "_925_125", "active"];
readonly color: {
readonly light: "#8ab8f9";
readonly dark: "#516384";
};
}, {
readonly colorOptionName: "--blue-cumulus-main-526";
readonly themePath: readonly ["blueCumulus", "main526", "default"];
readonly color: "#417dc4";
}, {
readonly colorOptionName: "--blue-cumulus-850-200";
readonly themePath: readonly ["blueCumulus", "_850_200", "default"];
readonly color: {
readonly light: "#b6cffb";
readonly dark: "#263b58";
};
}, {
readonly colorOptionName: "--purple-glycine-975-75";
readonly themePath: readonly ["purpleGlycine", "_975_75", "default"];
readonly color: {
readonly light: "#fef3fd";
readonly dark: "#251a24";
};
}, {
readonly colorOptionName: "--purple-glycine-975-75-hover";
readonly themePath: readonly ["purpleGlycine", "_975_75", "hover"];
readonly color: {
readonly light: "#fcd4f8";
readonly dark: "#4c394a";
};
}, {
readonly colorOptionName: "--purple-glycine-975-75-active";
readonly themePath: readonly ["purpleGlycine", "_975_75", "active"];
readonly color: {
readonly light: "#fabff5";
readonly dark: "#634a60";
};
}, {
readonly colorOptionName: "--purple-glycine-950-100";
readonly themePath: readonly ["purpleGlycine", "_950_100", "default"];
readonly color: {
readonly light: "#fee7fc";
readonly dark: "#2c202b";
};
}, {
readonly colorOptionName: "--purple-glycine-950-100-hover";
readonly themePath: readonly ["purpleGlycine", "_950_100", "hover"];
readonly color: {
readonly light: "#fdc0f8";
readonly dark: "#554053";
};
}, {
readonly colorOptionName: "--purple-glycine-950-100-active";
readonly themePath: readonly ["purpleGlycine", "_950_100", "active"];
readonly color: {
readonly light: "#fca8f6";
readonly dark: "#6c536a";
};
}, {
readonly colorOptionName: "--purple-glycine-sun-319-moon-630";
readonly themePath: readonly ["purpleGlycine", "sun319moon630", "default"];
readonly color: {
readonly light: "#6e445a";
readonly dark: "#ce70cc";
};
}, {
readonly colorOptionName: "--purple-glycine-sun-319-moon-630-hover";
readonly themePath: readonly ["purpleGlycine", "sun319moon630", "hover"];
readonly color: {
readonly light: "#a66989";
readonly dark: "#dfa4dd";
};
}, {
readonly colorOptionName: "--purple-glycine-sun-319-moon-630-active";
readonly themePath: readonly ["purpleGlycine", "sun319moon630", "active"];
readonly color: {
readonly light: "#bb7f9e";
readonly dark: "#e7bbe6";
};
}, {
readonly colorOptionName: "--purple-glycine-925-125";
readonly themePath: readonly ["purpleGlycine", "_925_125", "default"];
readonly color: {
readonly light: "#fddbfa";
readonly dark: "#332632";
};
}, {
readonly colorOptionName: "--purple-glycine-925-125-hover";
readonly themePath: readonly ["purpleGlycine", "_925_125", "hover"];
readonly color: {
readonly light: "#fbaff5";
readonly dark: "#5d485c";
};
}, {
readonly colorOptionName: "--purple-glycine-925-125-active";
readonly themePath: readonly ["purpleGlycine", "_925_125", "active"];
readonly color: {
readonly light: "#fa96f2";
readonly dark: "#755b73";
};
}, {
readonly colorOptionName: "--purple-glycine-main-494";
readonly themePath: readonly ["purpleGlycine", "main494", "default"];
readonly color: "#a558a0";
}, {
readonly colorOptionName: "--purple-glycine-850-200";
readonly themePath: readonly ["purpleGlycine", "_850_200", "default"];
readonly color: {
readonly light: "#fbb8f6";
readonly dark: "#502e4d";
};
}, {
readonly colorOptionName: "--pink-macaron-975-75";
readonly themePath: readonly ["pinkMacaron", "_975_75", "default"];
readonly color: {
readonly light: "#fef4f2";
readonly dark: "#261b19";
};
}, {
readonly colorOptionName: "--pink-macaron-975-75-hover";
readonly themePath: readonly ["pinkMacaron", "_975_75", "hover"];
readonly color: {
readonly light: "#fcd8d0";
readonly dark: "#4e3a37";
};
}, {
readonly colorOptionName: "--pink-macaron-975-75-active";
readonly themePath: readonly ["pinkMacaron", "_975_75", "active"];
readonly color: {
readonly light: "#fac5b8";
readonly dark: "#654c48";
};
}, {
readonly colorOptionName: "--pink-macaron-950-100";
readonly themePath: readonly ["pinkMacaron", "_950_100", "default"];
readonly color: {
readonly light: "#fee9e6";
readonly dark: "#2e211f";
};
}, {
readonly colorOptionName: "--pink-macaron-950-100-hover";
readonly themePath: readonly ["pinkMacaron", "_950_100", "hover"];
readonly color: {
readonly light: "#fdc6bd";
readonly dark: "#58423f";
};
}, {
readonly colorOptionName: "--pink-macaron-950-100-active";
readonly themePath: readonly ["pinkMacaron", "_950_100", "active"];
readonly color: {
readonly light: "#fcb0a2";
readonly dark: "#705551";
};
}, {
readonly colorOptionName: "--pink-macaron-sun-406-moon-833";
readonly themePath: readonly ["pinkMacaron", "sun406moon833", "default"];
readonly color: {
readonly light: "#8d533e";
readonly dark: "#ffb7ae";
};
}, {
readonly colorOptionName: "--pink-macaron-sun-406-moon-833-hover";
readonly themePath: readonly ["pinkMacaron", "sun406moon833", "hover"];
readonly color: {
readonly light: "#ca795c";
readonly dark: "#ffe0dc";
};
}, {
readonly colorOptionName: "--pink-macaron-sun-406-moon-833-active";
readonly themePath: readonly ["pinkMacaron", "sun406moon833", "active"];
readonly color: {
readonly light: "#e08e73";
readonly dark: "#fff0ee";
};
}, {
readonly colorOptionName: "--pink-macaron-925-125";
readonly themePath: readonly ["pinkMacaron", "_925_125", "default"];
readonly color: {
readonly light: "#fddfda";
readonly dark: "#352724";
};
}, {
readonly colorOptionName: "--pink-macaron-925-125-hover";
readonly themePath: readonly ["pinkMacaron", "_925_125", "hover"];
readonly color: {
readonly light: "#fbb8ab";
readonly dark: "#614a45";
};
}, {
readonly colorOptionName: "--pink-macaron-925-125-active";
readonly themePath: readonly ["pinkMacaron", "_925_125", "active"];
readonly color: {
readonly light: "#faa18d";
readonly dark: "#795d57";
};
}, {
readonly colorOptionName: "--pink-macaron-main-689";
readonly themePath: readonly ["pinkMacaron", "main689", "default"];
readonly color: "#e18b76";
}, {
readonly colorOptionName: "--pink-macaron-850-200";
readonly themePath: readonly ["pinkMacaron", "_850_200", "default"];
readonly color: {
readonly light: "#fcc0b4";
readonly dark: "#52312a";
};
}, {
readonly colorOptionName: "--pink-tuile-975-75";