second and final part of syncing both themes with toolkit windows theme changes in...

[themes.git] / EarlyBlue / chatzilla / output-dark.css

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

/* 
 *  a dark background/light text version of the output window.
 *  see output-base.css for details. 
 */

@import url("chrome://chatzilla/content/output-base.css");

.chatzilla-body {                   /* The topmost container in the ChatZilla */
    background: black;              /* output window. */
    color: lightgrey;    
}

a.chatzilla-link {
    color: #336699;
}

a.chatzilla-link:visited {
    color: #666699;
}

.header-outer {
    background-color: black;
}

.header {
    color: lightslategrey;
    background-color: #333333;
    border-radius: 7px;
}

.progress-fg {
    background-color: silver;
}

.value {
    color: silver;
}

/* Style userlist as white-on-black. */
treechildren {
    background: black;
    color: white;
}

/* For Mac, who's theme sucks. */
treechildren::-moz-tree-row(unselected),
treechildren::-moz-tree-cell(unselected),
treechildren::-moz-tree-cell-text(unselected) {
    border-color: black !important;
    background: black !important;
    color: white !important;
}

#splash {
    color: #444444;
}

#usr-descnodes,
#ch-topicnodes {
    color: white;
}

[condition] {
    font-weight: bold;
}

[condition="red"] {
    color: red;
}

[condition="yellow"] {
    color: yellow;
}

[condition="green"] {
    color: lightgreen;
}

.msg[msg-type="JOIN"] .msg-data a.chatzilla-link,
.msg[msg-type="PART"] .msg-data a.chatzilla-link {
    color: lightcyan;
}

.msg[msg-type="KICK"] .msg-data a.chatzilla-link {
    color: #ff5700;
}

.chatzilla-rheet {
    color: magenta !important;
}

.chatzilla-highlight[name="Slate"] {
    color: white;
    background: #15272d;
}

.chatzilla-highlight[name="Plum"] {
    color: white;
    background: #442144;
}

.chatzilla-highlight[name="Brown"] {
    color: white;
    background: #562a14;
}

.msg-type {                                 /* .msg-type = message type       */
    color: silver;                          /* indicator                      */
}

.msg-user a.chatzilla-link,
.msg-user {                                 /* msg-user = nickname portion of */
    color: white !important;                /* a message (channel and query   */
}                                           /* views)                         */

.msg[mark="even"] .msg-data {               /* use even/odd marks to create a */
    color: white;                           /* subtle brightness change when  */
}                                           /* the speaker changes.           */

.msg[msg-type="JOIN"] .msg-data,
.msg[msg-type="PART"] .msg-data {
    color: lightblue;
}

.msg[msg-type="PART"] .msg-data {
    color: lightblue;
}

.msg[msg-type="HELLO"] .msg-data {
    color: yellow;
}

.msg[msg-type="ERROR"] .msg-data,
.msg[msg-type="DISCONNECT"] .msg-data {
    background: red;
    color: white;
}

.msg[msg-type="USAGE"] .msg-data {
    color: white;
}

.msg[msg-type="ACTION"] .msg-data {
    color: #6ac9ee;
}

.msg[msg-type="NICK"] .msg-data {
    color: #96fa94;
}

.msg[msg-type="NOTICE"] .msg-data,
.msg[msg-type="MODE"] .msg-data {
    color: #60e066;
}

.msg[msg-type="NOTICE"] .msg-data a.chatzilla-link,
.msg[msg-type="MODE"] .msg-data a.chatzilla-link {
    color: #6dff74;
}

.msg[msg-type="KICK"] .msg-data {
    color: #d85d24;
}

.msg[msg-type="QUIT"] .msg-data {
    color: #f7b183;
}

/* important="true" means that the message has text from your /stalk list in
 * it, has your nickname in it, or was spoken by someone in your /stalk list.
 */
.msg[important="true"] .msg-user,
.msg[important="true"] .msg-data {
    background: #333333 !important;
}

.msg-user:before,
.msg-user:after {
    color: blue;
}

.msg[msg-user$="ME!"] .msg-user:before,
.msg[msg-user$="ME!"] .msg-user:after {
    color: #6afc73;
}

.msg[msg-type="ACTION"] .msg-user:before,
.msg[msg-type="ACTION"] .msg-user:after {
    color: cyan;
}

.msg[msg-type="NOTICE"] .msg-user:before,
.msg[msg-type="NOTICE"] .msg-user:after {
    color: #6afc73;
}

/* private messages *not* in a query window */
.msg[dest-type="IRCUser"] .msg-user:before,
.msg[dest-type="IRCUser"] .msg-user:after {
    color: #6afc73;
}

.msg[msg-dest$="ME!"] .msg-user:before,
.msg[msg-dest$="ME!"] .msg-user:after {
    color: magenta;
}

/* private messages in a query window */
.msg[view-type="IRCUser"] .msg-user:before,
.msg[view-type="IRCUser"] .msg-user:after {
    color: white;
}

.msg[view-type="IRCUser"][msg-user$="ME!"] .msg-user:before,
.msg[view-type="IRCUser"][msg-user$="ME!"] .msg-user:after {
    color: #6afc73;
}