diff --git a/src/ui/css/diff2html.css b/src/ui/css/diff2html.css index 5c9d9a7..1684cd2 100644 --- a/src/ui/css/diff2html.css +++ b/src/ui/css/diff2html.css @@ -9,17 +9,6 @@ text-align: left; } -.d2h-dark-color-scheme .d2h-files-diff, -.d2h-dark-color-scheme .d2h-files-diff .d2h-emptyplaceholder { - background-color: #272822; - color: #d0d0d0; -} - -.d2h-dark-color-scheme .d2h-wrapper { - color: #d0d0d0; - background-color: #272822; -} - .d2h-file-header { display: flex; height: 35px; @@ -29,12 +18,6 @@ font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; } -.d2h-dark-color-scheme .d2h-file-header { - color: #d0d0d0; - background-color: #272822; - border-bottom: #494b40; -} - .d2h-file-header.d2h-sticky-header { position: sticky; top: 0; @@ -91,10 +74,6 @@ margin-bottom: 1em; } -.d2h-dark-color-scheme .d2h-file-wrapper { - border: 1px solid #494b40; -} - .d2h-file-collapse { justify-content: flex-end; display: none; @@ -106,18 +85,10 @@ padding: 4px 8px; } -.d2h-dark-color-scheme .d2h-file-collapse { - border: 1px solid #272822; -} - .d2h-file-collapse.d2h-selected { background-color: #c8e1ff; } -.d2h-dark-color-scheme .d2h-file-collapse.d2h-selected { - background-color: #272822; -} - .d2h-file-collapse-input { margin: 0 4px 0 0; } @@ -188,11 +159,6 @@ border-radius: 0.2em; } -.d2h-dark-color-scheme .d2h-code-line del, -.d2h-dark-color-scheme .d2h-code-side-line del { - background-color: #604243; -} - .d2h-code-line ins, .d2h-code-side-line ins { display: inline-block; @@ -203,11 +169,6 @@ text-align: left; } -.d2h-dark-color-scheme .d2h-code-line ins, -.d2h-dark-color-scheme .d2h-code-side-line ins { - background-color: #195219; -} - .d2h-code-line-prefix { display: inline; background: none; @@ -248,12 +209,6 @@ cursor: pointer; } -.d2h-dark-color-scheme .d2h-code-linenumber { - background-color: #272822; - color: #d0d0d0; - border-color: #272822; -} - .d2h-code-linenumber:after { content: '\200b'; } @@ -275,12 +230,6 @@ padding: 0 0.5em 0 0.5em; } -.d2h-dark-color-scheme .d2h-code-side-linenumber { - background-color: #272822; - color: #d0d0d0; - border-color: #494b40; -} - .d2h-code-side-linenumber:after { content: '\200b'; } @@ -291,12 +240,6 @@ border-color: #e1e1e1; } -.d2h-dark-color-scheme .d2h-files-diff .d2h-code-side-emptyplaceholder, -.d2h-dark-color-scheme .d2h-files-diff .d2h-emptyplaceholder { - background-color: #494b40; - border-color: #66695a; -} - .d2h-code-linenumber, .d2h-code-side-linenumber, .d2h-code-line-prefix, @@ -318,49 +261,25 @@ border-color: #e9aeae; } -.d2h-dark-color-scheme .d2h-del { - background-color: #905a5c; - border-color: #a07c7e; -} - .d2h-ins { background-color: #dfd; border-color: #b4e2b4; } -.d2h-dark-color-scheme .d2h-ins { - background-color: #177016; - border-color: #219f1f; -} - .d2h-info { background-color: #f8fafd; color: rgba(0, 0, 0, 0.3); border-color: #d5e4f2; } -.d2h-dark-color-scheme .d2h-info { - background-color: #32342c; - color: #929292; - border-color: #272822; -} - .d2h-file-diff .d2h-del.d2h-change { background-color: #fdf2d0; } -.d2h-dark-color-scheme .d2h-file-diff .d2h-del.d2h-change { - background-color: #d0b44c; -} - .d2h-file-diff .d2h-ins.d2h-change { background-color: #ded; } -.d2h-dark-color-scheme .d2h-file-diff .d2h-ins.d2h-change { - background-color: #d0b44c; -} - /* * File Summary List */ @@ -374,18 +293,10 @@ color: #3572b0; } -.d2h-dark-color-scheme .d2h-file-list-wrapper a { - color: #3572b0; -} - .d2h-file-list-wrapper a:visited { color: #3572b0; } -.d2h-dark-color-scheme .d2h-file-list-wrapper a:visited { - color: #3572b0; -} - .d2h-file-list-header { text-align: left; } @@ -414,10 +325,6 @@ margin: 0; } -.d2h-dark-color-scheme .d2h-file-list > li { - border-bottom: #272822 solid 1px; -} - .d2h-file-list > li:last-child { border-bottom: none; } @@ -446,18 +353,10 @@ color: #d0b44c; } -.d2h-dark-color-scheme .d2h-changed { - color: #d0b44c; -} - .d2h-moved { color: #3572b0; } -.d2h-dark-color-scheme .d2h-moved { - color: #3572b0; -} - .d2h-tag { display: -webkit-box; display: -ms-flexbox; @@ -468,38 +367,142 @@ background-color: #fff; } -.d2h-dark-color-scheme .d2h-tag { - background-color: #272822; -} - .d2h-deleted-tag { border: #c33 1px solid; } -.d2h-dark-color-scheme .d2h-deleted-tag { - border: #a07c7e 1px solid; -} - .d2h-added-tag { border: #399839 1px solid; } -.d2h-dark-color-scheme .d2h-added-tag { - border: #177016 1px solid; -} - .d2h-changed-tag { border: #d0b44c 1px solid; } -.d2h-dark-color-scheme .d2h-changed-tag { - border: #d0b44c 1px solid; -} - .d2h-moved-tag { border: #3572b0 1px solid; } +/** + * Dark Mode Colors + */ +.d2h-dark-color-scheme .d2h-files-diff, +.d2h-dark-color-scheme .d2h-files-diff .d2h-emptyplaceholder { + background-color: #272822; + color: #d0d0d0; +} + +.d2h-dark-color-scheme .d2h-wrapper { + color: #d0d0d0; + background-color: #272822; +} + +.d2h-dark-color-scheme .d2h-file-header { + color: #d0d0d0; + background-color: #272822; + border-bottom: #494b40; +} + +.d2h-dark-color-scheme .d2h-code-line del, +.d2h-dark-color-scheme .d2h-code-side-line del { + background-color: #604243; +} + +.d2h-dark-color-scheme .d2h-code-line ins, +.d2h-dark-color-scheme .d2h-code-side-line ins { + background-color: #195219; +} + +.d2h-dark-color-scheme .d2h-code-side-linenumber { + background-color: #272822; + color: #d0d0d0; + border-color: #494b40; +} + +.d2h-dark-color-scheme .d2h-files-diff .d2h-code-side-emptyplaceholder, +.d2h-dark-color-scheme .d2h-files-diff .d2h-emptyplaceholder { + background-color: #494b40; + border-color: #66695a; +} + +.d2h-dark-color-scheme .d2h-del { + background-color: #905a5c; + border-color: #a07c7e; +} + +.d2h-dark-color-scheme .d2h-ins { + background-color: #177016; + border-color: #219f1f; +} + +.d2h-dark-color-scheme .d2h-info { + background-color: #32342c; + color: #929292; + border-color: #272822; +} + +.d2h-dark-color-scheme .d2h-file-diff .d2h-del.d2h-change { + background-color: #d0b44c; +} + +.d2h-dark-color-scheme .d2h-file-diff .d2h-ins.d2h-change { + background-color: #d0b44c; +} + +.d2h-dark-color-scheme .d2h-file-wrapper { + border: 1px solid #494b40; +} + +.d2h-dark-color-scheme .d2h-file-collapse { + border: 1px solid #272822; +} + +.d2h-dark-color-scheme .d2h-file-collapse.d2h-selected { + background-color: #272822; +} + +.d2h-dark-color-scheme .d2h-code-linenumber { + background-color: #272822; + color: #d0d0d0; + border-color: #272822; +} + +.d2h-dark-color-scheme .d2h-file-list-wrapper a { + color: #3572b0; +} + +.d2h-dark-color-scheme .d2h-file-list-wrapper a:visited { + color: #3572b0; +} + +.d2h-dark-color-scheme .d2h-file-list > li { + border-bottom: #272822 solid 1px; +} + +.d2h-dark-color-scheme .d2h-changed { + color: #d0b44c; +} + +.d2h-dark-color-scheme .d2h-moved { + color: #3572b0; +} + +.d2h-dark-color-scheme .d2h-tag { + background-color: #272822; +} + +.d2h-dark-color-scheme .d2h-deleted-tag { + border: #a07c7e 1px solid; +} + +.d2h-dark-color-scheme .d2h-added-tag { + border: #177016 1px solid; +} + +.d2h-dark-color-scheme .d2h-changed-tag { + border: #d0b44c 1px solid; +} + .d2h-dark-color-scheme .d2h-moved-tag { border: #3572b0 1px solid; }