From 588a6401fa4cf0352bac83890933c62331bb75d6 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Mon, 15 Jun 2026 19:02:20 +0200
Subject: [PATCH] Task/improve styling of checkboxes (#7046)

* Improve styling

* Update changelog
---
 CHANGELOG.md                      | 6 ++++++
 apps/client/src/styles/theme.scss | 5 ++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 4f023da8f..d384cd430 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## Unreleased
+
+### Changed
+
+- Improved the styling of the checkboxes to consistently use the primary color in their states
+
 ## 3.11.0 - 2026-06-14
 
 ### Added
diff --git a/apps/client/src/styles/theme.scss b/apps/client/src/styles/theme.scss
index ef2fa397c..75ecc210d 100644
--- a/apps/client/src/styles/theme.scss
+++ b/apps/client/src/styles/theme.scss
@@ -312,7 +312,10 @@ $gf-typography: (
 
   @include mat.checkbox-overrides(
     (
-      selected-icon-color: var(--gf-theme-primary-500)
+      selected-focus-icon-color: var(--gf-theme-primary-500),
+      selected-hover-icon-color: var(--gf-theme-primary-500),
+      selected-icon-color: var(--gf-theme-primary-500),
+      selected-pressed-icon-color: var(--gf-theme-primary-500)
     )
   );