diff --git a/src/ui/css/diff2html.css b/src/ui/css/diff2html.css
index 4a30ba5..da37804 100644
--- a/src/ui/css/diff2html.css
+++ b/src/ui/css/diff2html.css
@@ -6,10 +6,11 @@
*/
:root {
- --d2h-color: rgba(0, 0, 0, 0.3);
--d2h-bg-color: #fff;
--d2h-border-color: #ddd;
+ --d2h-dim-color: rgba(0, 0, 0, 0.3);
+
--d2h-line-border-color: #eeeeee;
--d2h-file-header-bg-color: #f7f7f7;
@@ -47,6 +48,8 @@
--d2h-dark-bg-color: #272822;
--d2h-dark-border-color: #494b40;
+ --d2h-dark-dim-color: #929292;
+
--d2h-dark-line-border-color: #5a5c51;
--d2h-dark-file-header-bg-color: #4f5146;
@@ -55,6 +58,8 @@
--d2h-dark-empty-placeholder-bg-color: #494b40;
--d2h-dark-empty-placeholder-border-color: #66695a;
+ --d2h-dark-selected-color: #00489f;
+
--d2h-dark-ins-bg-color: #0f4a07;
--d2h-dark-ins-border-color: #219f1f;
--d2h-dark-ins-highlight-bg-color: #177016;
@@ -69,7 +74,7 @@
--d2h-dark-change-ins-color: #366b36;
--d2h-dark-info-bg-color: #32342c;
- --d2h-dark-info-color: #929292;
+ --d2h-dark-info-border-color: #4f5146;
--d2h-dark-change-label-color: #d0b44c;
--d2h-dark-moved-label-color: #3572b0;
@@ -272,7 +277,7 @@
position: absolute;
display: inline-block;
background-color: var(--d2h-bg-color);
- color: var(--d2h-color);
+ color: var(--d2h-dim-color);
text-align: right;
border: solid var(--d2h-line-border-color);
border-width: 0 1px 0 1px;
@@ -290,7 +295,7 @@
box-sizing: border-box;
width: 4em;
background-color: var(--d2h-bg-color);
- color: var(--d2h-color);
+ color: var(--d2h-dim-color);
text-align: right;
border: solid var(--d2h-line-border-color);
border-width: 0 1px 0 1px;
@@ -338,7 +343,7 @@
.d2h-info {
background-color: var(--d2h-info-bg-color);
- color: var(--d2h-color);
+ color: var(--d2h-dim-color);
border-color: var(--d2h-info-border-color);
}
@@ -500,7 +505,7 @@
.d2h-dark-color-scheme .d2h-code-side-linenumber {
background-color: var(--d2h-dark-bg-color);
- color: var(--d2h-dark-color);
+ color: var(--d2h-dark-dim-color);
border-color: var(--d2h-dark-line-border-color);
}
@@ -512,7 +517,7 @@
.d2h-dark-color-scheme .d2h-code-linenumber {
background-color: var(--d2h-dark-bg-color);
- color: var(--d2h-dark-color);
+ color: var(--d2h-dark-dim-color);
border-color: var(--d2h-dark-line-border-color);
}
@@ -528,8 +533,8 @@
.d2h-dark-color-scheme .d2h-info {
background-color: var(--d2h-dark-info-bg-color);
- color: var(--d2h-dark-info-color);
- border-color: var(--d2h-dark-border-color);
+ color: var(--d2h-dark-dim-color);
+ border-color: var(--d2h-dark-info-border-color);
}
.d2h-dark-color-scheme .d2h-file-diff .d2h-del.d2h-change {
@@ -549,7 +554,7 @@
}
.d2h-dark-color-scheme .d2h-file-collapse.d2h-selected {
- background-color: var(--d2h-dark-bg-color);
+ background-color: var(--d2h-dark-selected-color);
}
.d2h-dark-color-scheme .d2h-file-list-wrapper a {
@@ -564,6 +569,14 @@
border-bottom: var(--d2h-dark-bg-color) solid 1px;
}
+.d2h-dark-color-scheme .d2h-deleted {
+ color: var(--d2h-dark-del-label-color);
+}
+
+.d2h-dark-color-scheme .d2h-added {
+ color: var(--d2h-dark-ins-label-color);
+}
+
.d2h-dark-color-scheme .d2h-changed {
color: var(--d2h-dark-change-label-color);
}
@@ -577,11 +590,11 @@
}
.d2h-dark-color-scheme .d2h-deleted-tag {
- border: var(--d2h-dark-del-border-color) 1px solid;
+ border: var(--d2h-dark-del-label-color) 1px solid;
}
.d2h-dark-color-scheme .d2h-added-tag {
- border: var(--d2h-dark-ins-bg-color) 1px solid;
+ border: var(--d2h-dark-ins-label-color) 1px solid;
}
.d2h-dark-color-scheme .d2h-changed-tag {
@@ -640,7 +653,7 @@
.d2h-auto-color-scheme .d2h-code-side-linenumber {
background-color: var(--d2h-dark-bg-color);
- color: var(--d2h-dark-color);
+ color: var(--d2h-dark-dim-color);
border-color: var(--d2h-dark-line-border-color);
}
@@ -652,7 +665,7 @@
.d2h-auto-color-scheme .d2h-code-linenumber {
background-color: var(--d2h-dark-bg-color);
- color: var(--d2h-dark-color);
+ color: var(--d2h-dark-dim-color);
border-color: var(--d2h-dark-line-border-color);
}
@@ -668,8 +681,8 @@
.d2h-auto-color-scheme .d2h-info {
background-color: var(--d2h-dark-info-bg-color);
- color: var(--d2h-dark-info-color);
- border-color: var(--d2h-dark-border-color);
+ color: var(--d2h-dark-color);
+ border-color: var(--d2h-dark-info-border-color);
}
.d2h-auto-color-scheme .d2h-file-diff .d2h-del.d2h-change {
@@ -689,7 +702,7 @@
}
.d2h-auto-color-scheme .d2h-file-collapse.d2h-selected {
- background-color: var(--d2h-dark-bg-color);
+ background-color: var(--d2h-dark-selected-color);
}
.d2h-auto-color-scheme .d2h-file-list-wrapper a {
@@ -704,6 +717,14 @@
border-bottom: var(--d2h-dark-bg-color) solid 1px;
}
+ .d2h-dark-color-scheme .d2h-deleted {
+ color: var(--d2h-dark-del-label-color);
+ }
+
+ .d2h-auto-color-scheme .d2h-added {
+ color: var(--d2h-dark-ins-label-color);
+ }
+
.d2h-auto-color-scheme .d2h-changed {
color: var(--d2h-dark-change-label-color);
}
@@ -717,11 +738,11 @@
}
.d2h-auto-color-scheme .d2h-deleted-tag {
- border: var(--d2h-dark-del-border-color) 1px solid;
+ border: var(--d2h-dark-del-label-color) 1px solid;
}
.d2h-auto-color-scheme .d2h-added-tag {
- border: var(--d2h-dark-ins-bg-color) 1px solid;
+ border: var(--d2h-dark-ins-label-color) 1px solid;
}
.d2h-auto-color-scheme .d2h-changed-tag {