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 {