Skip to content

[Bug]: <Tag type=outline /> background-color is incorrect on Layer 1/2/3 #16189

Open

Description

Package

@carbon/react

Browser

Chrome

Package version

1.55.0

React version

18.2.0

Description

When rendered on Layer 1, 2, or 3, the background color of a Tag with type=outline is incorrect. The background color is --cds-background instead of --cds-layer.

Reproduction/example

https://stackblitz.com/edit/github-srfy1t-qa1mdh?file=src%2FApp.jsx

image

Steps to reproduce

Render a Tag with type=outline on layer 1, 2, or 3

Suggested Severity

Severity 3 = User can complete task, and/or has a workaround within the user experience of a given component.

Application/PAL

IBM Z Hardware Management Console

Code of Conduct

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Type

    Projects

    • Status

      ⏱ Backlog

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions