From 70766b4e68db700a8d4e1237e411f1afd308323f Mon Sep 17 00:00:00 2001
From: Felix Becker <71324952+fbecker-complex@users.noreply.github.com>
Date: Fri, 21 Oct 2022 14:59:20 +0200
Subject: [PATCH] add new theme token --sl-input-required-content-color to both
 themes (#948)

* add new theme token --sl-input-required-content-color to both themes

* use new token

* use label color as default value
---
 src/styles/form-control.styles.ts | 1 +
 src/themes/dark.css               | 1 +
 src/themes/light.css              | 1 +
 3 files changed, 3 insertions(+)

diff --git a/src/styles/form-control.styles.ts b/src/styles/form-control.styles.ts
index 5dad7e15f..e084f1bd4 100644
--- a/src/styles/form-control.styles.ts
+++ b/src/styles/form-control.styles.ts
@@ -31,6 +31,7 @@ export default css`
   :host([required]) .form-control--has-label .form-control__label::after {
     content: var(--sl-input-required-content);
     margin-inline-start: var(--sl-input-required-content-offset);
+    color: var(--sl-input-required-content-color);
   }
 
   /* Help text */
diff --git a/src/themes/dark.css b/src/themes/dark.css
index 751df18f0..f80309697 100644
--- a/src/themes/dark.css
+++ b/src/themes/dark.css
@@ -434,6 +434,7 @@
   --sl-input-border-width: 1px;
   --sl-input-required-content: '*';
   --sl-input-required-content-offset: -2px;
+  --sl-input-required-content-color: var(--sl-input-label-color);
 
   --sl-input-border-radius-small: var(--sl-border-radius-medium);
   --sl-input-border-radius-medium: var(--sl-border-radius-medium);
diff --git a/src/themes/light.css b/src/themes/light.css
index 669048958..0b1dc4599 100644
--- a/src/themes/light.css
+++ b/src/themes/light.css
@@ -434,6 +434,7 @@
   --sl-input-border-width: 1px;
   --sl-input-required-content: '*';
   --sl-input-required-content-offset: -2px;
+  --sl-input-required-content-color: var(--sl-input-label-color);
 
   --sl-input-border-radius-small: var(--sl-border-radius-medium);
   --sl-input-border-radius-medium: var(--sl-border-radius-medium);