1pre.diff {
 2  @media (prefers-color-scheme: dark) {
 3    color: #abb2bf;
 4  }
 5}
 6
 7.diff-add-line::before, .diff-remove-line::before, .diff-context::before {
 8  display: inline-block;
 9  color: #888;
10  -webkit-user-select: none;
11}
12
13.diff-file-header {
14  font-weight: bold;
15}
16
17.diff-file-header > span > span {
18  font-weight: normal;
19}
20
21.diff-add-line {
22  background: #e6ffec;
23  display: block;
24
25  @media (prefers-color-scheme: dark) {
26    background: rgba(70, 149, 74, 0.15);
27  }
28
29  &::before {
30    content: '+ ';
31  }
32}
33
34.diff-remove-line {
35  background: #ffebe9;
36  display: block;
37
38  @media (prefers-color-scheme: dark) {
39    background: rgba(229, 83, 75, 0.15);
40  }
41
42  &::before {
43    content: '- ';
44  }
45}
46
47.diff-context {
48  &::before {
49    content: '  ';
50  }
51}