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

@@ -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 */

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);

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);