Make blank portions of diff themable
This makes it possible to call them out specifically.
For now, the colors in our two themes remain unchanged.
Change-Id: Icfc6b602be766d56b7a768c0a221b4f3b8fd6c43
diff --git a/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html b/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html
index a6e703b..4ec460f 100644
--- a/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html
+++ b/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html
@@ -80,10 +80,12 @@
background-color: var(--diff-selection-background-color);
color: var(--primary-text-color);
}
- .blank,
.content {
background-color: var(--view-background-color);
}
+ .blank {
+ background-color: var(--diff-blank-background-color);
+ }
.image-diff .content {
background-color: var(--table-header-background-color);
}
diff --git a/polygerrit-ui/app/styles/themes/app-theme.html b/polygerrit-ui/app/styles/themes/app-theme.html
index e3f9d90..ddac866 100644
--- a/polygerrit-ui/app/styles/themes/app-theme.html
+++ b/polygerrit-ui/app/styles/themes/app-theme.html
@@ -96,6 +96,7 @@
--diff-trailing-whitespace-indicator: #ff9ad2;
--diff-highlight-range-color: rgba(255, 213, 0, 0.5);
--diff-highlight-range-hover-color: rgba(255, 255, 0, 0.5);
+ --diff-blank-background-color: #fff;
--shell-command-background-color: #f5f5f5;
--shell-command-decoration-background-color: #ebebeb;
diff --git a/polygerrit-ui/app/styles/themes/dark-theme.html b/polygerrit-ui/app/styles/themes/dark-theme.html
index 0c51da3..36d1812 100644
--- a/polygerrit-ui/app/styles/themes/dark-theme.html
+++ b/polygerrit-ui/app/styles/themes/dark-theme.html
@@ -46,6 +46,7 @@
--comment-text-color: var(--primary-text-color);
--comment-background-color: #0B162B;
--unresolved-comment-background-color: rgb(56, 90, 154);
+ --diff-blank-background-color: #212121;
--vote-color-approved: rgb(127, 182, 107);
--vote-color-recommended: rgb(63, 103, 50);
