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

```
.Element,
```
```
.InactiveSelectedElement,
```
```
.SelectedElement,
```
```
.HoveredElement {
```
```
  color: var(--color-component-name);
```
```
}
```
```
.HoveredElement {
```

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

```
}
```
```
.InactiveSelectedElement {
```

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

```
}
```
```
.Wrapper {
```
```
  padding: 0 0.25rem;
```
```
  white-space: pre;
```
```
  height: var(--line-height-data);
```

  line-height: var(--line-height-data);

```
  display: inline-flex;
```
```
  align-items: center;
```
```
  cursor: default;
```
```
  user-select: none;
```
```
}
```
```
.SelectedElement {
```

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

```
  color: var(--color-text-selected);
```
```
  /* Invert colors */
```

  --color-component-name: var(--color-component-name-inverted);

  --color-text: var(--color-text-selected);

  --color-component-badge-background: var(

    --color-component-badge-background-inverted

```
  );
```

  --color-component-badge-count: var(--color-component-badge-count-inverted);

  --color-attribute-name: var(--color-attribute-name-inverted);

  --color-attribute-value: var(--color-attribute-value-inverted);

  --color-expand-collapse-toggle: var(--color-component-name-inverted);

```
}
```
```
.KeyName {
```
```
  color: var(--color-attribute-name);
```
```
}
```
```
.KeyValue {
```
```
  color: var(--color-attribute-value);
```
```
  user-select: text;
```
```
  max-width: 100px;
```
```
  overflow-x: hidden;
```
```
  text-overflow: ellipsis;
```
```
}
```
```
.Highlight {
```

  background-color: var(--color-search-match);

```
}
```
```
.CurrentHighlight {
```

  background-color: var(--color-search-match-current);

```
}
```
```
.ExpandCollapseToggle {
```
```
  display: inline-flex;
```
```
  width: 1rem;
```
```
  height: 1rem;
```
```
  flex: 0 0 1rem;
```

  color: var(--color-expand-collapse-toggle);

```
}
```
```
.Badge {
```
```
  margin-left: 0.25rem;
```
```
}
```
```
.ErrorIcon,
```
```
.ErrorIconContrast,
```
```
.StrictMode,
```
```
.StrictModeContrast,
```
```
.WarningIcon,
```
```
.WarningIconContrast {
```
```
  height: 0.75rem !important;
```
```
  width: 0.75rem !important;
```
```
  margin-left: 0.25rem;
```
```
}
```
```
.ErrorIcon {
```

  color: var(--color-console-error-icon);

```
}
```
```
.StrictMode {
```
```
  color: var(--color-dimmer);
```
```
}
```
```
.WarningIcon {
```

  color: var(--color-console-warning-icon);

```
}
```

.ErrorIconContrast, .WarningIconContrast {

```
  color: var(--color-component-name);
```
```
}
```
```
.StrictModeContrast {
```
```
  color: var(--color-text);
```
```
}
```

About Sign Up Leave Feedback Contact