From d5255f99605860ab742be6011ceb6102460e131f Mon Sep 17 00:00:00 2001
From: imagoiq <12294151+imagoiq@users.noreply.github.com>
Date: Tue, 16 Apr 2024 10:07:18 +0200
Subject: [PATCH 1/2] fix(styles): Checkbox checkmark are invisible on dark
 background

---
 .changeset/shy-melons-kiss.md                  | 5 +++++
 packages/styles/src/components/form-check.scss | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/shy-melons-kiss.md

diff --git a/.changeset/shy-melons-kiss.md b/.changeset/shy-melons-kiss.md
new file mode 100644
index 0000000000..0b09a75308
--- /dev/null
+++ b/.changeset/shy-melons-kiss.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': patch
+---
+
+Fixed usage of background color on checkbox which make the checkmark invisible on dark background.
diff --git a/packages/styles/src/components/form-check.scss b/packages/styles/src/components/form-check.scss
index 0d71dda0a5..459b08a605 100644
--- a/packages/styles/src/components/form-check.scss
+++ b/packages/styles/src/components/form-check.scss
@@ -52,7 +52,7 @@
     display: inline-flex;
     flex: 0 auto;
     appearance: none;
-    background: color.$white;
+    background: transparent;
     height: form-check.$form-check-input-size;
     width: form-check.$form-check-input-size;
     border: form-check.$form-check-input-border-width solid

From bcd4c31d9104bdd0b1e8fc141e056800972f64e0 Mon Sep 17 00:00:00 2001
From: imagoiq <12294151+imagoiq@users.noreply.github.com>
Date: Tue, 16 Apr 2024 10:57:06 +0200
Subject: [PATCH 2/2] Remove duplicate on switch

---
 packages/styles/src/components/form-check.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/styles/src/components/form-check.scss b/packages/styles/src/components/form-check.scss
index 459b08a605..386f46e5db 100644
--- a/packages/styles/src/components/form-check.scss
+++ b/packages/styles/src/components/form-check.scss
@@ -182,7 +182,6 @@
 
 .form-switch {
   .form-check-input {
-    background-color: transparent;
     height: form-check.$form-switch-height;
     width: form-check.$form-switch-width;
     border: 0;