@cnamts/design-tokens
Version:
Design Tokens for the French Health Insurance
188 lines (187 loc) • 4.58 kB
JSON
{
"dialog-width": {
"dialog-small": "560px",
"dialog-medium": "800px"
},
"page-width": "1440px",
"input-width": {
"input-small": "128px",
"input-medium": "328px",
"input-large": "384px",
"input-x-large": "536px"
},
"colors-bootstrap": {
"am-blue": {
"darken80": "#020d1f",
"darken60": "#052-c64",
"darken40": "#084298",
"darken20": "#0-b58-c-a",
"base": "#0d6efd",
"lighten20": "#0-c6-d-f-d",
"lighten40": "#3-d8-b-f-d",
"lighten60": "#6-e-a7-f-d",
"lighten80": "#9-e-c5-f-e",
"lighten90": "#-c-f-e1-f-e",
"lighten97": "#f8f9fc"
},
"cyan": {
"darken80": "#032830",
"darken60": "#055160",
"darken40": "#06798-f",
"darken20": "#07-a2-c0",
"base": "#0dcaf0",
"lighten20": "#10-c-a-f0",
"lighten40": "#37-b-f-d-b",
"lighten60": "#6-d-d-e-f6",
"lighten80": "#9-e-e-a-f9",
"lighten90": "#-c-e-f4-f-c",
"lighten97": "#f7fcfe"
},
"frosted-blue": {
"darken80": "#142327",
"darken60": "#28464d",
"darken40": "#3d6874",
"darken20": "#518b9a",
"base": "#65aec1",
"lighten20": "#84becd",
"lighten40": "#a3ceda",
"lighten60": "#c1dfe6",
"lighten80": "#e0eff3",
"lighten90": "#f0f7f9",
"lighten97": "#fafdfd"
},
"parme": {
"darken80": "#150330",
"darken60": "#290661",
"darken40": "#3-d0-a91",
"darken20": "#520-d-c1",
"base": "#6610f2",
"lighten20": "#661de3",
"lighten40": "#8540-f5",
"lighten60": "#-a270-f7",
"lighten80": "#-c19-e-f-a",
"lighten90": "#-e0-c-f-f-c",
"lighten97": "#fbfcfd"
},
"mauve": {
"darken80": "#170-d26",
"darken60": "#2-b1-a4-d",
"darken40": "#3-d0-a91",
"darken20": "#59359-a",
"base": "#6f42c1",
"lighten20": "#6-f42-c1",
"lighten40": "#8-b67-c-d",
"lighten60": "#-a98-e-d-a",
"lighten80": "#-c5-b3-e5",
"lighten90": "#-e1-d9-f3",
"lighten97": "#fcfafd"
},
"pink": {
"darken80": "#2-b0-a1-b",
"darken60": "#561435",
"darken40": "#801-f4-f",
"darken20": "#-a-a2869",
"base": "#d63384",
"lighten20": "#-d63384",
"lighten40": "#-d-d5-c9-d",
"lighten60": "#-e685-b5",
"lighten80": "#-e-f-a-d-c-d",
"lighten90": "#-f7-d6-e6",
"lighten97": "#fef8fb"
},
"brick": {
"darken80": "#2-c0-b0-f",
"darken60": "#58151-c",
"darken40": "#831-f29",
"darken20": "#-b02-a37",
"base": "#dc3545",
"lighten20": "#dc3d4d",
"lighten40": "#-e35-c6-a",
"lighten60": "#-e9868-f",
"lighten80": "#-f1-a-e-b5",
"lighten90": "#-f8-d7-d9",
"lighten97": "#fdfafa"
},
"orange": {
"darken80": "#321904",
"darken60": "#643208",
"darken40": "#984-c0-b",
"darken20": "#-c-a6410",
"base": "#fd7e14",
"lighten20": "#fb8325",
"lighten40": "#-f-d9843",
"lighten60": "#-f-e-b272",
"lighten80": "#-f-e-c-b-a1",
"lighten90": "#-f-f-e5-d0",
"lighten97": "#fefaf9"
},
"yellow": {
"darken80": "#332602",
"darken60": "#664-d04",
"darken40": "#997305",
"darken20": "#-c-b9-a07",
"base": "#ffc107",
"lighten20": "#fdc312",
"lighten40": "#-f-f-c-d38",
"lighten60": "#-f-f-d969",
"lighten80": "#-f-f-e69-c",
"lighten90": "#-f-f-f2-c-d",
"lighten97": "#fffdf8"
},
"green": {
"darken80": "#051-c12",
"darken60": "#0-b3622",
"darken40": "#0-f5132",
"darken20": "#136-b42",
"base": "#198754",
"lighten20": "#1e8a57",
"lighten40": "#479-f76",
"lighten60": "#75-b798",
"lighten80": "#-a3-c-f-b-b",
"lighten90": "#-d1-e6-d-d",
"lighten97": "#fafdfb"
},
"turquoise": {
"darken80": "#051-c12",
"darken60": "#0-b3622",
"darken40": "#0-f5132",
"darken20": "#1-a-a179",
"base": "#20c997",
"lighten20": "#28cf9e",
"lighten40": "#4-d-d4-a-c",
"lighten60": "#78-d-f-c0",
"lighten80": "#-a5-e9-d5",
"lighten90": "#-d2-f4-e9",
"lighten97": "#f7fcfc"
},
"grey": {
"darken80": "#212529",
"darken60": "#343-a3-f",
"darken40": "#485056",
"darken20": "#6-c757-d",
"base": "#adb5bd",
"lighten20": "#b5bcc3",
"lighten40": "#-c-e-d4-d9",
"lighten60": "#-d-e-e2-e6",
"lighten80": "#-e9-e-c-e-f",
"lighten90": "#-f8-f9-f-a",
"lighten97": "#fafafa"
},
"primary": "#084298",
"secondary": "#801-f4-f",
"accent": "#0dcaf0",
"error": "#-b02-a37",
"info": "#052-c64",
"success": "#479-f76",
"warning": "#-f-f-f2-c-d",
"risque-pro": "#cd545b",
"light": "#bbbcbd",
"dark": "#111212",
"brand": "#4a3f59",
"brand-secondary": "#ac1c81",
"brand-muted": "#b7cbd6",
"brand-muted-lite": "#-e7-f3-f9",
"hilite-primary": "#0062ac",
"hilite-secondary": "#e6bebf"
}
}