first part of synching LCARStrek with windows theme changes in Firefox 28 cycle
[themes.git] / LCARStrek / browser / devtools / dark-theme.css
CommitLineData
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
c5987919
RK
6@import url("toolbox.css"); /* workaround until the move to toolbars.inc.css is done */
7
2efcd25d
RK
8/* According to:
9 * https://bugzilla.mozilla.org/show_bug.cgi?id=715472#c17
10 */
11.theme-body {
12 background: #000000;
13 color: #FF9F00;
14}
15
16.theme-twisty {
17 cursor: pointer;
fe524e0c
RK
18 width: 14px;
19 height: 14px;
20 background-repeat: no-repeat;
21 background-image: url("chrome://browser/skin/devtools/controls.png");
22 background-position: 0 -14px;
2efcd25d
RK
23}
24
25.theme-twisty:-moz-focusring {
26 outline-style: none;
27}
28
2efcd25d 29.theme-twisty[open] {
fe524e0c 30 background-position: -14px -14px;
2efcd25d
RK
31}
32
33.theme-checkbox {
34 display: inline-block;
ed1a91c6
RK
35 border: 0;
36 width: 14px;
37 height: 14px;
38 padding: 0;
2efcd25d 39 outline: none;
fe524e0c
RK
40 background-image: url("chrome://browser/skin/devtools/controls.png");
41 background-position: 0 0;
2efcd25d
RK
42}
43
44.theme-checkbox[checked] {
fe524e0c 45 background-position: -14px 0;
2efcd25d
RK
46}
47
48.theme-selected {
49 background: #004242;
50}
51
7600e0b1
RK
52.theme-bg-darker
53.cm-s-mozilla .CodeMirror-gutters {
1b13529a 54 background-color: rgba(0,0,0,0.5);
2efcd25d
RK
55}
56
3a0880a9
RK
57.theme-bg-contrast { /* contrast bg color to attract attention on a container */
58 background: #404000;
59}
60
7600e0b1
RK
61.theme-link,
62.cm-s-mozilla .cm-link { /* original: blue */
2efcd25d
RK
63 color: #3333FF;
64}
65
6568957a
RK
66/*
67 * FIXME: http://bugzil.la/575675 CSS links without :visited set cause assertion
68 * failures in debug builds.
69 */
70.theme-link:visited,
71.cm-s-mozilla .cm-link:visited { /* original: blue */
72 color: #3333FF;
73}
74
7600e0b1
RK
75.theme-comment,
76.cm-s-mozilla .cm-meta,
77.cm-s-mozilla .cm-hr,
6568957a 78.cm-s-mozilla .cm-comment { /* original: grey */
2efcd25d
RK
79 color: #A09090;
80}
81
82.theme-gutter {
83 background-color: #000000;
84 color: #FF9F00;
85 border-color: #9C9CFF;
86}
87
88.theme-separator { /* original: grey */
89 border-color: #8050B0;
90}
91
7600e0b1 92.theme-fg-color1,
6568957a 93.cm-s-mozilla .cm-number { /* original: green */
2efcd25d
RK
94 color: #008484;
95}
96
7600e0b1
RK
97.theme-fg-color2,
98.cm-s-mozilla .cm-attribute,
7600e0b1
RK
99.cm-s-mozilla .cm-variable,
100.cm-s-mozilla .cm-def,
7600e0b1
RK
101.cm-s-mozilla .cm-property,
102.cm-s-mozilla .cm-qualifier { /* original: blue */
2efcd25d
RK
103 color: #9C9CFF;
104}
105
7600e0b1 106.theme-fg-color3,
6568957a 107.cm-s-mozilla .cm-builtin,
7600e0b1
RK
108.cm-s-mozilla .cm-tag,
109.cm-s-mozilla .cm-header { /* original: pink/lavender */
2efcd25d
RK
110 color: #E7ADE7;
111}
112
6568957a 113.theme-fg-color4 { /* original: purple/violet */
2efcd25d
RK
114 color: #C09070;
115}
116
7600e0b1
RK
117.theme-fg-color5,
118.cm-s-mozilla .cm-bracket,
7600e0b1 119.cm-s-mozilla .cm-keyword { /* original: Yellow */
2efcd25d
RK
120 color: #FFCF00;
121}
122
6568957a
RK
123.theme-fg-color6,
124.cm-s-mozilla .cm-string,
125.cm-s-mozilla .cm-string-2 { /* original: Orange */
c5987919 126 color: #E7ADE7;
2efcd25d
RK
127}
128
7600e0b1 129.theme-fg-color7,
6568957a
RK
130.cm-s-mozilla .cm-atom,
131.cm-s-mozilla .cm-quote,
7600e0b1 132.cm-s-mozilla .cm-error { /* original: Red */
2efcd25d
RK
133 color: #FF0000;
134}
3a0880a9
RK
135
136.theme-fg-contrast { /* To be used for text on theme-bg-contrast */
137 color: #FFCF00;
138}
139
140.ruleview-colorswatch,
141.computedview-colorswatch,
142.markupview-colorswatch {
143/* box-shadow: 0 0 0 1px rgba(0,0,0,0.5); */
144}
7600e0b1
RK
145
146/* CodeMirror specific styles.
147 * Best effort to match the existing theme, some of the colors
148 * are duplicated here to prevent weirdness in the main theme. */
149
150.CodeMirror { /* Inherit platform specific font sizing and styles */
151 font-family: inherit;
152 font-size: inherit;
153 background: transparent;
154}
155
156.CodeMirror pre,
6568957a
RK
157.cm-s-mozilla .cm-variable-2,
158.cm-s-mozilla .cm-variable-3,
7600e0b1 159.cm-s-mozilla .cm-operator,
6568957a 160.cm-s-mozilla .cm-special { /* theme-body color */
7600e0b1
RK
161 color: #FF9F00;
162}
163
164.cm-s-mozilla .CodeMirror-lines .CodeMirror-cursor {
165 border-left: solid 1px #FF9F00;
166}
167
168.cm-s-mozilla.CodeMirror-focused .CodeMirror-selected { /* selected text (focused) */
169 background: #008484;
170 color: #FFCF00;
171}
172
6568957a 173.cm-s-mozilla .CodeMirror-selected { /* selected text (unfocused) */
7600e0b1
RK
174 background: #008484;
175 color: #000000;
176}
177
6568957a
RK
178.cm-s-mozilla .CodeMirror-activeline-background { /* selected color with alpha */
179 background: rgba(0, 132, 132, .15);
180}
181
182div.cm-s-mozilla span.CodeMirror-matchingbracket { /* highlight brackets */
183 outline: solid 1px rgba(0, 132, 132, .25);
184 color: #FFCF00;
185}
186
187.cm-s-mozilla .CodeMirror-linenumber { /* line number text */
188 color: #A09090;
189}
190
191.cm-s-mozilla .CodeMirror-gutters { /* vertical line next to line numbers */
c5987919
RK
192 border-right-color: #A09090;
193 background: #402800;
7600e0b1
RK
194}
195
196.cm-s-markup-view pre {
197 line-height: 1.4em;
198 min-height: 1.4em;
199}
c5987919
RK
200
201/* remove import on top of file when toolbars.inc.css work is done */