obsidian-plugin/friebetill_obsidian-file-diff
1
0
Fork 0
mirror of https://github.com/friebetill/obsidian-file-diff.git synced 2026-07-22 07:40:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

I fixed the colors using the css mix function it'll now work on any theme.

Browse source
This commit is contained in:
Justice Vellacott 2025-08-03 22:23:57 -04:00
parent 08e488d425
commit 185f95f30a
1 changed files with 15 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
styles.css
View file

@ -13,48 +13,24 @@
text-align: right;
}
@media (prefers-color-scheme: light) {
.file-diff__top-line__bg {
background-color: #d9f4ef;
border-radius: 0.25rem; /* 4px */
}
.file-diff_top-line__character {
background-color: #99e1d3;
border-radius: 0.25rem; /* 4px */
}
.file-diff__bottom-line__bg {
background-color: #d9edff;
border-radius: 0.25rem; /* 4px */
}
.file-diff_bottom-line__character {
background-color: #b1d4f2;
border-radius: 0.25rem; /* 4px */
}
.file-diff__top-line__bg {
background-color: color-mix(in srgb, var(--background-primary), #0fc 15%);
border-radius: 0.25rem; /* 4px */
}
@media (prefers-color-scheme: dark) {
.file-diff__top-line__bg {
background-color: #25403b;
border-radius: 0.25rem; /* 4px */
}
.file-diff_top-line__character {
background-color: color-mix(in srgb, var(--background-primary), #0fc 50%);
border-radius: 0.25rem; /* 4px */
}
.file-diff_top-line__character {
background-color: #236559;
border-radius: 0.25rem; /* 4px */
}
.file-diff__bottom-line__bg {
background-color: color-mix(in srgb, var(--background-primary), #08f 15%);
border-radius: 0.25rem; /* 4px */
}
.file-diff__bottom-line__bg {
background-color: #25394b;
border-radius: 0.25rem; /* 4px */
}
.file-diff_bottom-line__character {
background-color: #2e618d;
border-radius: 0.25rem; /* 4px */
}
.file-diff_bottom-line__character {
background-color: color-mix(in srgb, var(--background-primary), #08f 50%);
border-radius: 0.25rem; /* 4px */
}
.file-diff__no-bottom-border {
@ -68,7 +44,7 @@
}
.file-diff__action-line {
color: #919191;
color: var(--text-muted);
}
/* Tailwind CSS */