A
Accueil > Constants > CustomPalette

CustomPalette

light
{
"artwork": {
"major-primary": "#033B72",
"decorative-primary": "#E5F1FE",
"minor-secondary": "#DA2275"
},
"background": {
"alt-primary": "#F2F9FF",
"alt-grey": "#F6F7F8",
"action-low-primary": "#D2E8FE",
"contrast-grey": "#EFF1F6",
"contrast-success": "#B9FDD5",
"contrast-error": "#FDEAE8",
"contrast-info": "#E5F1FE",
"contrast-warning": "#FFEEE5",
"default-grey": "#FFFFFF",
"default-grey-hover": "#F6F7F8",
"default-grey-active": "#E6EAF1",
"active-primary": "#002764",
"disabled-grey": "#E6EAF1",
"active-inverted": "#FFFFFF",
"transparent-hover": "rgba(0, 0, 0, 0.04)",
"action-high-primary": "#002764",
"action-high-primary-hover": "#0048AC",
"action-high-error": "#C62416",
"flat-error": "#C62416",
"flat-info": "#0264C7",
"flat-success": "#1B7440",
"flat-warning": "#BC4401",
"open-primary": "#D2E8FE"
},
"border": {
"default-grey": "#DEE3EC",
"contrast-grey": "#8D97AC",
"default-primary": "#0264C7",
"action-high-primary": "#002764",
"action-high-grey": "#151617",
"active-primary": "#002764",
"open-primary": "#D2E8FE",
"disabled-grey": "#E6EAF1",
"plain-primary": "#002764",
"plain-grey": "#373A3F",
"plain-success": "#1B7440",
"plain-error": "#C62416",
"plain-warning": "#BC4401",
"plain-info": "#0264C7",
"action-low-primary": "#B4D9FE"
},
"text": {
"title-grey": "#151617",
"title-primary": "#002764",
"default-grey": "#373A3F",
"mention-grey": "#5F6571",
"label-grey": "#151617",
"action-high-primary": "#012B53",
"action-high-grey": "#151617",
"action-high-info": "#0264C7",
"action-high-warning": "#BC4401",
"action-high-error": "#C62416",
"inverted-grey": "#FFFFFF",
"inverted-primary": "#F2F9FF",
"active-primary": "#002764",
"active-grey": "#151617",
"disabled-grey": "#8D97AC",
"default-success": "#1B7440",
"default-error": "#C62416",
"default-warning": "#BC4401",
"default-info": "#0264C7"
},
"system": {
"focus": "#0A76F6"
},
"illustration": {
"color-sun": {
"default": {
"yellow": "#6F5E18"
}
},
"color-950": {
"default": {
"yellow": "#F9F0CC"
}
}
}
}
dark
{
"text": {
"default-grey": "#CED5E1"
},
"background": {
"alt-primary": "#011E3A",
"contrast-grey": "#232427"
}
}
primary
#D9127C
transparent
transparent
danger
#C62416
info
#1070CA
success
#1C7F54
warning
#BA461C
link
#076D8A
text
{
"default-grey": "#373A3F",
"title-grey": "#151617",
"mention": "#5F6571",
"disabled-grey": "#8D97AC",
"action-high-blue-captive": "#012448",
"action-high-primary": "#012448",
"action-high-info": "#0264C7",
"title-blue-captive": "#012448",
"label-grey": "#151617",
"inverted-blue-captive": "#FFFFFF",
"inverted-primary": "#FFFFFF",
"default-success": "#1B7440",
"default-error": "#C62416",
"default-info": "#31B5DA",
"action-high-grey": "#151617",
"inverse": {
"base": "#FFFFFF",
"title": "#FFFFFF",
"muted": "#8D97AC",
"accent": "#E4F40E"
},
"badge": {
"info": "#0E6398",
"success": "#166645",
"default": "#323439",
"warning": "#BA461C",
"error": "#C62416",
"new": "#7F4214"
},
"button": {
"primary": {
"default": "#FFFFFF",
"hover": "#FFFFFF",
"disabled": "#8D97AC"
},
"secondary": {
"default": "#151617",
"hover": "#151617",
"disabled": "#8D97AC"
},
"tertiary": {
"default": "#373A3F",
"hover": "#373A3F",
"disabled": "#8D97AC"
},
"danger": {
"default": "#AF051A",
"hover": "#FFFFFF",
"disabled": "#8D97AC"
}
},
"tag": {
"default": "#EBF2F4"
},
"link": {
"default": "#076D8A",
"hover": "#076D8A"
},
"nav": {
"link": {
"default": "#5F6571",
"current": "#151617"
}
}
}
border
{
"base": "#8D97AC",
"default-grey": "#DEE3EC",
"action": "#012448",
"disabled-grey": "#E6EAF1",
"plain-grey": "#373A3F",
"plain-success": "#1B7440",
"plain-error": "#C62416",
"default-bleu-captive": "#0379EF",
"default-primary": "#0379EF",
"contrast-grey": "#DEE3EC",
"button": {
"secondary": {
"default": "#373A3F",
"hover": "#373A3F",
"disabled": "#DEE3EC"
},
"danger": {
"default": "#8197AA",
"hover": "#AF051A",
"disabled": "#C5D6DC"
}
},
"alert": {
"info": "#1070CA",
"success": "#1C7F54",
"warning": "#BA461C",
"error": "#C62416",
"link": "#076D8A"
},
"link": {
"default": "#076D8A"
},
"quote": {
"default": "#DEE3EC"
},
"nav": {
"link": {
"active": "#D2E8FE"
}
}
}
background
{
"default": "#FFFFFF",
"default-active": "#EFF1F6",
"alt-grey": "#F6F7F8",
"inverse": "#012448",
"action": "#012448",
"disabled-grey": "#E6EAF1",
"default-hover": "#F6F7F8",
"open-bleu-captive": "#D2E8FE",
"open-primary": "#D2E8FE",
"contrast-grey": "#E6EAF1",
"alt-bleu-captive": "#F2F9FF",
"alt-primary": "#F2F9FF",
"action-low-primary": "#D2E8FE",
"default-success": "#87FCB8",
"alert": {
"info": "#1070CA",
"success": "#1C7F54",
"warning": "#BA461C",
"error": "#C62416"
},
"button": {
"primary": {
"default": "#D9127C",
"hover": "#BC0A6F",
"disabled": "#E6EBF3"
},
"secondary": {
"default": "transparent",
"hover": "#F6F7F8",
"disabled": "transparent"
},
"tertiary": {
"default": "transparent",
"hover": "#F6F7F8",
"disabled": "transparent"
},
"danger": {
"default": "transparent",
"hover": "#C62416",
"disabled": "transparent"
}
},
"tag": {
"default": "#1F242D"
},
"badge": {
"info": "#D6F3FD",
"success": "#D7F4E1",
"warning": "#FFE9E1",
"error": "#FFE5E9",
"new": "#FBF2C6",
"default": "#EFF1F6"
},
"nav": {
"link": {
"hover": "#F6F7F8"
}
},
"stepper": {
"default": "#373A3F",
"current": "#A8E4FA",
"success": "#E8368F"
}
}
system
{
"focus": "#0A76F6"
}
Alveole UI Kit — v1.9.0