fix tab style in hc mode (#22975)

This commit is contained in:
Alan Ren
2023-05-04 21:53:24 -07:00
committed by GitHub
parent 88197a5162
commit b37df9b6ad

View File

@@ -439,11 +439,19 @@ export class PanelComponent extends Disposable implements IThemable {
if (styles.selectedTabContrastBorder) {
content.push(`
.tabbedPanel > .title .tabList .tab-header:focus,
.tabbedPanel > .title .tabList .tab-header.selected {
outline: 1px solid;
outline-width: 1px;
outline-offset: -3px;
outline-color: ${styles.selectedTabContrastBorder};
}
.tabbedPanel > .title .tabList .tab-header.selected {
outline-style: dashed;
}
.tabbedPanel > .title .tabList .tab-header:focus,
.tabbedPanel > .title .tabList .tab-header.selected:focus {
outline-style: solid;
}
`);
}