1/* 2 * Copyright (C) 2009 Apple Inc. All rights reserved. 3 * 4 * Redistribution and use in source and binary forms, with or without 5 * modification, are permitted provided that the following conditions 6 * are met: 7 * 8 * 1. Redistributions of source code must retain the above copyright 9 * notice, this list of conditions and the following disclaimer. 10 * 2. Redistributions in binary form must reproduce the above copyright 11 * notice, this list of conditions and the following disclaimer in the 12 * documentation and/or other materials provided with the distribution. 13 * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of 14 * its contributors may be used to endorse or promote products derived 15 * from this software without specific prior written permission. 16 * 17 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY 18 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED 19 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE 20 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY 21 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES 22 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; 23 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND 24 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 25 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF 26 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 27 */ 28.cm-js-keyword {color: hsl(310, 86%, 36%);} 29.cm-js-number {color: hsl(248, 100%, 41%);} 30.cm-js-comment {color: hsl(120, 100%, 23%); font-style: italic;} 31.cm-js-string {color: hsl(1, 80%, 43%);} 32.cm-js-string-2 {color: hsl(1, 99%, 39%);} 33.cm-js-atom {color: hsl(310, 86%, 36%);} 34.cm-js-def {color: hsl(240, 73%, 38%);} 35.cm-js-operator {color: hsl(27, 100%, 30%);} 36.cm-js-meta {color: hsl(27, 100%, 30%);} 37.cm-js-variable-2 {color: hsl(240, 73%, 38%);} 38 39.cm-css-keyword { color: rgb(7, 144, 154);} 40.cm-css-number {color: rgb(50, 0, 255);} 41.cm-css-comment {color: rgb(0, 116, 0);} 42.cm-css-def {color: rgb(200, 0, 0);} 43.cm-css-meta {color: rgb(200, 0, 0);} 44.cm-css-atom {color: rgb(7, 144, 154);} 45.cm-css-string {color: rgb(7, 144, 154);} 46.cm-css-string-2 {color: rgb(7, 144, 154);} 47.cm-css-link {color: rgb(7, 144, 154);} 48.cm-css-variable {color: rgb(200, 0, 0);} 49.cm-css-variable-2 {color: rgb(0, 0, 128);} 50.cm-css-property, .webkit-css-property {color: rgb(200, 0, 0);} 51 52.cm-xml-meta {color: rgb(192, 192, 192);} 53.cm-xml-comment {color: rgb(35, 110, 37);} 54.cm-xml-string {color: rgb(26, 26, 166);} 55.cm-xml-tag {color: var(--dom-tag-name-color);} 56.cm-xml-attribute {color: rgb(153, 69, 0);} 57.cm-xml-link {color: #00e;} 58 59:root { 60 --dom-tag-name-color: rgb(136, 18, 128); 61 --dom-attribute-name-color: rgb(153, 69, 0); 62} 63 64.webkit-html-comment { 65 /* Keep this in sync with view-source.css (.webkit-html-comment) */ 66 color: rgb(35, 110, 37); 67} 68 69.webkit-html-tag { 70 color: rgb(168, 148, 166); 71} 72 73.webkit-html-tag-name, .webkit-html-close-tag-name { 74 /* Keep this in sync with view-source.css (.webkit-html-tag) */ 75 color: var(--dom-tag-name-color); 76} 77 78.webkit-html-pseudo-element { 79 /* This one is non-standard. */ 80 color: brown; 81} 82 83.webkit-html-js-node, 84.webkit-html-css-node { 85 white-space: pre-wrap; 86} 87 88.webkit-html-text-node { 89 unicode-bidi: -webkit-isolate; 90} 91 92.webkit-html-entity-value { 93 /* This one is non-standard. */ 94 background-color: rgba(0, 0, 0, 0.15); 95 unicode-bidi: -webkit-isolate; 96} 97 98.webkit-html-doctype { 99 /* Keep this in sync with view-source.css (.webkit-html-doctype) */ 100 color: rgb(192, 192, 192); 101} 102 103.webkit-html-attribute-name { 104 /* Keep this in sync with view-source.css (.webkit-html-attribute-name) */ 105 color: var(--dom-attribute-name-color); 106 unicode-bidi: -webkit-isolate; 107} 108 109.webkit-html-attribute-value { 110 /* Keep this in sync with view-source.css (.webkit-html-attribute-value) */ 111 color: rgb(26, 26, 166); 112 unicode-bidi: -webkit-isolate; 113} 114 115.devtools-link { 116 color: rgb(17, 85, 204); 117 text-decoration: underline; 118} 119 120.devtools-link [is=ui-icon] { 121 vertical-align: middle; 122} 123 124.devtools-link[data-keyboard-focus="true"]:focus { 125 outline-width: unset; 126} 127 128.devtools-link:not(.devtools-link-prevent-click) { 129 cursor: pointer; 130} 131 132.-theme-with-dark-background .devtools-link, 133:host-context(.-theme-with-dark-background) .devtools-link { 134 color: hsl(0, 0%, 67%); 135} 136 137/* Default CodeMirror Theme */ 138.cm-negative {color: #d44;} 139.cm-positive {color: #292;} 140.cm-header, .cm-strong {font-weight: bold;} 141.cm-em {font-style: italic;} 142.cm-link {text-decoration: underline;} 143.cm-strikethrough {text-decoration: line-through;} 144 145.cm-invalidchar {color: #f00;} 146 147.cm-header {color: blue;} 148.cm-quote {color: #090;} 149 150.cm-keyword {color: #708;} 151.cm-atom {color: #219;} 152.cm-number {color: #164;} 153.cm-def {color: #00f;} 154.cm-variable-2 {color: #05a;} 155.cm-variable-3, .cm-type {color: #085;} 156.cm-comment {color: #a50;} 157.cm-string {color: #a11;} 158.cm-string-2 {color: #f50;} 159.cm-meta {color: #555;} 160.cm-qualifier {color: #555;} 161.cm-builtin {color: #30a;} 162.cm-bracket {color: #997;} 163.cm-tag {color: #170;} 164.cm-attribute {color: #00c;} 165.cm-hr {color: #999;} 166.cm-link {color: #00c;} 167 168.cm-error {color: #f00;} 169 170@media (forced-colors: active) { 171 .devtools-link:not(.devtools-link-prevent-click) { 172 forced-color-adjust: none; 173 color: LinkText; 174 } 175 .devtools-link[data-keyboard-focus="true"]:focus { 176 background: Highlight; 177 color: HighlightText; 178 } 179} 180