From 5da551a2a43c792acfe2010c278afa30ac282778 Mon Sep 17 00:00:00 2001 From: Pablo Vazquez Date: Thu, 26 Jan 2023 18:31:39 +0100 Subject: [PATCH] UI: Small adjustments to diff syntax highlight colors Highlight diff lines and line number on row hover. --- public/css/theme-bthree-dark.css | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/public/css/theme-bthree-dark.css b/public/css/theme-bthree-dark.css index b94fcfb..5c7075c 100644 --- a/public/css/theme-bthree-dark.css +++ b/public/css/theme-bthree-dark.css @@ -169,6 +169,7 @@ --color-markup-code-block: hsla(0, 0%, 100%, 0.1); --color-code-bg: hsl(213, 16%, 14%); + --color-code-line-bg-hover: hsl(213, 16%, 16%); --color-code-sidebar-bg: hsl(213, 14.8%, 21%); --color-timeline: hsl(220, 10.6%, 33.3%); @@ -446,16 +447,33 @@ footer a { .add-code .lines-num.lines-num-old, .add-code .lines-num.lines-num-new { background-color: var(--color-diff-added-row-linesnum-bg); - color: var(--color-text-dark) !important; + color: var(--color-text-dark-2) !important; } .del-code .lines-num.lines-num-old, .diff-unified .del-code .lines-num.lines-num-old, .del-code .lines-num.lines-num-new { background-color: var(--color-diff-removed-row-linesnum-bg); + color: var(--color-text-dark-2) !important; +} + +.repository .diff-file-box .file-body.file-code table tbody tr.add-code:hover .lines-num, +.repository .diff-file-box .file-body.file-code table tbody tr.del-code:hover .lines-num, +.repository .diff-file-box .file-body.file-code table tbody tr.same-code:hover .lines-num, +.repository .diff-file-box .file-body.file-code table tbody .diff-unified tr:hover .del-code .lines-num { color: var(--color-text-dark) !important; } +.repository .diff-file-box .file-body.file-code table tbody tr.same-code:hover .lines-num { + color: var(--color-text-dark-2) !important; +} + +.repository .diff-file-box .file-body.file-code table tbody tr.same-code:hover .lines-code, +.repository .diff-file-box .file-body.file-code table tbody tr.same-code:hover .lines-num, +.repository .diff-file-box .file-body.file-code table tbody tr.same-code:hover .lines-type-marker { + background-color: var(--color-code-line-bg-hover) !important; +} + /* From web_src/less/themes/chroma/dark.less */ :root { --color-syntax-NameBuiltinPseudo: #fabd2f;