From ef5fc3c9599b5247448f3c2106599aa5c6fd665c Mon Sep 17 00:00:00 2001 From: Andrey Nering Date: Sun, 6 Nov 2016 17:57:36 -0200 Subject: [PATCH] CSS: Stronger colors for diffs --- public/css/index.css | 12 ++---------- public/less/_repository.less | 20 ++------------------ 2 files changed, 4 insertions(+), 28 deletions(-) diff --git a/public/css/index.css b/public/css/index.css index 99a57c78e0a6..91bea626940a 100644 --- a/public/css/index.css +++ b/public/css/index.css @@ -1989,17 +1989,9 @@ footer .ui.language .menu { .repository .diff-file-box .code-diff tbody tr.tag-code td.halfwidth { width: 50%; } -.repository .diff-file-box .code-diff tbody tr.del-code td.add-code { - background-color: #eaffea !important; - border-color: #c1e9c1 !important; -} -.repository .diff-file-box .code-diff tbody tr.del-code td.add-code pre { - background-color: #eaffea !important; - border-color: #c1e9c1 !important; -} .repository .diff-file-box .code-diff tbody tr.del-code td, .repository .diff-file-box .code-diff tbody tr.del-code pre { - background-color: #ffecec !important; + background-color: #ffe0e0 !important; border-color: #f1c0c0 !important; } .repository .diff-file-box .code-diff tbody tr.del-code td.halfwidth { @@ -2007,7 +1999,7 @@ footer .ui.language .menu { } .repository .diff-file-box .code-diff tbody tr.add-code td, .repository .diff-file-box .code-diff tbody tr.add-code pre { - background-color: #eaffea !important; + background-color: #d6fcd6 !important; border-color: #c1e9c1 !important; } .repository .diff-file-box .code-diff tbody tr.add-code td.halfwidth { diff --git a/public/less/_repository.less b/public/less/_repository.less index 9f51ebc4fba7..07274880fd46 100644 --- a/public/less/_repository.less +++ b/public/less/_repository.less @@ -920,39 +920,23 @@ // } // } &.del-code { - // Duplicate here to enforce add code color. - td.add-code { - background-color: #eaffea !important; - border-color: #c1e9c1 !important; - pre { - background-color: #eaffea !important; - border-color: #c1e9c1 !important; - - } - } td, pre { - background-color: #ffecec !important; + background-color: #ffe0e0 !important; border-color: #f1c0c0 !important; } td.halfwidth { width: 50%; } - // td.selected-line, td.selected-line pre { - // background-color: #ffffdd !important; - // } } &.add-code { td, pre { - background-color: #eaffea !important; + background-color: #d6fcd6 !important; border-color: #c1e9c1 !important; } td.halfwidth { width: 50%; } - // td.selected-line, td.selected-line pre { - // background-color: #ffffdd !important; - // } } .removed-code {