Update syntax highlighting class
Allows more code to be syntax highlighted.
Also updates the colours for syntax highlight.
Change-Id: Id07e34e33d85033d8d89916ce5a5ccf8d9768ff0
(cherry picked from commit 3c7d47eac8)
This commit is contained in:
@@ -96,6 +96,7 @@
|
|||||||
'gr-diff gr-syntax gr-syntax-attribute': true,
|
'gr-diff gr-syntax gr-syntax-attribute': true,
|
||||||
'gr-diff gr-syntax gr-syntax-built_in': true,
|
'gr-diff gr-syntax gr-syntax-built_in': true,
|
||||||
'gr-diff gr-syntax gr-syntax-comment': true,
|
'gr-diff gr-syntax gr-syntax-comment': true,
|
||||||
|
'gr-diff gr-syntax gr-syntax-function': true,
|
||||||
'gr-diff gr-syntax gr-syntax-keyword': true,
|
'gr-diff gr-syntax gr-syntax-keyword': true,
|
||||||
'gr-diff gr-syntax gr-syntax-link': true,
|
'gr-diff gr-syntax gr-syntax-link': true,
|
||||||
'gr-diff gr-syntax gr-syntax-literal': true,
|
'gr-diff gr-syntax gr-syntax-literal': true,
|
||||||
@@ -103,6 +104,7 @@
|
|||||||
'gr-diff gr-syntax gr-syntax-meta-keyword': true,
|
'gr-diff gr-syntax gr-syntax-meta-keyword': true,
|
||||||
'gr-diff gr-syntax gr-syntax-name': true,
|
'gr-diff gr-syntax gr-syntax-name': true,
|
||||||
'gr-diff gr-syntax gr-syntax-number': true,
|
'gr-diff gr-syntax gr-syntax-number': true,
|
||||||
|
'gr-diff gr-syntax gr-syntax-params': true,
|
||||||
'gr-diff gr-syntax gr-syntax-regexp': true,
|
'gr-diff gr-syntax gr-syntax-regexp': true,
|
||||||
'gr-diff gr-syntax gr-syntax-selector-attr': true,
|
'gr-diff gr-syntax gr-syntax-selector-attr': true,
|
||||||
'gr-diff gr-syntax gr-syntax-selector-class': true,
|
'gr-diff gr-syntax gr-syntax-selector-class': true,
|
||||||
|
|||||||
@@ -29,6 +29,12 @@ limitations under the License.
|
|||||||
.contentText {
|
.contentText {
|
||||||
color: var(--syntax-default-color);
|
color: var(--syntax-default-color);
|
||||||
}
|
}
|
||||||
|
.gr-syntax-attribute {
|
||||||
|
color: var(--syntax-attribute-color);
|
||||||
|
}
|
||||||
|
.gr-syntax-function {
|
||||||
|
color: var(--syntax-function-color);
|
||||||
|
}
|
||||||
.gr-syntax-meta {
|
.gr-syntax-meta {
|
||||||
color: var(--syntax-meta-color);
|
color: var(--syntax-meta-color);
|
||||||
}
|
}
|
||||||
@@ -94,6 +100,9 @@ limitations under the License.
|
|||||||
.gr-syntax-template-tag {
|
.gr-syntax-template-tag {
|
||||||
color: var(--syntax-template-tag-color);
|
color: var(--syntax-template-tag-color);
|
||||||
}
|
}
|
||||||
|
.gr-syntax-param {
|
||||||
|
color: var(--syntax-param-color);
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</template>
|
</template>
|
||||||
</dom-module>
|
</dom-module>
|
||||||
|
|||||||
@@ -109,6 +109,8 @@ limitations under the License.
|
|||||||
--tooltip-text-color: #fff;
|
--tooltip-text-color: #fff;
|
||||||
|
|
||||||
--syntax-default-color: var(--primary-text-color);
|
--syntax-default-color: var(--primary-text-color);
|
||||||
|
--syntax-attribute-color: var(--primary-text-color);
|
||||||
|
--syntax-function-color: #e90;
|
||||||
--syntax-meta-color: #FF1717;
|
--syntax-meta-color: #FF1717;
|
||||||
--syntax-keyword-color: #9E0069;
|
--syntax-keyword-color: #9E0069;
|
||||||
--syntax-number-color: #164;
|
--syntax-number-color: #164;
|
||||||
@@ -130,6 +132,7 @@ limitations under the License.
|
|||||||
--syntax-regexp-color: #FA8602;
|
--syntax-regexp-color: #FA8602;
|
||||||
--syntax-selector-attr-color: #FA8602;
|
--syntax-selector-attr-color: #FA8602;
|
||||||
--syntax-template-tag-color: #FA8602;
|
--syntax-template-tag-color: #FA8602;
|
||||||
|
--syntax-param-color: var(--primary-text-color);
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 50em) {
|
@media screen and (max-width: 50em) {
|
||||||
:root {
|
:root {
|
||||||
|
|||||||
Reference in New Issue
Block a user