From a77ec86bdfe30300c60278535a9f6ae4b0291cbc Mon Sep 17 00:00:00 2001
From: Hawk Ticehurst <hawkticehurst@gmail.com>
Date: Thu, 14 Oct 2021 12:26:49 -0700
Subject: [PATCH] Update checkbox label and indicator design tokens to work in
 light mode themes

---
 src/checkbox/checkbox.styles.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/checkbox/checkbox.styles.ts b/src/checkbox/checkbox.styles.ts
index 83ad1496..7aa0c6f6 100644
--- a/src/checkbox/checkbox.styles.ts
+++ b/src/checkbox/checkbox.styles.ts
@@ -12,12 +12,12 @@ import {
 	checkboxBackground,
 	checkboxBorder,
 	checkboxCornerRadius,
-	checkboxForeground,
 	cornerRadius,
 	designUnit,
 	disabledOpacity,
 	focusBorder,
 	fontFamily,
+	foreground,
 	typeRampBaseFontSize,
 	typeRampBaseLineHeight,
 } from '../design-tokens';
@@ -44,7 +44,7 @@ export const CheckboxStyles = css`
 	}
 	.label {
 		font-family: ${fontFamily};
-		color: ${checkboxForeground};
+		color: ${foreground};
 		padding-inline-start: calc(${designUnit} * 2px + 2px);
 		margin-inline-end: calc(${designUnit} * 2px + 2px);
 		cursor: pointer;
@@ -57,13 +57,13 @@ export const CheckboxStyles = css`
 		width: 100%;
 		height: 100%;
 		display: block;
-		fill: ${checkboxForeground};
+		fill: ${foreground};
 		opacity: 0;
 		pointer-events: none;
 	}
 	.indeterminate-indicator {
 		border-radius: 2px;
-		background: ${checkboxForeground};
+		background: ${foreground};
 		position: absolute;
 		top: 50%;
 		left: 50%;