chrome-devtools-frontend/front_end/ui/legacy/components/cookie_table/cookiesTable.css

Chrome DevTools UI

/*
 * Copyright (c) 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.
 */

.cookies-table {
  --override-flagged-row-background-color-odd: rgb(247 234 161);
  --override-flagged-row-background-color-even: rgb(255 240 155);
}

.-theme-with-dark-background .cookies-table,
:host-context(.-theme-with-dark-background) .cookies-table {
  --override-flagged-row-background-color-odd: rgb(94 81 8);
  --override-flagged-row-background-color-even: rgb(121 103 0);
}

.cookies-table devtools-icon {
  margin-right: 4px;
  margin-bottom: -2px;
}

.cookies-table td.flagged-cookie-attribute-cell devtools-icon {
  filter: grayscale();
}

.cookies-table:focus-within tr.flagged-cookie-attribute-row.selected devtools-icon {
  filter: brightness(0) invert(1);
}

.cookies-table tr.revealed.data-grid-data-grid-node.flagged-cookie-attribute-row:not(.selected):nth-child(odd) {
  background-color: var(--override-flagged-row-background-color-odd);
}

.cookies-table tr.revealed.data-grid-data-grid-node.flagged-cookie-attribute-row:not(.selected):nth-child(even) {
  background-color: var(--override-flagged-row-background-color-even);
}