Commit | Line | Data |
---|---|---|
2efcd25d RK |
1 | /* vim:set ts=2 sw=2 sts=2 et: */ |
2 | /* This Source Code Form is subject to the terms of the Mozilla Public | |
3 | * License, v. 2.0. If a copy of the MPL was not distributed with this | |
4 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ | |
5 | ||
6 | /* According to: | |
7 | * https://bugzilla.mozilla.org/show_bug.cgi?id=715472#c17 | |
8 | */ | |
9 | .theme-body { | |
10 | background: #000000; | |
11 | color: #FF9F00; | |
12 | } | |
13 | ||
14 | .theme-twisty { | |
15 | cursor: pointer; | |
fe524e0c RK |
16 | width: 14px; |
17 | height: 14px; | |
18 | background-repeat: no-repeat; | |
19 | background-image: url("chrome://browser/skin/devtools/controls.png"); | |
20 | background-position: 0 -14px; | |
2efcd25d RK |
21 | } |
22 | ||
23 | .theme-twisty:-moz-focusring { | |
24 | outline-style: none; | |
25 | } | |
26 | ||
2efcd25d | 27 | .theme-twisty[open] { |
fe524e0c | 28 | background-position: -14px -14px; |
2efcd25d RK |
29 | } |
30 | ||
31 | .theme-checkbox { | |
32 | display: inline-block; | |
ed1a91c6 RK |
33 | border: 0; |
34 | width: 14px; | |
35 | height: 14px; | |
36 | padding: 0; | |
2efcd25d | 37 | outline: none; |
fe524e0c RK |
38 | background-image: url("chrome://browser/skin/devtools/controls.png"); |
39 | background-position: 0 0; | |
2efcd25d RK |
40 | } |
41 | ||
42 | .theme-checkbox[checked] { | |
fe524e0c | 43 | background-position: -14px 0; |
2efcd25d RK |
44 | } |
45 | ||
46 | .theme-selected { | |
47 | background: #004242; | |
48 | } | |
49 | ||
7600e0b1 RK |
50 | .theme-bg-darker |
51 | .cm-s-mozilla .CodeMirror-gutters { | |
1b13529a | 52 | background-color: rgba(0,0,0,0.5); |
2efcd25d RK |
53 | } |
54 | ||
3a0880a9 RK |
55 | .theme-bg-contrast { /* contrast bg color to attract attention on a container */ |
56 | background: #404000; | |
57 | } | |
58 | ||
7600e0b1 RK |
59 | .theme-link, |
60 | .cm-s-mozilla .cm-link { /* original: blue */ | |
2efcd25d RK |
61 | color: #3333FF; |
62 | } | |
63 | ||
7600e0b1 RK |
64 | .theme-comment, |
65 | .cm-s-mozilla .cm-meta, | |
66 | .cm-s-mozilla .cm-hr, | |
67 | .cm-s-mozilla .cm-string { /* original: grey */ | |
2efcd25d RK |
68 | color: #A09090; |
69 | } | |
70 | ||
71 | .theme-gutter { | |
72 | background-color: #000000; | |
73 | color: #FF9F00; | |
74 | border-color: #9C9CFF; | |
75 | } | |
76 | ||
77 | .theme-separator { /* original: grey */ | |
78 | border-color: #8050B0; | |
79 | } | |
80 | ||
7600e0b1 RK |
81 | .theme-fg-color1, |
82 | .cm-s-mozilla .cm-variable-2, | |
83 | .cm-s-mozilla .cm-quote, | |
84 | .cm-s-mozilla .CodeMirror-matchingbracket { /* original: green */ | |
2efcd25d RK |
85 | color: #008484; |
86 | } | |
87 | ||
7600e0b1 RK |
88 | .theme-fg-color2, |
89 | .cm-s-mozilla .cm-attribute, | |
90 | .cm-s-mozilla .cm-builtin, | |
91 | .cm-s-mozilla .cm-variable, | |
92 | .cm-s-mozilla .cm-def, | |
93 | .cm-s-mozilla .cm-variable-3, | |
94 | .cm-s-mozilla .cm-property, | |
95 | .cm-s-mozilla .cm-qualifier { /* original: blue */ | |
2efcd25d RK |
96 | color: #9C9CFF; |
97 | } | |
98 | ||
7600e0b1 RK |
99 | .theme-fg-color3, |
100 | .cm-s-mozilla .cm-tag, | |
101 | .cm-s-mozilla .cm-header { /* original: pink/lavender */ | |
2efcd25d RK |
102 | color: #E7ADE7; |
103 | } | |
104 | ||
7600e0b1 RK |
105 | .theme-fg-color4, |
106 | .cm-s-mozilla .cm-comment { /* original: purple/violet */ | |
2efcd25d RK |
107 | color: #C09070; |
108 | } | |
109 | ||
7600e0b1 RK |
110 | .theme-fg-color5, |
111 | .cm-s-mozilla .cm-bracket, | |
112 | .cm-s-mozilla .cm-atom, | |
113 | .cm-s-mozilla .cm-keyword { /* original: Yellow */ | |
2efcd25d RK |
114 | color: #FFCF00; |
115 | } | |
116 | ||
117 | .theme-fg-color6 { /* original: Orange */ | |
118 | color: #FF9F00; | |
119 | } | |
120 | ||
7600e0b1 RK |
121 | .theme-fg-color7, |
122 | .cm-s-mozilla .CodeMirror-nonmatchingbracket, | |
123 | .cm-s-mozilla .cm-string-2, | |
124 | .cm-s-mozilla .cm-error { /* original: Red */ | |
2efcd25d RK |
125 | color: #FF0000; |
126 | } | |
3a0880a9 RK |
127 | |
128 | .theme-fg-contrast { /* To be used for text on theme-bg-contrast */ | |
129 | color: #FFCF00; | |
130 | } | |
131 | ||
132 | .ruleview-colorswatch, | |
133 | .computedview-colorswatch, | |
134 | .markupview-colorswatch { | |
135 | /* box-shadow: 0 0 0 1px rgba(0,0,0,0.5); */ | |
136 | } | |
7600e0b1 RK |
137 | |
138 | /* CodeMirror specific styles. | |
139 | * Best effort to match the existing theme, some of the colors | |
140 | * are duplicated here to prevent weirdness in the main theme. */ | |
141 | ||
142 | .CodeMirror { /* Inherit platform specific font sizing and styles */ | |
143 | font-family: inherit; | |
144 | font-size: inherit; | |
145 | background: transparent; | |
146 | } | |
147 | ||
148 | .CodeMirror pre, | |
149 | .cm-s-mozilla .cm-operator, | |
150 | .cm-s-mozilla .cm-special, | |
151 | .cm-s-mozilla .cm-number { /* theme-body color */ | |
152 | color: #FF9F00; | |
153 | } | |
154 | ||
155 | .cm-s-mozilla .CodeMirror-lines .CodeMirror-cursor { | |
156 | border-left: solid 1px #FF9F00; | |
157 | } | |
158 | ||
159 | .cm-s-mozilla.CodeMirror-focused .CodeMirror-selected { /* selected text (focused) */ | |
160 | background: #008484; | |
161 | color: #FFCF00; | |
162 | } | |
163 | ||
164 | .dcm-s-mozilla .CodeMirror-selected { /* selected text (unfocused) */ | |
165 | background: #008484; | |
166 | color: #000000; | |
167 | } | |
168 | ||
169 | .CodeMirror-activeline-background { /* selected color with alpha */ | |
170 | background: rgba(0, 132, 132, .05); | |
171 | } | |
172 | ||
173 | .cm-s-markup-view pre { | |
174 | line-height: 1.4em; | |
175 | min-height: 1.4em; | |
176 | } |