EarlyBlue/chatzilla/output-dark.css

   1 /* -*- Mode: Text; tab-width: 8; indent-tabs-mode: nil; c-basic-offset: 4 -*-
   2  * ***** BEGIN LICENSE BLOCK *****
   3  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
   4  *
   5  * The contents of this file are subject to the Mozilla Public License Version
   6  * 1.1 (the "License"); you may not use this file except in compliance with
   7  * the License. You may obtain a copy of the License at
   8  * http://www.mozilla.org/MPL/
   9  *
  10  * Software distributed under the License is distributed on an "AS IS" basis,
  11  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  12  * for the specific language governing rights and limitations under the
  13  * License.
  14  *
  15  * The Original Code is Chatzilla.
  16  *
  17  * The Initial Developer of the Original Code is
  18  * New Dimensions Consulting, Inc.
  19  * Portions created by the Initial Developer are Copyright (C) 1999
  20  * the Initial Developer. All Rights Reserved.
  21  *
  22  * Contributor(s):
  23  *   Robert Ginda, rginda@ndcico.com, original author
  24  *
  25  * Alternatively, the contents of this file may be used under the terms of
  26  * either the GNU General Public License Version 2 or later (the "GPL"), or
  27  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  28  * in which case the provisions of the GPL or the LGPL are applicable instead
  29  * of those above. If you wish to allow use of your version of this file only
  30  * under the terms of either the GPL or the LGPL, and not to allow others to
  31  * use your version of this file under the terms of the MPL, indicate your
  32  * decision by deleting the provisions above and replace them with the notice
  33  * and other provisions required by the GPL or the LGPL. If you do not delete
  34  * the provisions above, a recipient may use your version of this file under
  35  * the terms of any one of the MPL, the GPL or the LGPL.
  36  *
  37  * ***** END LICENSE BLOCK ***** */
  38
  39 /*
  40  *  a dark background/light text version of the output window.
  41  *  see output-base.css for details.
  42  */
  43
  44 @import url("chrome://chatzilla/content/output-base.css");
  45
  46 body.chatzilla-body {               /* The topmost container in the ChatZilla */
  47     background: black;              /* output window. */
  48     color: lightgrey;
  49 }
  50
  51 a.chatzilla-link {
  52     color: #336699;
  53 }
  54
  55 a.chatzilla-link:visited {
  56     color: #666699;
  57 }
  58
  59 .header-outer {
  60     background-color: black;
  61 }
  62
  63 .header {
  64     color: lightslategrey;
  65     background-color: #333333;
  66 /*    opacity: 0.9;  causes memory leak? */
  67     -moz-border-radius: 7px;
  68 }
  69
  70 .progress-fg {
  71     background-color: silver;
  72 }
  73
  74 .value {
  75     color: silver;
  76 }
  77
  78 /* Style userlist as white-on-black. */
  79 treechildren {
  80     background: black;
  81     color: white;
  82 }
  83
  84 /* For Mac, who's theme sucks. */
  85 treechildren::-moz-tree-row(unselected),
  86 treechildren::-moz-tree-cell(unselected),
  87 treechildren::-moz-tree-cell-text(unselected) {
  88     border-color: black !important;
  89     background: black !important;
  90     color: white !important;
  91 }
  92
  93 #splash {
  94     color: #444444;
  95 }
  96
  97 #usr-descnodes,
  98 #ch-topicnodes {
  99     color: white;
 100 }
 101
 102 [condition] {
 103     font-weight: bold;
 104 }
 105
 106 [condition="red"] {
 107     color: red;
 108 }
 109
 110 [condition="yellow"] {
 111     color: yellow;
 112 }
 113
 114 [condition="green"] {
 115     color: lightgreen;
 116 }
 117
 118 .msg[msg-type="JOIN"] .msg-data a.chatzilla-link,
 119 .msg[msg-type="PART"] .msg-data a.chatzilla-link {
 120     color: lightcyan;
 121 }
 122
 123 .msg[msg-type="KICK"] .msg-data a.chatzilla-link {
 124     color: #ff5700;
 125 }
 126
 127 .chatzilla-rheet {
 128     color: magenta !important;
 129 }
 130
 131 .chatzilla-highlight[name="Slate"] {
 132     color: white;
 133     background: #15272d;
 134 }
 135
 136 .chatzilla-highlight[name="Plum"] {
 137     color: white;
 138     background: #442144;
 139 }
 140
 141 .chatzilla-highlight[name="Brown"] {
 142     color: white;
 143     background: #562a14;
 144 }
 145
 146 .msg-type {                                 /* .msg-type = message type       */
 147     color: silver;                          /* indicator                      */
 148 }
 149
 150 .msg-user a.chatzilla-link,
 151 .msg-user {                                 /* msg-user = nickname portion of */
 152     color: white !important;                /* a message (channel and query   */
 153 }                                           /* views)                         */
 154
 155 .msg[mark="even"] .msg-data {                    /* use even/odd marks to create a */
 156     color: white;                           /* subtle brightness change when  */
 157 }                                           /* the speaker changes.           */
 158
 159 .msg[msg-type="JOIN"] .msg-data,
 160 .msg[msg-type="PART"] .msg-data {
 161     color: lightblue;
 162 }
 163
 164 .msg[msg-type="PART"] .msg-data {
 165     color: lightblue;
 166 }
 167
 168 .msg[msg-type="HELLO"] .msg-data {
 169     color: yellow;
 170 }
 171
 172 .msg[msg-type="ERROR"] .msg-data,
 173 .msg[msg-type="DISCONNECT"] .msg-data {
 174     background: red;
 175     color: white;
 176 }
 177
 178 .msg[msg-type="USAGE"] .msg-data {
 179     color: white;
 180 }
 181
 182 .msg[msg-type="ACTION"] .msg-data {
 183     color: #6ac9ee;
 184 }
 185
 186 .msg[msg-type="NICK"] .msg-data {
 187     color: #96fa94;
 188 }
 189
 190 .msg[msg-type="NOTICE"] .msg-data,
 191 .msg[msg-type="MODE"] .msg-data {
 192     color: #60e066;
 193 }
 194
 195 .msg[msg-type="NOTICE"] .msg-data a.chatzilla-link,
 196 .msg[msg-type="MODE"] .msg-data a.chatzilla-link {
 197     color: #6dff74;
 198 }
 199
 200 .msg[msg-type="KICK"] .msg-data {
 201     color: #d85d24;
 202 }
 203
 204 .msg[msg-type="QUIT"] .msg-data {
 205     color: #f7b183;
 206 }
 207
 208 /* important="true" means that the message has text from your /stalk list in
 209  * it, has your nickname in it, or was spoken by someone in your /stalk list.
 210  */
 211 .msg[important="true"] .msg-user,
 212 .msg[important="true"] .msg-data {
 213     background: #333333 !important;
 214 }
 215
 216 .msg-user:before,
 217 .msg-user:after {
 218     color: blue;
 219 }
 220
 221 .msg[msg-user$="ME!"] .msg-user:before,
 222 .msg[msg-user$="ME!"] .msg-user:after {
 223     color: #6afc73;
 224 }
 225
 226 .msg[msg-type="ACTION"] .msg-user:before,
 227 .msg[msg-type="ACTION"] .msg-user:after {
 228     color: cyan;
 229 }
 230
 231 .msg[msg-type="NOTICE"] .msg-user:before,
 232 .msg[msg-type="NOTICE"] .msg-user:after {
 233     color: #6afc73;
 234 }
 235
 236 /* private messages *not* in a query window */
 237 .msg[dest-type="IRCUser"] .msg-user:before,
 238 .msg[dest-type="IRCUser"] .msg-user:after {
 239     color: #6afc73;
 240 }
 241
 242 .msg[msg-dest$="ME!"] .msg-user:before,
 243 .msg[msg-dest$="ME!"] .msg-user:after {
 244     color: magenta;
 245 }
 246
 247 /* private messages in a query window */
 248 .msg[view-type="IRCUser"] .msg-user:before,
 249 .msg[view-type="IRCUser"] .msg-user:after {
 250     color: white;
 251 }
 252
 253 .msg[view-type="IRCUser"][msg-user$="ME!"] .msg-user:before,
 254 .msg[view-type="IRCUser"][msg-user$="ME!"] .msg-user:after {
 255     color: #6afc73;
 256 }