Skip to content

Commit fa8cd37

Browse files
committed
fix(tag): higher specificity for color definition in hover states
1 parent 0a83b8c commit fa8cd37

File tree

1 file changed

+3
-0
lines changed

1 file changed

+3
-0
lines changed

components/tag/index.css

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -330,6 +330,7 @@ governing permissions and limitations under the License.
330330
&:hover {
331331
border-color: var(--highcontrast-tag-border-color-selected-hover, var(--mod-tag-border-color-selected-hover, var(--spectrum-tag-border-color-selected-hover)));
332332
background-color: var(--highcontrast-tag-background-color-selected-hover, var(--mod-tag-background-color-selected-hover, var(--spectrum-tag-background-color-selected-hover)));
333+
color: var(--highcontrast-tag-content-color-selected, var(--mod-tag-content-color-selected, var(--spectrum-tag-content-color-selected)));
333334
}
334335

335336
&:active {
@@ -373,6 +374,7 @@ governing permissions and limitations under the License.
373374
&:hover {
374375
border-color: var(--highcontrast-tag-border-color-invalid-selected-hover, var(--mod-tag-border-color-invalid-selected-hover, var(--spectrum-tag-border-color-invalid-selected-hover)));
375376
background-color: var(--highcontrast-tag-background-color-invalid-selected-hover, var(--mod-tag-background-color-invalid-selected-hover, var(--spectrum-tag-background-color-invalid-selected-hover)));
377+
color: var(--highcontrast-tag-content-color-invalid-selected, var(--mod-tag-content-color-invalid-selected, var(--spectrum-tag-content-color-invalid-selected)));
376378
}
377379

378380
&:active {
@@ -398,6 +400,7 @@ governing permissions and limitations under the License.
398400
&:hover {
399401
border-color: var(--highcontrast-tag-border-color-emphasized-hover, var(--mod-tag-border-color-emphasized-hover, var(--spectrum-tag-border-color-emphasized-hover)));
400402
background-color: var(--highcontrast-tag-background-color-emphasized-hover, var(--mod-tag-background-color-emphasized-hover, var(--spectrum-tag-background-color-emphasized-hover)));
403+
color: var(--highcontrast-tag-content-color-emphasized, var(--mod-tag-content-color-emphasized, var(--spectrum-tag-content-color-emphasized)));
401404
}
402405

403406
&:active {

0 commit comments

Comments
 (0)