front_end/ui/components/diff_view/diffView.css

/*
 * Copyright 2021 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.
 */

.diff-listing {
  display: grid;
  grid-template-columns: max-content max-content max-content auto;
  font-family: var(--source-code-font-family);
  font-size: var(--source-code-font-size);
  white-space: pre;
  line-height: 1.2em;
  user-select: text;
}

.diff-line-number {
  color: var(--color-line-number);
  padding: 0 3px 0 9px;
  text-align: right;
  user-select: none;
}

.diff-line-marker {
  border-right: 1px solid var(--color-details-hairline);
  width: 20px;
  text-align: center;
}

.diff-line-content {
  padding: 0 4px;
}

.diff-line-marker-addition,
.diff-line-addition {
  --override-addition-background-color: hsl(144deg 55% 49% / 20%);

  background-color: var(--override-addition-background-color);
}

.diff-line-marker-deletion,
.diff-line-deletion {
  --override-deletion-background-color: rgb(255 0 0 / 20%);

  background-color: var(--override-deletion-background-color);
}

.diff-line-addition .inner-diff {
  --override-addition-inner-diff-background-color: hsl(144deg 55% 49% / 30%);

  background-color: var(--override-addition-inner-diff-background-color);
}

.diff-line-deletion .inner-diff {
  --override-deletion-inner-diff-background-color: rgb(255 0 0 / 30%);

  background-color: var(--override-deletion-inner-diff-background-color);
}

.diff-hidden-text {
  display: inline-block;
  width: 0;
  overflow: hidden;
}

.diff-line-equal {
  opacity: 50%;
}

.diff-line-spacer {
  --override-spacer-background-color: rgb(0 0 255 / 10%);

  text-align: center;
  background-color: var(--override-spacer-background-color);
}