@codegouvfr/react-dsfr
Version:
French State Design System React integration library
1,786 lines (1,785 loc) • 682 kB
JavaScript
// This file is generated automatically by scripts/build/cssToTs/cssToTs.ts, please don't edit.
export const colorDecisionAndCorrespondingOptions = [
{
"colorDecisionName": "--background-default-grey",
"themePath": [
"background",
"default",
"grey",
"default"
],
"parsedColorDecisionName": {
"context": "background",
"colorName": "grey",
"usage": "default"
},
"colorOption": {
"colorOptionName": "--grey-1000-50",
"themePath": [
"grey",
"_1000_50",
"default"
],
"color": {
"light": "#ffffff",
"dark": "#161616"
},
"parsedColorOptionName": {
"colorName": "grey",
"brightness": {
"isInvariant": false,
"light": {
"value": 1000
},
"dark": {
"value": 50
}
}
}
}
},
{
"colorDecisionName": "--background-default-grey-hover",
"themePath": [
"background",
"default",
"grey",
"hover"
],
"parsedColorDecisionName": {
"state": "hover",
"context": "background",
"colorName": "grey",
"usage": "default"
},
"colorOption": {
"colorOptionName": "--grey-1000-50-hover",
"themePath": [
"grey",
"_1000_50",
"hover"
],
"color": {
"light": "#f6f6f6",
"dark": "#343434"
},
"parsedColorOptionName": {
"colorName": "grey",
"brightness": {
"isInvariant": false,
"light": {
"value": 1000
},
"dark": {
"value": 50
}
},
"state": "hover"
}
}
},
{
"colorDecisionName": "--background-default-grey-active",
"themePath": [
"background",
"default",
"grey",
"active"
],
"parsedColorDecisionName": {
"state": "active",
"context": "background",
"colorName": "grey",
"usage": "default"
},
"colorOption": {
"colorOptionName": "--grey-1000-50-active",
"themePath": [
"grey",
"_1000_50",
"active"
],
"color": {
"light": "#ededed",
"dark": "#474747"
},
"parsedColorOptionName": {
"colorName": "grey",
"brightness": {
"isInvariant": false,
"light": {
"value": 1000
},
"dark": {
"value": 50
}
},
"state": "active"
}
}
},
{
"colorDecisionName": "--background-alt-grey",
"themePath": [
"background",
"alt",
"grey",
"default"
],
"parsedColorDecisionName": {
"context": "background",
"colorName": "grey",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--grey-975-75",
"themePath": [
"grey",
"_975_75",
"default"
],
"color": {
"light": "#f6f6f6",
"dark": "#1e1e1e"
},
"parsedColorOptionName": {
"colorName": "grey",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
}
}
}
},
{
"colorDecisionName": "--background-alt-grey-hover",
"themePath": [
"background",
"alt",
"grey",
"hover"
],
"parsedColorDecisionName": {
"state": "hover",
"context": "background",
"colorName": "grey",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--grey-975-75-hover",
"themePath": [
"grey",
"_975_75",
"hover"
],
"color": {
"light": "#dfdfdf",
"dark": "#3f3f3f"
},
"parsedColorOptionName": {
"colorName": "grey",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "hover"
}
}
},
{
"colorDecisionName": "--background-alt-grey-active",
"themePath": [
"background",
"alt",
"grey",
"active"
],
"parsedColorDecisionName": {
"state": "active",
"context": "background",
"colorName": "grey",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--grey-975-75-active",
"themePath": [
"grey",
"_975_75",
"active"
],
"color": {
"light": "#cfcfcf",
"dark": "#525252"
},
"parsedColorOptionName": {
"colorName": "grey",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "active"
}
}
},
{
"colorDecisionName": "--background-alt-blue-france",
"themePath": [
"background",
"alt",
"blueFrance",
"default"
],
"parsedColorDecisionName": {
"context": "background",
"colorName": "blueFrance",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--blue-france-975-75",
"themePath": [
"blueFrance",
"_975_75",
"default"
],
"color": {
"light": "#f5f5fe",
"dark": "#1b1b35"
},
"parsedColorOptionName": {
"colorName": "blueFrance",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
}
}
}
},
{
"colorDecisionName": "--background-alt-blue-france-hover",
"themePath": [
"background",
"alt",
"blueFrance",
"hover"
],
"parsedColorDecisionName": {
"state": "hover",
"context": "background",
"colorName": "blueFrance",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--blue-france-975-75-hover",
"themePath": [
"blueFrance",
"_975_75",
"hover"
],
"color": {
"light": "#dcdcfc",
"dark": "#3a3a68"
},
"parsedColorOptionName": {
"colorName": "blueFrance",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "hover"
}
}
},
{
"colorDecisionName": "--background-alt-blue-france-active",
"themePath": [
"background",
"alt",
"blueFrance",
"active"
],
"parsedColorDecisionName": {
"state": "active",
"context": "background",
"colorName": "blueFrance",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--blue-france-975-75-active",
"themePath": [
"blueFrance",
"_975_75",
"active"
],
"color": {
"light": "#cbcbfa",
"dark": "#4d4d83"
},
"parsedColorOptionName": {
"colorName": "blueFrance",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "active"
}
}
},
{
"colorDecisionName": "--background-alt-red-marianne",
"themePath": [
"background",
"alt",
"redMarianne",
"default"
],
"parsedColorDecisionName": {
"context": "background",
"colorName": "redMarianne",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--red-marianne-975-75",
"themePath": [
"redMarianne",
"_975_75",
"default"
],
"color": {
"light": "#fef4f4",
"dark": "#2b1919"
},
"parsedColorOptionName": {
"colorName": "redMarianne",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
}
}
}
},
{
"colorDecisionName": "--background-alt-red-marianne-hover",
"themePath": [
"background",
"alt",
"redMarianne",
"hover"
],
"parsedColorDecisionName": {
"state": "hover",
"context": "background",
"colorName": "redMarianne",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--red-marianne-975-75-hover",
"themePath": [
"redMarianne",
"_975_75",
"hover"
],
"color": {
"light": "#fcd7d7",
"dark": "#573737"
},
"parsedColorOptionName": {
"colorName": "redMarianne",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "hover"
}
}
},
{
"colorDecisionName": "--background-alt-red-marianne-active",
"themePath": [
"background",
"alt",
"redMarianne",
"active"
],
"parsedColorDecisionName": {
"state": "active",
"context": "background",
"colorName": "redMarianne",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--red-marianne-975-75-active",
"themePath": [
"redMarianne",
"_975_75",
"active"
],
"color": {
"light": "#fac4c4",
"dark": "#704848"
},
"parsedColorOptionName": {
"colorName": "redMarianne",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "active"
}
}
},
{
"colorDecisionName": "--background-alt-green-tilleul-verveine",
"themePath": [
"background",
"alt",
"greenTilleulVerveine",
"default"
],
"parsedColorDecisionName": {
"context": "background",
"colorName": "greenTilleulVerveine",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--green-tilleul-verveine-975-75",
"themePath": [
"greenTilleulVerveine",
"_975_75",
"default"
],
"color": {
"light": "#fef7da",
"dark": "#201e14"
},
"parsedColorOptionName": {
"colorName": "greenTilleulVerveine",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
}
}
}
},
{
"colorDecisionName": "--background-alt-green-tilleul-verveine-hover",
"themePath": [
"background",
"alt",
"greenTilleulVerveine",
"hover"
],
"parsedColorDecisionName": {
"state": "hover",
"context": "background",
"colorName": "greenTilleulVerveine",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--green-tilleul-verveine-975-75-hover",
"themePath": [
"greenTilleulVerveine",
"_975_75",
"hover"
],
"color": {
"light": "#fce552",
"dark": "#433f2e"
},
"parsedColorOptionName": {
"colorName": "greenTilleulVerveine",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "hover"
}
}
},
{
"colorDecisionName": "--background-alt-green-tilleul-verveine-active",
"themePath": [
"background",
"alt",
"greenTilleulVerveine",
"active"
],
"parsedColorDecisionName": {
"state": "active",
"context": "background",
"colorName": "greenTilleulVerveine",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--green-tilleul-verveine-975-75-active",
"themePath": [
"greenTilleulVerveine",
"_975_75",
"active"
],
"color": {
"light": "#ebd54c",
"dark": "#57533d"
},
"parsedColorOptionName": {
"colorName": "greenTilleulVerveine",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "active"
}
}
},
{
"colorDecisionName": "--background-alt-green-bourgeon",
"themePath": [
"background",
"alt",
"greenBourgeon",
"default"
],
"parsedColorDecisionName": {
"context": "background",
"colorName": "greenBourgeon",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--green-bourgeon-975-75",
"themePath": [
"greenBourgeon",
"_975_75",
"default"
],
"color": {
"light": "#e6feda",
"dark": "#182014"
},
"parsedColorOptionName": {
"colorName": "greenBourgeon",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
}
}
}
},
{
"colorDecisionName": "--background-alt-green-bourgeon-hover",
"themePath": [
"background",
"alt",
"greenBourgeon",
"hover"
],
"parsedColorDecisionName": {
"state": "hover",
"context": "background",
"colorName": "greenBourgeon",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--green-bourgeon-975-75-hover",
"themePath": [
"greenBourgeon",
"_975_75",
"hover"
],
"color": {
"light": "#a7fc62",
"dark": "#35432e"
},
"parsedColorOptionName": {
"colorName": "greenBourgeon",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "hover"
}
}
},
{
"colorDecisionName": "--background-alt-green-bourgeon-active",
"themePath": [
"background",
"alt",
"greenBourgeon",
"active"
],
"parsedColorDecisionName": {
"state": "active",
"context": "background",
"colorName": "greenBourgeon",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--green-bourgeon-975-75-active",
"themePath": [
"greenBourgeon",
"_975_75",
"active"
],
"color": {
"light": "#98ed4d",
"dark": "#46573d"
},
"parsedColorOptionName": {
"colorName": "greenBourgeon",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "active"
}
}
},
{
"colorDecisionName": "--background-alt-green-emeraude",
"themePath": [
"background",
"alt",
"greenEmeraude",
"default"
],
"parsedColorDecisionName": {
"context": "background",
"colorName": "greenEmeraude",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--green-emeraude-975-75",
"themePath": [
"greenEmeraude",
"_975_75",
"default"
],
"color": {
"light": "#e3fdeb",
"dark": "#142018"
},
"parsedColorOptionName": {
"colorName": "greenEmeraude",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
}
}
}
},
{
"colorDecisionName": "--background-alt-green-emeraude-hover",
"themePath": [
"background",
"alt",
"greenEmeraude",
"hover"
],
"parsedColorDecisionName": {
"state": "hover",
"context": "background",
"colorName": "greenEmeraude",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--green-emeraude-975-75-hover",
"themePath": [
"greenEmeraude",
"_975_75",
"hover"
],
"color": {
"light": "#94f9b9",
"dark": "#2e4335"
},
"parsedColorOptionName": {
"colorName": "greenEmeraude",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "hover"
}
}
},
{
"colorDecisionName": "--background-alt-green-emeraude-active",
"themePath": [
"background",
"alt",
"greenEmeraude",
"active"
],
"parsedColorDecisionName": {
"state": "active",
"context": "background",
"colorName": "greenEmeraude",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--green-emeraude-975-75-active",
"themePath": [
"greenEmeraude",
"_975_75",
"active"
],
"color": {
"light": "#6df1a3",
"dark": "#3d5846"
},
"parsedColorOptionName": {
"colorName": "greenEmeraude",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "active"
}
}
},
{
"colorDecisionName": "--background-alt-green-menthe",
"themePath": [
"background",
"alt",
"greenMenthe",
"default"
],
"parsedColorDecisionName": {
"context": "background",
"colorName": "greenMenthe",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--green-menthe-975-75",
"themePath": [
"greenMenthe",
"_975_75",
"default"
],
"color": {
"light": "#dffdf7",
"dark": "#15201e"
},
"parsedColorOptionName": {
"colorName": "greenMenthe",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
}
}
}
},
{
"colorDecisionName": "--background-alt-green-menthe-hover",
"themePath": [
"background",
"alt",
"greenMenthe",
"hover"
],
"parsedColorDecisionName": {
"state": "hover",
"context": "background",
"colorName": "greenMenthe",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--green-menthe-975-75-hover",
"themePath": [
"greenMenthe",
"_975_75",
"hover"
],
"color": {
"light": "#84f9e7",
"dark": "#30433f"
},
"parsedColorOptionName": {
"colorName": "greenMenthe",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "hover"
}
}
},
{
"colorDecisionName": "--background-alt-green-menthe-active",
"themePath": [
"background",
"alt",
"greenMenthe",
"active"
],
"parsedColorDecisionName": {
"state": "active",
"context": "background",
"colorName": "greenMenthe",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--green-menthe-975-75-active",
"themePath": [
"greenMenthe",
"_975_75",
"active"
],
"color": {
"light": "#70ebd8",
"dark": "#3f5753"
},
"parsedColorOptionName": {
"colorName": "greenMenthe",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "active"
}
}
},
{
"colorDecisionName": "--background-alt-green-archipel",
"themePath": [
"background",
"alt",
"greenArchipel",
"default"
],
"parsedColorDecisionName": {
"context": "background",
"colorName": "greenArchipel",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--green-archipel-975-75",
"themePath": [
"greenArchipel",
"_975_75",
"default"
],
"color": {
"light": "#e5fbfd",
"dark": "#152021"
},
"parsedColorOptionName": {
"colorName": "greenArchipel",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
}
}
}
},
{
"colorDecisionName": "--background-alt-green-archipel-hover",
"themePath": [
"background",
"alt",
"greenArchipel",
"hover"
],
"parsedColorDecisionName": {
"state": "hover",
"context": "background",
"colorName": "greenArchipel",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--green-archipel-975-75-hover",
"themePath": [
"greenArchipel",
"_975_75",
"hover"
],
"color": {
"light": "#99f2f8",
"dark": "#2f4345"
},
"parsedColorOptionName": {
"colorName": "greenArchipel",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "hover"
}
}
},
{
"colorDecisionName": "--background-alt-green-archipel-active",
"themePath": [
"background",
"alt",
"greenArchipel",
"active"
],
"parsedColorDecisionName": {
"state": "active",
"context": "background",
"colorName": "greenArchipel",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--green-archipel-975-75-active",
"themePath": [
"greenArchipel",
"_975_75",
"active"
],
"color": {
"light": "#73e9f0",
"dark": "#3f5759"
},
"parsedColorOptionName": {
"colorName": "greenArchipel",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "active"
}
}
},
{
"colorDecisionName": "--background-alt-blue-ecume",
"themePath": [
"background",
"alt",
"blueEcume",
"default"
],
"parsedColorDecisionName": {
"context": "background",
"colorName": "blueEcume",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--blue-ecume-975-75",
"themePath": [
"blueEcume",
"_975_75",
"default"
],
"color": {
"light": "#f4f6fe",
"dark": "#171d2f"
},
"parsedColorOptionName": {
"colorName": "blueEcume",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
}
}
}
},
{
"colorDecisionName": "--background-alt-blue-ecume-hover",
"themePath": [
"background",
"alt",
"blueEcume",
"hover"
],
"parsedColorDecisionName": {
"state": "hover",
"context": "background",
"colorName": "blueEcume",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--blue-ecume-975-75-hover",
"themePath": [
"blueEcume",
"_975_75",
"hover"
],
"color": {
"light": "#d7dffb",
"dark": "#333e5e"
},
"parsedColorOptionName": {
"colorName": "blueEcume",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "hover"
}
}
},
{
"colorDecisionName": "--background-alt-blue-ecume-active",
"themePath": [
"background",
"alt",
"blueEcume",
"active"
],
"parsedColorDecisionName": {
"state": "active",
"context": "background",
"colorName": "blueEcume",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--blue-ecume-975-75-active",
"themePath": [
"blueEcume",
"_975_75",
"active"
],
"color": {
"light": "#c3cffa",
"dark": "#445179"
},
"parsedColorOptionName": {
"colorName": "blueEcume",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "active"
}
}
},
{
"colorDecisionName": "--background-alt-blue-cumulus",
"themePath": [
"background",
"alt",
"blueCumulus",
"default"
],
"parsedColorDecisionName": {
"context": "background",
"colorName": "blueCumulus",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--blue-cumulus-975-75",
"themePath": [
"blueCumulus",
"_975_75",
"default"
],
"color": {
"light": "#f3f6fe",
"dark": "#171e2b"
},
"parsedColorOptionName": {
"colorName": "blueCumulus",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
}
}
}
},
{
"colorDecisionName": "--background-alt-blue-cumulus-hover",
"themePath": [
"background",
"alt",
"blueCumulus",
"hover"
],
"parsedColorDecisionName": {
"state": "hover",
"context": "background",
"colorName": "blueCumulus",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--blue-cumulus-975-75-hover",
"themePath": [
"blueCumulus",
"_975_75",
"hover"
],
"color": {
"light": "#d3dffc",
"dark": "#333f56"
},
"parsedColorOptionName": {
"colorName": "blueCumulus",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "hover"
}
}
},
{
"colorDecisionName": "--background-alt-blue-cumulus-active",
"themePath": [
"background",
"alt",
"blueCumulus",
"active"
],
"parsedColorDecisionName": {
"state": "active",
"context": "background",
"colorName": "blueCumulus",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--blue-cumulus-975-75-active",
"themePath": [
"blueCumulus",
"_975_75",
"active"
],
"color": {
"light": "#bed0fa",
"dark": "#43536f"
},
"parsedColorOptionName": {
"colorName": "blueCumulus",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "active"
}
}
},
{
"colorDecisionName": "--background-alt-purple-glycine",
"themePath": [
"background",
"alt",
"purpleGlycine",
"default"
],
"parsedColorDecisionName": {
"context": "background",
"colorName": "purpleGlycine",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--purple-glycine-975-75",
"themePath": [
"purpleGlycine",
"_975_75",
"default"
],
"color": {
"light": "#fef3fd",
"dark": "#251a24"
},
"parsedColorOptionName": {
"colorName": "purpleGlycine",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
}
}
}
},
{
"colorDecisionName": "--background-alt-purple-glycine-hover",
"themePath": [
"background",
"alt",
"purpleGlycine",
"hover"
],
"parsedColorDecisionName": {
"state": "hover",
"context": "background",
"colorName": "purpleGlycine",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--purple-glycine-975-75-hover",
"themePath": [
"purpleGlycine",
"_975_75",
"hover"
],
"color": {
"light": "#fcd4f8",
"dark": "#4c394a"
},
"parsedColorOptionName": {
"colorName": "purpleGlycine",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "hover"
}
}
},
{
"colorDecisionName": "--background-alt-purple-glycine-active",
"themePath": [
"background",
"alt",
"purpleGlycine",
"active"
],
"parsedColorDecisionName": {
"state": "active",
"context": "background",
"colorName": "purpleGlycine",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--purple-glycine-975-75-active",
"themePath": [
"purpleGlycine",
"_975_75",
"active"
],
"color": {
"light": "#fabff5",
"dark": "#634a60"
},
"parsedColorOptionName": {
"colorName": "purpleGlycine",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "active"
}
}
},
{
"colorDecisionName": "--background-alt-pink-macaron",
"themePath": [
"background",
"alt",
"pinkMacaron",
"default"
],
"parsedColorDecisionName": {
"context": "background",
"colorName": "pinkMacaron",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--pink-macaron-975-75",
"themePath": [
"pinkMacaron",
"_975_75",
"default"
],
"color": {
"light": "#fef4f2",
"dark": "#261b19"
},
"parsedColorOptionName": {
"colorName": "pinkMacaron",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
}
}
}
},
{
"colorDecisionName": "--background-alt-pink-macaron-hover",
"themePath": [
"background",
"alt",
"pinkMacaron",
"hover"
],
"parsedColorDecisionName": {
"state": "hover",
"context": "background",
"colorName": "pinkMacaron",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--pink-macaron-975-75-hover",
"themePath": [
"pinkMacaron",
"_975_75",
"hover"
],
"color": {
"light": "#fcd8d0",
"dark": "#4e3a37"
},
"parsedColorOptionName": {
"colorName": "pinkMacaron",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "hover"
}
}
},
{
"colorDecisionName": "--background-alt-pink-macaron-active",
"themePath": [
"background",
"alt",
"pinkMacaron",
"active"
],
"parsedColorDecisionName": {
"state": "active",
"context": "background",
"colorName": "pinkMacaron",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--pink-macaron-975-75-active",
"themePath": [
"pinkMacaron",
"_975_75",
"active"
],
"color": {
"light": "#fac5b8",
"dark": "#654c48"
},
"parsedColorOptionName": {
"colorName": "pinkMacaron",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "active"
}
}
},
{
"colorDecisionName": "--background-alt-pink-tuile",
"themePath": [
"background",
"alt",
"pinkTuile",
"default"
],
"parsedColorDecisionName": {
"context": "background",
"colorName": "pinkTuile",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--pink-tuile-975-75",
"themePath": [
"pinkTuile",
"_975_75",
"default"
],
"color": {
"light": "#fef4f3",
"dark": "#281b19"
},
"parsedColorOptionName": {
"colorName": "pinkTuile",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
}
}
}
},
{
"colorDecisionName": "--background-alt-pink-tuile-hover",
"themePath": [
"background",
"alt",
"pinkTuile",
"hover"
],
"parsedColorDecisionName": {
"state": "hover",
"context": "background",
"colorName": "pinkTuile",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--pink-tuile-975-75-hover",
"themePath": [
"pinkTuile",
"_975_75",
"hover"
],
"color": {
"light": "#fcd7d3",
"dark": "#513a37"
},
"parsedColorOptionName": {
"colorName": "pinkTuile",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "hover"
}
}
},
{
"colorDecisionName": "--background-alt-pink-tuile-active",
"themePath": [
"background",
"alt",
"pinkTuile",
"active"
],
"parsedColorDecisionName": {
"state": "active",
"context": "background",
"colorName": "pinkTuile",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--pink-tuile-975-75-active",
"themePath": [
"pinkTuile",
"_975_75",
"active"
],
"color": {
"light": "#fac4be",
"dark": "#694c48"
},
"parsedColorOptionName": {
"colorName": "pinkTuile",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "active"
}
}
},
{
"colorDecisionName": "--background-alt-yellow-tournesol",
"themePath": [
"background",
"alt",
"yellowTournesol",
"default"
],
"parsedColorDecisionName": {
"context": "background",
"colorName": "yellowTournesol",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--yellow-tournesol-975-75",
"themePath": [
"yellowTournesol",
"_975_75",
"default"
],
"color": {
"light": "#fef6e3",
"dark": "#221d11"
},
"parsedColorOptionName": {
"colorName": "yellowTournesol",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
}
}
}
},
{
"colorDecisionName": "--background-alt-yellow-tournesol-hover",
"themePath": [
"background",
"alt",
"yellowTournesol",
"hover"
],
"parsedColorDecisionName": {
"state": "hover",
"context": "background",
"colorName": "yellowTournesol",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--yellow-tournesol-975-75-hover",
"themePath": [
"yellowTournesol",
"_975_75",
"hover"
],
"color": {
"light": "#fce086",
"dark": "#473e29"
},
"parsedColorOptionName": {
"colorName": "yellowTournesol",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "hover"
}
}
},
{
"colorDecisionName": "--background-alt-yellow-tournesol-active",
"themePath": [
"background",
"alt",
"yellowTournesol",
"active"
],
"parsedColorDecisionName": {
"state": "active",
"context": "background",
"colorName": "yellowTournesol",
"usage": "alt"
},
"colorOption": {
"colorOptionName": "--yellow-tournesol-975-75-active",
"themePath": [
"yellowTournesol",
"_975_75",
"active"
],
"color": {
"light": "#f5d24b",
"dark": "#5c5136"
},
"parsedColorOptionName": {
"colorName": "yellowTournesol",
"brightness": {
"isInvariant": false,
"light": {
"value": 975
},
"dark": {
"value": 75
}
},
"state": "active"
}
}
},
{
"colorDecisionName": "--background-alt-yellow-moutarde",
"themePath": [
"background",
"alt",
"yellowMoutarde",
"default"
],
"parsedColorDecisionName": {
"context": "background",
"colorName": "yellowMoutarde",
"usage": "alt"
},