Skip to content

[TAB] not able to set background color of a tab #1900

Closed
@fransdeboer

Description

@fransdeboer

Provide a general summary of the issue here

the background of the tab should be blue, but sl-tab-group sets background: var(--sl-elevation-surface-raised-default);

Image

temporary fix for this problem could be

sl-tab-group {
  background-color: unset;
}
sl-tab-group::part(container) {
  background-color: var(--sl-elevation-surface-raised-default);
}

🤔 Expected Behavior?

background of sl-tab should not be set by sl-tab-group.

😯 Current Behavior

💁 Possible Solution

only set the background of the sl-tab-group header to white

🖥️ Steps to Reproduce

What browsers are you seeing the problem on? (only for bugs in code)

Chrome

If other, please specify.

No response

What operating system are you using?

WSL

👤 Your name

Frans de Boer

🧢 Your product/team

Magister

🎨 Your Theme(s)

Magister

Metadata

Metadata

Assignees

Labels

Type

Projects

Status

✅ Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions