some corrections and finishing touches to that LCARStrek works well for Firefox 55...
[themes.git] / LCARStrek / chatzilla / output-dark.css
... / ...
CommitLineData
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.chatzilla-body { /* The topmost container in the ChatZilla */
13 background: #000000; /* output window. */
14 color: #E7ADE7;
15}
16
17a.chatzilla-link {
18 color: #FFCF00;
19}
20
21a.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. */
44treechildren {
45 background: #FFCF00;
46 color: #000000;
47}
48
49/* For Mac, who's theme sucks. */
50treechildren::-moz-tree-row(unselected),
51treechildren::-moz-tree-cell(unselected),
52treechildren::-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}