Use CSS constants for diff range highlight

Also adds one more dialog-background-color reference that was left out
in another change.

Change-Id: I1a683f6abadda3e1a8f4d94deb14796953fb48c7
This commit is contained in:
Kasper Nilsson 2018-04-19 13:21:10 +02:00
parent 279ac63f81
commit ae1542ca31
3 changed files with 6 additions and 3 deletions

View File

@ -26,11 +26,11 @@ limitations under the License.
position: relative;
}
.contentWrapper ::content .range {
background-color: rgba(255,213,0,0.5);
background-color: var(--diff-highlight-range-color);
display: inline;
}
.contentWrapper ::content .rangeHighlight {
background-color: rgba(255,255,0,0.5);
background-color: var(--diff-highlight-range-hover-color);
display: inline;
}
gr-selection-action-box {

View File

@ -55,7 +55,7 @@ limitations under the License.
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
}
.inputContainer {
background-color: var(--view-background-color);
background-color: var(--dialog-background-color);
padding: .8em;
@apply --input-style;
}

View File

@ -61,6 +61,9 @@ limitations under the License.
--error-text-color: red;
--diff-highlight-range-color: rgba(255, 213, 0, 0.5);
--diff-highlight-range-hover-color: rgba(255, 255, 0, 0.5);
--syntax-default-color: var(--primary-text-color);
--syntax-meta-color: #FF1717;
--syntax-keyword-color: #9E0069;