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; position: relative;
} }
.contentWrapper ::content .range { .contentWrapper ::content .range {
background-color: rgba(255,213,0,0.5); background-color: var(--diff-highlight-range-color);
display: inline; display: inline;
} }
.contentWrapper ::content .rangeHighlight { .contentWrapper ::content .rangeHighlight {
background-color: rgba(255,255,0,0.5); background-color: var(--diff-highlight-range-hover-color);
display: inline; display: inline;
} }
gr-selection-action-box { 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; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
} }
.inputContainer { .inputContainer {
background-color: var(--view-background-color); background-color: var(--dialog-background-color);
padding: .8em; padding: .8em;
@apply --input-style; @apply --input-style;
} }

View File

@@ -61,6 +61,9 @@ limitations under the License.
--error-text-color: red; --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-default-color: var(--primary-text-color);
--syntax-meta-color: #FF1717; --syntax-meta-color: #FF1717;
--syntax-keyword-color: #9E0069; --syntax-keyword-color: #9E0069;