diff --git a/src/ui/css/diff2html.css b/src/ui/css/diff2html.css index 528cd93..5c515ac 100644 --- a/src/ui/css/diff2html.css +++ b/src/ui/css/diff2html.css @@ -44,39 +44,39 @@ * Dark Color Scheme */ - --d2h-dark-color: #e6edf3; - --d2h-dark-bg-color: #171814; - --d2h-dark-border-color: #494b40; + --d2h-dark-color: rgb(230, 237, 243); + --d2h-dark-bg-color: rgb(13, 17, 23); + --d2h-dark-border-color: rgb(48, 54, 61); - --d2h-dark-dim-color: #929292; + --d2h-dark-dim-color: rgb(110, 118, 129); - --d2h-dark-line-border-color: #5a5c51; + --d2h-dark-line-border-color: rgb(33, 38, 45); - --d2h-dark-file-header-bg-color: #272823; - --d2h-dark-file-header-border-color: #3f4136; + --d2h-dark-file-header-bg-color: rgb(22, 27, 34); + --d2h-dark-file-header-border-color: rgb(48, 54, 61); - --d2h-dark-empty-placeholder-bg-color: #494b40; - --d2h-dark-empty-placeholder-border-color: #66695a; + --d2h-dark-empty-placeholder-bg-color: #rgba(110, 118, 129, 0.1); + --d2h-dark-empty-placeholder-border-color: rgb(48, 54, 61); - --d2h-dark-selected-color: #00489f; + --d2h-dark-selected-color: rgba(56, 139, 253, 0.1); - --d2h-dark-ins-bg-color: #0f4a07; - --d2h-dark-ins-border-color: #219f1f; - --d2h-dark-ins-highlight-bg-color: #177016; - --d2h-dark-ins-label-color: #4f9f4f; + --d2h-dark-ins-bg-color: rgba(46, 160, 67, 0.15); + --d2h-dark-ins-border-color: rgba(46, 160, 67, 0.4); + --d2h-dark-ins-highlight-bg-color: rgba(46, 160, 67, 0.4); + --d2h-dark-ins-label-color: rgb(63, 185, 80); - --d2h-dark-del-bg-color: #604243; - --d2h-dark-del-border-color: #a07c7e; - --d2h-dark-del-highlight-bg-color: #905a5c; - --d2h-dark-del-label-color: #ca4f54; + --d2h-dark-del-bg-color: rgba(248, 81, 73, 0.1); + --d2h-dark-del-border-color: rgba(248, 81, 73, 0.4); + --d2h-dark-del-highlight-bg-color: rgba(248, 81, 73, 0.4); + --d2h-dark-del-label-color: rgb(248, 81, 73); - --d2h-dark-change-del-color: #9b7707; - --d2h-dark-change-ins-color: #366b36; + --d2h-dark-change-del-color: rgba(210, 153, 34, 0.2); + --d2h-dark-change-ins-color: rgba(46, 160, 67, 0.25); - --d2h-dark-info-bg-color: #32342c; - --d2h-dark-info-border-color: #4f5146; + --d2h-dark-info-bg-color: rgba(56, 139, 253, 0.1); + --d2h-dark-info-border-color: rgba(56, 139, 253, 0.4); - --d2h-dark-change-label-color: #d0b44c; + --d2h-dark-change-label-color: rgb(210, 153, 34); --d2h-dark-moved-label-color: #3572b0; } @@ -497,6 +497,8 @@ } .d2h-dark-color-scheme .d2h-code-side-linenumber { + background-color: var(--d2h-dark-bg-color); + color: var(--d2h-dark-dim-color); border-color: var(--d2h-dark-line-border-color); }