From 60ed027c161f18db21791fcdde0a92e899f48040 Mon Sep 17 00:00:00 2001
From: Amy Sorto <8575252+amysorto@users.noreply.github.com>
Date: Thu, 8 Feb 2024 16:28:06 +0000
Subject: [PATCH] Make checkmark color match text color

---
 src/material/button-toggle/button-toggle.scss | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/material/button-toggle/button-toggle.scss b/src/material/button-toggle/button-toggle.scss
index 9b6abdaeac3a..af26d094ae15 100644
--- a/src/material/button-toggle/button-toggle.scss
+++ b/src/material/button-toggle/button-toggle.scss
@@ -53,6 +53,12 @@ $_standard-tokens: (
   @include token-utils.use-tokens($_standard-tokens...) {
     @include token-utils.create-token-slot(border-radius, shape);
     border: solid 1px var(#{token-utils.get-token-variable(divider-color)});
+
+    .mat-pseudo-checkbox {
+      --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(
+        #{token-utils.get-token-variable(selected-state-text-color)}
+      );
+    }
   }
 
   &:not([class*='mat-elevation-z']) {
@@ -81,6 +87,9 @@ $_standard-tokens: (
   @include token-utils.use-tokens($_legacy-tokens...) {
     @include token-utils.create-token-slot(color, text-color);
     @include token-utils.create-token-slot(font-family, text-font);
+    --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(
+      #{token-utils.get-token-variable(selected-state-text-color)}
+    );
 
     &.cdk-keyboard-focused .mat-button-toggle-focus-overlay {
       @include token-utils.create-token-slot(opacity, focus-state-layer-opacity);
@@ -112,6 +121,9 @@ $_standard-tokens: (
   @include token-utils.use-tokens($_legacy-tokens...) {
     @include token-utils.create-token-slot(color, disabled-state-text-color);
     @include token-utils.create-token-slot(background-color, disabled-state-background-color);
+    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: var(
+      #{token-utils.get-token-variable(disabled-state-text-color)}
+    );
 
     &.mat-button-toggle-checked {
       @include token-utils.create-token-slot(background-color,
@@ -151,6 +163,12 @@ $_standard-tokens: (
       @include token-utils.create-token-slot(color, disabled-state-text-color);
       @include token-utils.create-token-slot(background-color, disabled-state-background-color);
 
+      .mat-pseudo-checkbox {
+        --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: var(
+          #{token-utils.get-token-variable(disabled-selected-state-text-color)}
+        );
+      }
+
       &.mat-button-toggle-checked {
         @include token-utils.create-token-slot(color, disabled-selected-state-text-color);
         @include token-utils.create-token-slot(background-color,