https://www.indigoneo.lu/_next/static/chunks/pages/design-guidelines/foundations/colors-fb9708df47643c66.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[80],{6255:(e,a,l)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/design-guidelines/foundations/colors",function(){return l(42223)}])},42223:(e,a,l)=>{"use strict";l.r(a),l.d(a,{__N_SSG:()=>i,default:()=>c});var n=l(78854),s=l(79246),i=!0;let c=()=>(0,n.FD)(s.A,{children:[(0,n.Y)("span",{className:"section-name",children:"Fondations"}),(0,n.Y)("div",{className:"page-title",children:"Couleurs"}),(0,n.Y)("p",{className:"page-chapo",children:"Les couleurs d\xe9finissent l’identit\xe9 de la marque OPnGO. Cette page pr\xe9sente l’ensemble des couleurs utilis\xe9es sur les applications (Web, iOS, Android). Chaque \xe9l\xe9ment, action ou information est associ\xe9 \xe0 une m\xeame couleur. L’harmonie et la synchronisation des couleurs sur les applications permet d’habituer l’utilisateur \xe0 un usage. Elles facilitent l’association et la recherche des informations pour les utilisateurs"}),(0,n.FD)("div",{className:"page-section",children:[(0,n.Y)("div",{className:"page-section-title",children:"Couleurs principales"}),(0,n.Y)("div",{className:"page-section-row",children:(0,n.FD)("div",{className:"page-panel-column",children:[(0,n.Y)("div",{className:"page-thumbnail gold"}),(0,n.FD)("div",{className:"page-panel-information",children:[(0,n.Y)("span",{className:"page-panel-text-h3",children:"Gold"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"#FDC745"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"rgb(253, 199, 69)"})]})]})}),(0,n.Y)("div",{className:"page-section-row",children:(0,n.FD)("div",{className:"page-panel-column",children:[(0,n.Y)("div",{className:"page-thumbnail black"}),(0,n.FD)("div",{className:"page-panel-information",children:[(0,n.Y)("span",{className:"page-panel-text-h3",children:"Black"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"#000000"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"rgb(0, 0, 0)"})]})]})}),(0,n.Y)("div",{className:"page-section-row",children:(0,n.FD)("div",{className:"page-panel-column",children:[(0,n.Y)("div",{className:"page-thumbnail light-black"}),(0,n.FD)("div",{className:"page-panel-information",children:[(0,n.Y)("span",{className:"page-panel-text-h3",children:"Light Black"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"#111111"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"rgb(17, 17, 17)"})]})]})}),(0,n.Y)("div",{className:"page-section-row",children:(0,n.FD)("div",{className:"page-panel-column",children:[(0,n.Y)("div",{className:"page-thumbnail blue"}),(0,n.FD)("div",{className:"page-panel-information",children:[(0,n.Y)("span",{className:"page-panel-text-h3",children:"Blue"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"#5289C3"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"rgb(82, 137, 195)"})]})]})})]}),(0,n.FD)("div",{className:"page-section",children:[(0,n.Y)("div",{className:"page-section-title",children:"Palettes de couleurs"}),(0,n.Y)("span",{className:"page-panel-title",children:"Neutre"}),(0,n.FD)("div",{className:"page-section-row",children:[(0,n.FD)("div",{className:"page-panel-column",children:[(0,n.Y)("div",{className:"page-thumbnail white"}),(0,n.FD)("div",{className:"page-panel-information",children:[(0,n.Y)("span",{className:"page-panel-text-h3",children:"White"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"#FFFFFF"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"rgb(255, 255, 255)"})]})]}),(0,n.FD)("div",{className:"page-panel-column",children:[(0,n.Y)("div",{className:"page-thumbnail extra-light-gray"}),(0,n.FD)("div",{className:"page-panel-information",children:[(0,n.Y)("span",{className:"page-panel-text-h3",children:"Extra Light Gray"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"#EEEEEE"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"rgb(238, 238, 238)"})]})]}),(0,n.FD)("div",{className:"page-panel-column",children:[(0,n.Y)("div",{className:"page-thumbnail light-gray"}),(0,n.FD)("div",{className:"page-panel-information",children:[(0,n.Y)("span",{className:"page-panel-text-h3",children:"Light Gray"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"#C7C7C7"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"rgb(199, 199, 199)"})]})]}),(0,n.FD)("div",{className:"page-panel-column",children:[(0,n.Y)("div",{className:"page-thumbnail gray"}),(0,n.FD)("div",{className:"page-panel-information",children:[(0,n.Y)("span",{className:"page-panel-text-h3",children:"Gray"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"#8D8D8D"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"rgb(141, 141, 141)"})]})]}),(0,n.FD)("div",{className:"page-panel-column",children:[(0,n.Y)("div",{className:"page-thumbnail dark-gray"}),(0,n.FD)("div",{className:"page-panel-information",children:[(0,n.Y)("span",{className:"page-panel-text-h3",children:"Dark Gray"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"#6B6B6B"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"rgb(107, 107, 107)"})]})]}),(0,n.FD)("div",{className:"page-panel-column",children:[(0,n.Y)("div",{className:"page-thumbnail extra-dark-gray"}),(0,n.FD)("div",{className:"page-panel-information",children:[(0,n.Y)("span",{className:"page-panel-text-h3",children:"Extra Dark Gray"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"#222222"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"rgb(34, 34, 34)"})]})]}),(0,n.FD)("div",{className:"page-panel-column",children:[(0,n.Y)("div",{className:"page-thumbnail black"}),(0,n.FD)("div",{className:"page-panel-information",children:[(0,n.Y)("span",{className:"page-panel-text-h3",children:"Black"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"#000000"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"rgb(0, 0, 0)"})]})]})]}),(0,n.Y)("span",{className:"page-panel-title",children:"Or"}),(0,n.FD)("div",{className:"page-section-row",children:[(0,n.FD)("div",{className:"page-panel-column",children:[(0,n.Y)("div",{className:"page-thumbnail gold"}),(0,n.FD)("div",{className:"page-panel-information",children:[(0,n.Y)("span",{className:"page-panel-text-h3",children:"Gold"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"#FDC745"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"rgb(253, 199, 69)"})]})]}),(0,n.FD)("div",{className:"page-panel-column",children:[(0,n.Y)("div",{className:"page-thumbnail dark-gold"}),(0,n.FD)("div",{className:"page-panel-information",children:[(0,n.Y)("span",{className:"page-panel-text-h3",children:"Dark Gold"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"#F5A623"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"rgb(245, 166, 35)"})]})]})]}),(0,n.Y)("span",{className:"page-panel-title",children:"Bleu"}),(0,n.FD)("div",{className:"page-section-row",children:[(0,n.FD)("div",{className:"page-panel-column",children:[(0,n.Y)("div",{className:"page-thumbnail blue"}),(0,n.FD)("div",{className:"page-panel-information",children:[(0,n.Y)("span",{className:"page-panel-text-h3",children:"Blue"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"#5289C3"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"rgb(82, 137, 195)"})]})]}),(0,n.FD)("div",{className:"page-panel-column",children:[(0,n.Y)("div",{className:"page-thumbnail dark-blue"}),(0,n.FD)("div",{className:"page-panel-information",children:[(0,n.Y)("span",{className:"page-panel-text-h3",children:"Dark Blue"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"#2562A3"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"rgb(37, 98, 163)"})]})]})]}),(0,n.Y)("span",{className:"page-panel-title",children:"Orange"}),(0,n.Y)("div",{className:"page-section-row",children:(0,n.FD)("div",{className:"page-panel-column",children:[(0,n.Y)("div",{className:"page-thumbnail orange"}),(0,n.FD)("div",{className:"page-panel-information",children:[(0,n.Y)("span",{className:"page-panel-text-h3",children:"Orange"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"#FF9C4F"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"rgb(255, 156, 79)"})]})]})}),(0,n.Y)("span",{className:"page-panel-title",children:"Rouge"}),(0,n.FD)("div",{className:"page-section-row",children:[(0,n.FD)("div",{className:"page-panel-column",children:[(0,n.Y)("div",{className:"page-thumbnail red"}),(0,n.FD)("div",{className:"page-panel-information",children:[(0,n.Y)("span",{className:"page-panel-text-h3",children:"Red"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"#DC4D4D"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"rgb(220, 7

17, 77)"})]})]}),(0,n.FD)("div",{className:"page-panel-column",children:[(0,n.Y)("div",{className:"page-thumbnail red-error"}),(0,n.FD)("div",{className:"page-panel-information",children:[(0,n.Y)("span",{className:"page-panel-text-h3",children:"Red Error"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"#F03A0C"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"rgb(240, 58, 12)"})]})]}),(0,n.FD)("div",{className:"page-panel-column",children:[(0,n.Y)("div",{className:"page-thumbnail dark-red"}),(0,n.FD)("div",{className:"page-panel-information",children:[(0,n.Y)("span",{className:"page-panel-text-h3",children:"Dark Red"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"#BF2E0A"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"rgb(191, 46, 10)"})]})]})]}),(0,n.Y)("span",{className:"page-panel-title",children:"Vert"}),(0,n.FD)("div",{className:"page-section-row",children:[(0,n.FD)("div",{className:"page-panel-column",children:[(0,n.Y)("div",{className:"page-thumbnail green"}),(0,n.FD)("div",{className:"page-panel-information",children:[(0,n.Y)("span",{className:"page-panel-text-h3",children:"Green"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"#2DCC70"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"rgb(45, 204, 112)"})]})]}),(0,n.FD)("div",{className:"page-panel-column",children:[(0,n.Y)("div",{className:"page-thumbnail green-pastel"}),(0,n.FD)("div",{className:"page-panel-information",children:[(0,n.Y)("span",{className:"page-panel-text-h3",children:"Green Pastel"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"#A0C065"}),(0,n.Y)("span",{className:"page-panel-text-h9",children:"rgb(160, 192, 101)"})]})]})]})]}),(0,n.Y)("div",{className:"page-section",children:(0,n.Y)("div",{className:"page-section-title",children:"D\xe9finitions SCSS"})})]})},79246:(e,a,l)=>{"use strict";l.d(a,{A:()=>Y});var n=l(78854),s=l(81158);let i={FOUNDATIONS:{COLORS:"/fr/design-guidelines/foundations/colors",FLAGS:"/fr/design-guidelines/foundations/flags",ICONS:"/fr/design-guidelines/foundations/icons",LOGOS:"/fr/design-guidelines/foundations/logos",SHADOWS:"/fr/design-guidelines/foundations/shadows",TYPOGRAPHY:"/fr/design-guidelines/foundations/typography"},COMPONENTS:{DATES:"/fr/design-guidelines/components/pickers",INPUTS:"/fr/design-guidelines/components/inputs",MODALS:"/fr/design-guidelines/components/modals",PROMO_CODES:"/fr/design-guidelines/components/promocodes",SELECTS:"/fr/design-guidelines/components/selects",SHARED:"/fr/design-guidelines/components/shared",TABS:"/fr/design-guidelines/components/tabs",TAGS:"/fr/design-guidelines/components/tags",WIDGETS:"/fr/design-guidelines/components/widgets"},APIS:{API_DOC:"/fr/design-guidelines/apis/api-doc"}};var c=l(10554),p=l(39548),d=l(53298);let t=e=>{let{className:a}=e,l=(0,d.A)({icon:!0,"icon-opngo":!0,[a]:!!a});return(0,n.FD)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 398.106 187.997",className:l,children:[(0,n.Y)("path",{fill:"#f4c959",d:"M218.389,182.46V153.716c.064-8.26-2.248-14.993-6.689-19.468-3.9-3.929-9.367-6-15.816-6-5.856,0-12.855,2.322-17.135,7.415v-1.511a4.607,4.607,0,0,0-2.2-4.407,5.815,5.815,0,0,0-5.825,0,4.564,4.564,0,0,0-2.2,4.325l0,48.313a4.607,4.607,0,0,0,2.2,4.407,5.818,5.818,0,0,0,5.825,0,4.605,4.605,0,0,0,2.2-4.364v-26.7c0-5.973,1.633-10.194,5.011-12.918a18.118,18.118,0,0,1,12.122-4.333c7.805,0,12.281,5.555,12.281,15.24l0,28.671a4.607,4.607,0,0,0,2.2,4.407,5.815,5.815,0,0,0,5.825,0A4.564,4.564,0,0,0,218.389,182.46Z"}),(0,n.Y)("path",{fill:"#f4c959",d:"M338.468,94.425a5.68,5.68,0,0,1-5-2.98,152.568,152.568,0,0,0-268.5,0,5.68,5.68,0,1,1-9.993-5.4,163.928,163.928,0,0,1,288.485,0,5.682,5.682,0,0,1-4.992,8.383Z"}),(0,n.Y)("path",{fill:"#ffffff",d:"M72.12,114.481a40.318,40.318,0,0,0-29.973-12.554,40.32,40.32,0,0,0-29.974,12.554C3.981,122.917,0,132.907,0,145.021a42.237,42.237,0,0,0,12.173,30.422A40.32,40.32,0,0,0,42.147,188,40.318,40.318,0,0,0,72.12,175.443a43.938,43.938,0,0,0,0-60.962Zm-7.17,53.833a30.848,30.848,0,0,1-22.8,9.458,30.833,30.833,0,0,1-22.788-9.443,32.828,32.828,0,0,1-9.136-23.308,32.467,32.467,0,0,1,9.246-23.3,30.017,30.017,0,0,1,22.678-9.57,30.535,30.535,0,0,1,22.795,9.57,33.98,33.98,0,0,1,.008,46.593Z"}),(0,n.Y)("path",{fill:"#ffffff",d:"M151.22,110.556c-3.978-5.1-10.111-7.683-18.226-7.683H100.809a5.368,5.368,0,0,0-5.23,5.231l0,73.988a4.611,4.611,0,0,0,2.2,4.408,5.813,5.813,0,0,0,5.824,0,4.564,4.564,0,0,0,2.2-4.325V154.984h27.191c8.079,0,14.209-2.541,18.226-7.563,3.993-5.117,5.934-11.126,5.934-18.373C157.154,121.822,155.158,115.6,151.22,110.556ZM132.4,144.76H105.8V113.1h27.191c10.276,0,13.938,8.239,13.938,15.95C146.932,139.033,141.636,144.76,132.4,144.76Z"}),(0,n.Y)("path",{fill:"#ffffff",d:"M304.372,144.405H279.051a4.876,4.876,0,1,0,0,9.751H298.6c-2.5,15.459-12.177,23.616-28.065,23.616a30.833,30.833,0,0,1-22.788-9.443,32.825,32.825,0,0,1-9.136-23.308,32.46,32.46,0,0,1,9.247-23.3,30.012,30.012,0,0,1,22.677-9.57,31.251,31.251,0,0,1,17.169,4.986c2.633,2.024,5.244,1.909,7.171-.315a5.263,5.263,0,0,0,1.293-3.958,5.177,5.177,0,0,0-1.993-3.624,40.879,40.879,0,0,0-23.64-7.313,40.317,40.317,0,0,0-29.974,12.554c-8.192,8.436-12.174,18.425-12.174,30.54a42.234,42.234,0,0,0,12.174,30.422A40.317,40.317,0,0,0,270.532,188c23.494,0,37.285-13.3,38.833-37.533C309.365,147.643,308.8,144.405,304.372,144.405Z"}),(0,n.Y)("path",{fill:"#ffffff",d:"M385.814,114.481a42.06,42.06,0,0,0-59.948,0c-8.192,8.436-12.173,18.426-12.173,30.54a42.241,42.241,0,0,0,12.173,30.422,42.06,42.06,0,0,0,59.948,0,43.938,43.938,0,0,0,0-60.962Zm-7.171,53.833a32.218,32.218,0,0,1-45.591.015,32.828,32.828,0,0,1-9.136-23.308,32.463,32.463,0,0,1,9.247-23.3h0a30.015,30.015,0,0,1,22.677-9.57,30.535,30.535,0,0,1,22.8,9.57,33.98,33.98,0,0,1,.008,46.593Z"})]})};var r=l(42117),m=l.n(r),g=l(97323),h=l(61372),o=l(94948);let N=e=>{let{label:a,link:l}=e,{translate:i}

1=(0,s.A)(),c=(0,d.A)({"design-guideline-menu-item":!0,"is-section":!l,"is-active":!!(0,o.Vd)()&&window.location.pathname.includes(String(l))});return(0,n.FD)("div",{className:c,children:[l&&(0,n.Y)(m(),{href:l,children:(0,n.Y)("span",{className:"design-guideline-menu-label",children:i(a)})}),!l&&(0,n.Y)("span",{className:"design-guideline-menu-label",children:i(a)})]})},u=()=>{let[e,a]=(0,g.useState)(!1),l=()=>{a(!e)},s=(0,d.A)({"design-guideline-menu":!0,"is-mobile":h.Fr,hidden:h.Fr&&!e});return(0,n.FD)(n.FK,{children:[!e&&(0,n.Y)("div",{className:"icon-wrapper",children:(0,n.Y)(c.A,{onClick:l})}),e&&(0,n.Y)(p.A,{onClick:l,className:"close-menu"}),(0,n.FD)("div",{className:s,children:[(0,n.Y)(m(),{href:"/fr",children:(0,n.Y)(t,{className:"menu-logo"})}),(0,n.FD)("div",{className:"menu",children:[(0,n.Y)(N,{label:"portal.menu.designGuidelines"}),(0,n.FD)("div",{className:"design-guideline-menu-padding",children:[(0,n.Y)(N,{label:"portal.menu.foundations"}),(0,n.FD)("div",{className:"design-guideline-menu-padding",children:[(0,n.Y)(N,{label:"portal.menu.foundations.colors",link:i.FOUNDATIONS.COLORS}),(0,n.Y)(N,{label:"portal.menu.foundations.flags",link:i.FOUNDATIONS.FLAGS}),(0,n.Y)(N,{label:"portal.menu.foundations.icons",link:i.FOUNDATIONS.ICONS}),(0,n.Y)(N,{label:"portal.menu.foundations.logos",link:i.FOUNDATIONS.LOGOS}),(0,n.Y)(N,{label:"portal.menu.foundations.shadows",link:i.FOUNDATIONS.SHADOWS}),(0,n.Y)(N,{label:"portal.menu.foundations.typography",link:i.FOUNDATIONS.TYPOGRAPHY})]})]}),(0,n.FD)("div",{className:"design-guideline-menu-padding",children:[(0,n.Y)(N,{label:"portal.menu.components"}),(0,n.FD)("div",{className:"design-guideline-menu-padding",children:[(0,n.Y)(N,{label:"portal.menu.components.dates",link:i.COMPONENTS.DATES}),(0,n.Y)(N,{label:"portal.menu.components.inputs",link:i.COMPONENTS.INPUTS}),(0,n.Y)(N,{label:"portal.menu.components.modals",link:i.COMPONENTS.MODALS}),(0,n.Y)(N,{label:"portal.menu.components.promo-codes",link:i.COMPONENTS.PROMO_CODES}),(0,n.Y)(N,{label:"portal.menu.components.selects",link:i.COMPONENTS.SELECTS}),(0,n.Y)(N,{label:"portal.menu.components.shared",link:i.COMPONENTS.SHARED}),(0,n.Y)(N,{label:"portal.menu.components.tabs",link:i.COMPONENTS.TABS}),(0,n.Y)(N,{label:"portal.menu.components.tags",link:i.COMPONENTS.TAGS}),(0,n.Y)(N,{label:"portal.menu.components.widgets",link:i.COMPONENTS.WIDGETS})]})]}),(0,n.FD)("div",{className:"design-guideline-menu-padding",children:[(0,n.Y)(N,{label:"portal.menu.apis"}),(0,n.Y)("div",{className:"design-guideline-menu-padding",children:(0,n.Y)(N,{label:"portal.menu.apis.doc",link:i.APIS.API_DOC})})]})]})]})]})},Y=e=>{let{children:a}=e;return(0,s.A)("fr"),(0,n.FD)("main",{className:"design-guideline",children:[(0,n.Y)(u,{}),(0,n.Y)("div",{className:"design-guideline-page",children:a})]})}}},e=>{e.O(0,[636,6593,8792],()=>e(e.s=6255)),_N_E=e.O()}]);