.nightshade-diff {
border: 1px solid var(--nightshade-panel-border);
border-radius: 9px;
overflow: auto;
font-family: var(--nightshade-mono);
font-size: 12px;
line-height: 1.5;
}
.nightshade-diff-line {
display: flex;
align-items: baseline;
gap: 8px;
padding: 0 10px;
white-space: pre;
}
.nightshade-diff-line.insert {
background: color-mix(in srgb, #4ade80 16%, transparent);
}
.nightshade-diff-line.delete {
background: color-mix(in srgb, var(--nightshade-danger) 16%, transparent);
}
.nightshade-diff-num {
flex: 0 0 auto;
width: 34px;
text-align: right;
color: var(--nightshade-text-dim);
user-select: none;
}
.nightshade-diff-marker {
flex: 0 0 auto;
width: 10px;
color: var(--nightshade-text-dim);
}
.nightshade-diff-line.insert .nightshade-diff-marker {
color: #4ade80;
}
.nightshade-diff-line.delete .nightshade-diff-marker {
color: var(--nightshade-danger);
}
.nightshade-diff-text {
flex: 1 1 auto;
}