chrome-devtools-frontend/front_end/css_overview/cssOverviewSidebarPanel.css

Chrome DevTools UI

/**
 * Copyright 2019 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

.overview-sidebar-panel {
  overflow: auto;
  display: flex;
  background: var(--color-background-elevation-1);
}

.overview-sidebar-panel-item {
  height: 30px;
  padding-left: 30px;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--color-text-primary);
}

.overview-sidebar-panel-item:hover,
.overview-sidebar-panel-item:focus {
  background: var(--color-background-highlight);
}

.overview-sidebar-panel-item.selected {
  background: var(--color-primary);
  color: var(--color-background);
}

.overview-toolbar {
  border-bottom: 1px solid var(--color-details-hairline);
}