diff --git a/docs/pages/resources/changelog.md b/docs/pages/resources/changelog.md index d2f74034..a8bbaa20 100644 --- a/docs/pages/resources/changelog.md +++ b/docs/pages/resources/changelog.md @@ -21,6 +21,7 @@ New versions of Shoelace are released as-needed and generally occur when a criti - Fixed a bug in `` that caused the scroll controls to toggle indefinitely when zoomed in Safari [#1839] - Fixed a bug in the submenu controller that allowed two submenus to be open at the same time [#1880] - Fixed a bug in `` where the tag size wouldn't update with the control's size [#1886] +- Fixed a bug in `` and `` where the color of the required content wasn't applying correctly ## 2.14.0 diff --git a/src/components/checkbox/checkbox.styles.ts b/src/components/checkbox/checkbox.styles.ts index 7dc0eceb..db09e7cf 100644 --- a/src/components/checkbox/checkbox.styles.ts +++ b/src/components/checkbox/checkbox.styles.ts @@ -115,6 +115,7 @@ export default css` :host([required]) .checkbox__label::after { content: var(--sl-input-required-content); + color: var(--sl-input-required-content-color); margin-inline-start: var(--sl-input-required-content-offset); } `; diff --git a/src/components/switch/switch.styles.ts b/src/components/switch/switch.styles.ts index 5ef6f636..4cf61202 100644 --- a/src/components/switch/switch.styles.ts +++ b/src/components/switch/switch.styles.ts @@ -155,6 +155,7 @@ export default css` :host([required]) .switch__label::after { content: var(--sl-input-required-content); + color: var(--sl-input-required-content-color); margin-inline-start: var(--sl-input-required-content-offset); }