Web Inspector: CSS autofill suggests properties instead of values when values are...
[WebKit-https.git] / Source / WebInspectorUI / UserInterface / Views / SyntaxHighlightingDefaultTheme.css
1 /*
2  * Copyright (C) 2013 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  * 1. Redistributions of source code must retain the above copyright
8  *    notice, this list of conditions and the following disclaimer.
9  * 2. Redistributions in binary form must reproduce the above copyright
10  *    notice, this list of conditions and the following disclaimer in the
11  *    documentation and/or other materials provided with the distribution.
12  *
13  * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
14  * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
15  * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
16  * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
17  * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
18  * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
19  * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
20  * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
21  * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
22  * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
23  * THE POSSIBILITY OF SUCH DAMAGE.
24  */
25
26 /* These styles match Xcode 4's Default theme. */
27
28 .cm-s-default,
29 .syntax-highlighted {
30     color: black;
31
32     font-family: Menlo, monospace;
33     font-size: 11px;
34 }
35
36 .cm-s-default .cm-comment,
37 .syntax-highlighted .css-comment,
38 .syntax-highlighted .javascript-comment,
39 .syntax-highlighted .html-comment {
40     color: rgb(0, 116, 0);
41 }
42
43 .cm-s-default .cm-tag,
44 .cm-s-default .cm-bracket,
45 .cm-s-default .cm-tag.cm-bracket,
46 .cm-s-default .cm-atom,
47 .cm-s-default .cm-keyword,
48 .cm-s-default .cm-m-css.cm-atom,
49 .cm-s-default .cm-m-css.cm-meta,
50 .cm-s-default .cm-m-css.cm-variable-3,
51 .cm-s-default .cm-m-css.cm-property,
52 .cm-s-default .cm-m-javascript.cm-builtin,
53 .syntax-highlighted .css-keyword,
54 .syntax-highlighted .css-tag,
55 .syntax-highlighted .css-at-rule,
56 .syntax-highlighted .css-important,
57 .syntax-highlighted .javascript-keyword,
58 .syntax-highlighted .html-tag {
59     color: rgb(170, 13, 145);
60 }
61
62 .cm-s-default .cm-number,
63 .syntax-highlighted .css-number,
64 .syntax-highlighted .javascript-number {
65     color: rgb(28, 0, 207);
66 }
67
68 .cm-s-default .cm-def,
69 .cm-s-default .cm-bracket,
70 .cm-s-default .cm-operator,
71 .cm-s-default .cm-variable,
72 .cm-s-default .cm-variable-2,
73 .cm-s-default .cm-m-css.cm-tag,
74 .cm-s-default .cm-m-css.cm-string-2,
75 .cm-s-default .cm-m-css.cm-builtin,
76 .cm-s-default .cm-m-css.cm-qualifier,
77 .syntax-highlighted .css-property,
78 .syntax-highlighted .css-selector,
79 .syntax-highlighted .javascript-ident {
80     color: inherit;
81 }
82
83 .cm-s-default .cm-string,
84 .syntax-highlighted .css-string,
85 .syntax-highlighted .javascript-string,
86 .syntax-highlighted .javascript-regexp,
87 .syntax-highlighted .html-attribute-value {
88     color: rgb(196, 26, 22);
89 }
90
91 .cm-s-default .cm-m-xml.cm-meta,
92 .syntax-highlighted .html-doctype {
93     color: rgb(192, 192, 192);
94 }
95
96 .cm-s-default .cm-m-xml.cm-attribute,
97 .syntax-highlighted .html-attribute-name {
98     color: rgb(131, 108, 40);
99 }
100
101 .syntax-highlighted a {
102     color: rgb(14, 14, 255);
103 }
104
105 .cm-s-default .cm-link,
106 .syntax-highlighted a {
107     text-decoration: none;
108     cursor: pointer;
109 }
110
111 .cm-s-default .cm-link:hover,
112 .syntax-highlighted a:hover {
113     text-decoration: underline;
114 }
115
116 .supports-find-banner.showing-find-banner.syntax-highlighted .search-result,
117 .supports-find-banner.showing-find-banner .syntax-highlighted .search-result {
118     background-color: rgba(235, 215, 38, 0.2);
119     border-bottom: 1px solid rgb(237, 202, 71);
120 }