chrome/browser/resources/omnibox/ml/ml_table.css

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

:host {
  display: block
}

select {
  color: var(--text);
  font: normal 12px arial;
  border: 0;
  background-color: var(--theme);
  outline: 1px solid var(--dark-border);
  margin-top: 1px;
  margin-left: 15px;
}

select:hover {
  outline-color: var(--active-border);
}

select:active {
  outline-color: var(--active-border);
}

.table {
  display: grid;
  /* Keep consistent with MlTableElement.setTable(). */
  grid-template-columns:
      repeat(2, minmax(1%, 120px))
      repeat(2, minmax(120px, 1fr))
      repeat(34, minmax(1%, 50px));
  grid-template-rows: 8em;
  grid-auto-rows: 3em;
  line-height: 1em;
}

.thead,
.tr,
.tbody {
  display: contents;
}

.th,
.td {
  border: 6px solid;
  overflow: hidden;
}

.th {
  background-color: var(--dark-background);
  border-color: var(--dark-background);
}

.td {
  word-break: break-word;
  border-color: var(--theme);
}

.th:only-child, .td:only-child {
  grid-column: 1 / -1;
}

.th:only-child {
  font-size: 14px;
  font-weight: bold;
}

.tbody .tr:nth-child(even) .td {
  background-color: var(--light-background);
  border-color: var(--light-background);
}

.th:nth-child(3n),
.td:nth-child(3n) {
  color: var(--red-text);
}

.th:nth-child(3n+1),
.td:nth-child(3n+1) {
  color: var(--green-text);
}

.th:nth-child(3n+2),
.td:nth-child(3n+2) {
  color: var(--blue-text);
}

.th:only-child {
  color: var(--text);
}

.tbody .tr:hover .td:not(:only-child) {
  background-color: var(--hover-background);
  border-color: var(--hover-background);
}

.tbody .tr.selected .td:not(:only-child) {
  background-color: var(--active-background);
  border-color: var(--active-background);
}