diff --git a/docs/pages/resources/changelog.md b/docs/pages/resources/changelog.md index d2f7403412..a8bbaa209e 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 7dc0eceb05..db09e7cfd1 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 5ef6f6367d..4cf6120215 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); }