Viewing github.com/facebook/react/packages/react-devtools-shared/src/devtools/views/TabBar.css

```
.Tab,
```
```
.TabCurrent,
```
```
.TabDisabled {
```
```
  height: 100%;
```
```
  display: flex;
```
```
  align-items: center;
```
```
  cursor: pointer;
```
```
  border-top: 3px solid transparent;
```

  border-bottom: 3px solid transparent;

```
  user-select: none;
```
```
  color: var(--color-text);
```

  /* Hide radio buttons for Firefox too */

```
  position:  relative;
```
```
  /* Electron drag area */
```
```
  -webkit-app-region: no-drag;
```
```
}
```
```
.Tab:hover,
```
```
.TabCurrent:hover {
```

  background-color: var(--color-background-hover);

```
}
```
```
.Tab:focus-within,
```
```
.TabCurrent:focus-within {
```

  background-color: var(--color-background-hover);

```
}
```
```
.TabCurrent {
```

  border-bottom: 3px solid var(--color-tab-selected-border);

```
}
```
```
.TabDisabled {
```
```
  color: var(--color-dim);
```
```
  cursor: default;
```
```
}
```
```
.TabSizeNavigation {
```

  font-size: var(--font-size-sans-large);

```
  padding: 0.5rem 1rem;
```
```
}
```
```
.TabSizeProfiler {
```

  font-size: var(--font-size-sans-normal);

```
  padding: 0.25rem 0.5rem;
```
```
}
```
```
.TabSizeSettings {
```

  font-size: var(--font-size-sans-normal);

```
  padding: 0.25rem 0.5rem;
```
```
}
```
```
.Input {
```
```
  width: 0;
```
```
  margin: 0;
```
```
  opacity: 0;
```

  /* Hide radio buttons for Firefox too */

```
  position:  absolute;
```
```
}
```
```
.IconSizeNavigation,
```
```
.IconSizeProfiler,
```
```
.IconSizeSettings {
```
```
  margin-right: 0.5rem;
```
```
  color: var(--color-button-active);
```
```
}
```
```
.IconDisabled {
```
```
  color: var(--color-dim);
```
```
}
```
```
.IconSizeNavigation {
```
```
  width: 1.5rem;
```
```
  height: 1.5rem;
```
```
}
```
```
.IconSizeProfiler {
```
```
  width: 1rem;
```
```
  height: 1rem;
```
```
}
```
```
.IconSizeSettings {
```
```
  width: 1rem;
```
```
  height: 1rem;
```
```
}
```
```
.TabLabelNavigation,
```
```
.TabLabelProfiler,
```
```
.TabLabelSettings {
```
```
}
```
```
.VRule {
```
```
  height: 20px;
```
```
  width: 1px;
```

  border-left: 1px solid var(--color-border);

```
  padding-left: 0.25rem;
```
```
  margin-left: 0.25rem;
```
```
}
```
```
@media screen and (max-width: 525px) {
```
```
  .IconSizeNavigation {
```
```
    margin-right: 0;
```
```
  }
```
```
  .TabLabelNavigation {
```
```
    display: none;
```
```
  }
```
```
}
```
```
@media screen and (max-width: 900px) {
```
```
  .TabLabelProfiler {
```
```
    display: none;
```
```
  }
```
```
  .IconSizeProfiler {
```
```
    margin-right: 0;
```
```
  }
```
```
}
```
```
@media screen and (max-width: 400px) {
```
```
  .TabLabelSettings {
```
```
    display: none;
```
```
  }
```
```
  .IconSizeSettings {
```
```
    margin-right: 0;
```
```
  }
```
```
}
```

About Sign Up Leave Feedback Contact