tweaks for making devtools look nicer
[themes.git] / LCARStrek / chatzilla / output-dark.css
1 /* This Source Code Form is subject to the terms of the Mozilla Public
2  * License, v. 2.0. If a copy of the MPL was not distributed with this
3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
4
5 /*
6  *  a dark background/light text version of the output window.
7  *  see output-base.css for details.
8  */
9
10 @import url("chrome://chatzilla/content/output-base.css");
11
12 body.chatzilla-body {               /* The topmost container in the ChatZilla */
13   background: #000000;              /* output window. */
14   color: #E7ADE7;
15 }
16
17 a.chatzilla-link {
18   color: #FFCF00;
19 }
20
21 a.chatzilla-link:visited {
22   color: #8050B0;
23 }
24
25 .header-outer {
26   background-color: #000000;
27 }
28
29 .header {
30   color: #000000;
31   background-color: #9C9CFF;
32   border-radius: 7px;
33 }
34
35 .progress-fg {
36   background-color: #008484;
37 }
38
39 .value {
40   color: #008484;
41 }
42
43 /* Style userlist as white-on-black. */
44 treechildren {
45   background: #FFCF00;
46   color: #000000;
47 }
48
49 /* For Mac, who's theme sucks. */
50 treechildren::-moz-tree-row(unselected),
51 treechildren::-moz-tree-cell(unselected),
52 treechildren::-moz-tree-cell-text(unselected) {
53   border-color: #FFCF00 !important;
54   background: #FFCF00 !important;
55   color: #000000 !important;
56 }
57
58 #splash {
59   color: #008484;
60 }
61
62 #usr-descnodes,
63 #ch-topicnodes {
64   color: #000000;
65 }
66
67 [condition] {
68   font-weight: bold;
69 }
70
71 [condition="red"] {
72   color: red;
73 }
74
75 [condition="yellow"] {
76   color: yellow;
77 }
78
79 [condition="green"] {
80   color: #008484;
81 }
82
83 .msg[msg-type="JOIN"] .msg-data a.chatzilla-link,
84 .msg[msg-type="PART"] .msg-data a.chatzilla-link {
85   /* color: #9C9CFF; */
86 }
87
88 .msg[msg-type="KICK"] .msg-data a.chatzilla-link {
89   /* color: #000000; */
90 }
91
92 .chatzilla-rheet {
93   color: #FFCF00 !important;
94 }
95
96 .chatzilla-highlight[name="Slate"] {
97   color: #FFCF00;
98   background: #15272d;
99 }
100
101 .chatzilla-highlight[name="Plum"] {
102   color: #FFCF00;
103   background: #442144;
104 }
105
106 .chatzilla-highlight[name="Brown"] {
107   color: #FFCF00;
108   background: #562a14;
109 }
110
111 .msg-user {
112   background-color: #000000;
113   border-radius: 7px 0px 0px 7px;
114   border: 1px solid #004242;
115 }
116
117 .msg-data {
118   background-color: #000000;
119   border-radius: 0px 7px 7px 0px;
120   border: 1px solid #735673;
121 }
122
123 .msg-type {                                 /* .msg-type = message type       */
124   color: #008484;                           /* indicator                      */
125 }
126
127 .msg-user a.chatzilla-link,
128 .msg-user {                                 /* msg-user = nickname portion of */
129   color: #FF9F00 !important;                /* a message (channel and query   */
130 }                                           /* views)                         */
131
132 .msg[mark="even"] .msg-data {               /* use even/odd marks to create a */
133   color: #9C9CFF;                           /* subtle brightness change when  */
134 }                                           /* the speaker changes.           */
135
136 .msg[msg-type="JOIN"] .msg-data,
137 .msg[msg-type="PART"] .msg-data {
138   color: #008484;
139 }
140
141 .msg[msg-type="HELLO"] .msg-data {
142   color: #FF9F00;
143 }
144
145 .msg[msg-type="ERROR"] .msg-data,
146 .msg[msg-type="DISCONNECT"] .msg-data {
147   color: red;
148 }
149
150 .msg[msg-type="USAGE"] .msg-data {
151   color: #FF9F00;
152 }
153
154 .msg[msg-type="ACTION"] .msg-data {
155   font-weight: bold;
156   font-style: italic;
157 }
158
159 .msg[msg-type="NICK"] .msg-data {
160   color: #008484;
161 }
162
163 .msg[msg-type="NOTICE"] .msg-data,
164 .msg[msg-type="MODE"] .msg-data {
165   color: #008484;
166 }
167
168 .msg[msg-type="NOTICE"] .msg-data a.chatzilla-link,
169 .msg[msg-type="MODE"] .msg-data a.chatzilla-link {
170   color: #008484;
171 }
172
173 .msg[msg-type="KICK"] .msg-data {
174   color: red;
175 }
176
177 .msg[msg-type="QUIT"] .msg-data {
178   color: #008484;
179 }
180
181 /* important="true" means that the message has text from your /stalk list in
182  * it, has your nickname in it, or was spoken by someone in your /stalk list.
183  */
184 .msg[important="true"] .msg-user,
185 .msg[important="true"] .msg-data {
186   background: #4D4D7F !important;
187   color: #FFCF00 !important;
188 }
189
190 .msg:before,
191 .msg:after {
192   color: #008484;
193 }
194
195 .msg[msg-user$="ME!"] .msg-user:before,
196 .msg[msg-user$="ME!"] .msg-user:after {
197   color: #9C9CFF;
198 }
199 .msg[msg-user$="ME!"] .msg-user {
200   border: 1px solid #9C9CFF;
201 }
202
203 .msg[msg-type="ACTION"] .msg-user:before,
204 .msg[msg-type="ACTION"] .msg-user:after {
205   color: #008484;
206 }
207
208 .msg[msg-type="NOTICE"] .msg-user:before,
209 .msg[msg-type="NOTICE"] .msg-user:after {
210   color: #008484;
211 }
212
213 /* private messages *not* in a query window */
214 .msg[dest-type="IRCUser"] .msg-user:before,
215 .msg[dest-type="IRCUser"] .msg-user:after {
216   color: #FFCF00;
217 }
218
219 .msg[msg-dest$="ME!"] .msg-user:before,
220 .msg[msg-dest$="ME!"] .msg-user:after {
221   color: #FFCF00;
222 }
223
224 /* private messages in a query window */
225 .msg[view-type="IRCUser"] .msg-user:before,
226 .msg[view-type="IRCUser"] .msg-user:after {
227   color: #008484;
228 }
229
230 .msg[view-type="IRCUser"][msg-user$="ME!"] .msg-user:before,
231 .msg[view-type="IRCUser"][msg-user$="ME!"] .msg-user:after {
232   color: #008484;
233 }