diff --git a/apps/pdc-frontend/src/app/[locale]/products/[slug]/page.tsx b/apps/pdc-frontend/src/app/[locale]/products/[slug]/page.tsx index 8c7892152..537ec9c07 100644 --- a/apps/pdc-frontend/src/app/[locale]/products/[slug]/page.tsx +++ b/apps/pdc-frontend/src/app/[locale]/products/[slug]/page.tsx @@ -64,7 +64,7 @@ const LogoButton = ({ logo, appearance, href, text, label }: any) => { appearance="primary-action-button" href={href} aria-label={label} - className="utrecht-button-link--magenta" + className="utrecht-button-link--eherkenning" > {text} diff --git a/apps/pdc-frontend/src/styles/globals.css b/apps/pdc-frontend/src/styles/globals.css index f334fd652..40030930c 100644 --- a/apps/pdc-frontend/src/styles/globals.css +++ b/apps/pdc-frontend/src/styles/globals.css @@ -107,13 +107,13 @@ th > p { --utrecht-paragraph-font-weight: var(--utrecht-table-header-font-weight); } -.utrecht-button-link--magenta { +.utrecht-button-link--eherkenning { --utrecht-button-primary-action-focus-border-color: var(--utrecht-color-grey-10); --utrecht-button-primary-action-active-border-color: var(--utrecht-color-grey-10); --utrecht-button-primary-action-active-color: var(--utrecht-color-white); - --utrecht-button-primary-action-background-color: var(--utrecht-color-secondary-magenta); - --utrecht-button-primary-action-active-background-color: var(--utrecht-color-secondary-magenta); - --utrecht-button-primary-action-hover-background-color: var(--utrecht-color-secondary-magenta); - --utrecht-button-primary-action-focus-background-color: var(--utrecht-color-secondary-magenta); - --utrecht-button-primary-action-pressed-background-color: var(--utrecht-color-secondary-magenta); + --utrecht-button-primary-action-background-color: #bc3983; + --utrecht-button-primary-action-active-background-color: #bc3983; + --utrecht-button-primary-action-hover-background-color: #bc3983; + --utrecht-button-primary-action-focus-background-color: #bc3983; + --utrecht-button-primary-action-pressed-background-color: #bc3983; }