From 74143f04a38b297acd6405526949ee8b9bec65a2 Mon Sep 17 00:00:00 2001
From: Bart van der Schoor <bart@maykinmedia.nl>
Date: Thu, 5 Jan 2023 16:12:17 +0100
Subject: [PATCH 1/3] [#797] Fixed text/background contrast issue for success
 notification

---
 src/open_inwoner/scss/views/App.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/open_inwoner/scss/views/App.scss b/src/open_inwoner/scss/views/App.scss
index 426969ac9c..72bed457e0 100644
--- a/src/open_inwoner/scss/views/App.scss
+++ b/src/open_inwoner/scss/views/App.scss
@@ -139,7 +139,8 @@
   --color-success-lighter: hsl(
     var(--color-success-h),
     var(--color-success-s),
-    calc(var(--color-success-l) + 50%)
+    // this was +50% but +57% is needed for 4.5:1 contrast
+    calc(var(--color-success-l) + 57%)
   );
 
   --color-font-primary: var(--color-white);

From 33c4adb39376a05069cb8c39cb2bfc61069214c2 Mon Sep 17 00:00:00 2001
From: Bart van der Schoor <bart@maykinmedia.nl>
Date: Thu, 5 Jan 2023 16:16:47 +0100
Subject: [PATCH 2/3] [#797] Fixed text/background contrast issue for
 translucent breadcrumbs over the theme image

---
 src/open_inwoner/scss/components/Header/Breadcrumbs.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/open_inwoner/scss/components/Header/Breadcrumbs.scss b/src/open_inwoner/scss/components/Header/Breadcrumbs.scss
index bbc7ed5422..1cd69fbdfa 100644
--- a/src/open_inwoner/scss/components/Header/Breadcrumbs.scss
+++ b/src/open_inwoner/scss/components/Header/Breadcrumbs.scss
@@ -1,5 +1,5 @@
 .breadcrumbs {
-  background-color: rgba(255, 255, 255, 0.7);
+  background-color: white;
   overflow-x: auto;
   $hm: max(calc((100vw - var(--container-width)) / 2), var(--spacing-large));
   padding: 0 $hm;

From d4e020afd062c2668df97d0a5d56cf0f1937a564 Mon Sep 17 00:00:00 2001
From: Bart van der Schoor <bart@maykinmedia.nl>
Date: Thu, 5 Jan 2023 16:52:34 +0100
Subject: [PATCH 3/3] [#800] Fixed contrast of non-text elements like
 input-field borders, block borders, dividers etc

---
 src/open_inwoner/scss/views/App.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/open_inwoner/scss/views/App.scss b/src/open_inwoner/scss/views/App.scss
index 72bed457e0..1566a42b32 100644
--- a/src/open_inwoner/scss/views/App.scss
+++ b/src/open_inwoner/scss/views/App.scss
@@ -148,7 +148,8 @@
   --color-font-accent: var(--color-gray-dark);
 
   --color-body: var(--color-gray-dark);
-  --color-mute: var(--color-gray);
+  // changed to #949494 to get the required 3:1 contrast ratio
+  --color-mute: #949494;
 
   /// Font.