Files
gerrit/polygerrit-ui/app/elements/diff/gr-syntax-themes/gr-syntax-theme.js
Dmitrii Filippov daf0ec9543 Convert polygerrit to es6-modules
This change replace all HTML imports with es6-modules. The only exceptions are:
* gr-app.html file, which can be deleted only after updating the
  gerrit/httpd/raw/PolyGerritIndexHtml.soy file.
* dark-theme.html which is loaded via importHref. Must be updated manually
  later in a separate change.

This change was produced automatically by ./es6-modules-converter.sh script.
No manual changes were made.

Change-Id: I0c447dd8c05757741e2c940720652d01d9fb7d67
2020-03-17 11:27:28 +01:00

122 lines
3.5 KiB
JavaScript

/**
* @license
* Copyright (C) 2016 The Android Open Source Project
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
const $_documentContainer = document.createElement('template');
$_documentContainer.innerHTML = `<dom-module id="gr-syntax-theme">
<template>
<style>
/**
* @overview Highlight.js emits the following classes that do not have
* styles here:
* subst, symbol, class, function, doctag, meta-string, section, name,
* builtin-name, bulletm, code, formula, quote, addition, deletion,
* attribute
* @see {@link http://highlightjs.readthedocs.io/en/latest/css-classes-reference.html}
*/
.contentText {
color: var(--syntax-default-color);
}
.gr-syntax-attribute {
color: var(--syntax-attribute-color);
}
.gr-syntax-function {
color: var(--syntax-function-color);
}
.gr-syntax-meta {
color: var(--syntax-meta-color);
}
.gr-syntax-keyword,
.gr-syntax-name {
color: var(--syntax-keyword-color);
}
.gr-syntax-number {
color: var(--syntax-number-color);
}
.gr-syntax-selector-class {
color: var(--syntax-selector-class-color);
}
.gr-syntax-variable {
color: var(--syntax-variable-color);
}
.gr-syntax-template-variable {
color: var(--syntax-template-variable-color);
}
.gr-syntax-comment {
color: var(--syntax-comment-color);
}
.gr-syntax-string {
color: var(--syntax-string-color);
}
.gr-syntax-selector-id {
color: var(--syntax-selector-id-color);
}
.gr-syntax-built_in {
color: var(--syntax-built_in-color);
}
.gr-syntax-tag {
color: var(--syntax-tag-color);
}
.gr-syntax-link {
color: var(--syntax-link-color);
}
.gr-syntax-meta-keyword {
color: var(--syntax-meta-keyword-color);
}
.gr-syntax-type {
color: var(--syntax-type-color);
}
.gr-syntax-title {
color: var(--syntax-title-color);
}
.gr-syntax-attr {
color: var(--syntax-attr-color);
}
.gr-syntax-literal { /* XML/HTML Attribute */
color: var(--syntax-literal-color);
}
.gr-syntax-selector-pseudo {
color: var(--syntax-selector-pseudo-color);
}
.gr-syntax-regexp {
color: var(--syntax-regexp-color);
}
.gr-syntax-selector-attr {
color: var(--syntax-selector-attr-color);
}
.gr-syntax-template-tag {
color: var(--syntax-template-tag-color);
}
.gr-syntax-params {
color: var(--syntax-params-color);
}
.gr-syntax-doctag {
font-weight: var(--syntax-doctag-weight);
}
</style>
</template>
</dom-module>`;
document.head.appendChild($_documentContainer.content);
/*
FIXME(polymer-modulizer): the above comments were extracted
from HTML and may be out of place here. Review them and
then delete this comment!
*/