EarlyBlue/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: black;              /* output window. */
  14     color: lightgrey;
  15 }
  16
  17 a.chatzilla-link {
  18     color: #336699;
  19 }
  20
  21 a.chatzilla-link:visited {
  22     color: #666699;
  23 }
  24
  25 .header-outer {
  26     background-color: black;
  27 }
  28
  29 .header {
  30     color: lightslategrey;
  31     background-color: #333333;
  32 /*    opacity: 0.9;  causes memory leak? */
  33     border-radius: 7px;
  34 }
  35
  36 .progress-fg {
  37     background-color: silver;
  38 }
  39
  40 .value {
  41     color: silver;
  42 }
  43
  44 /* Style userlist as white-on-black. */
  45 treechildren {
  46     background: black;
  47     color: white;
  48 }
  49
  50 /* For Mac, who's theme sucks. */
  51 treechildren::-moz-tree-row(unselected),
  52 treechildren::-moz-tree-cell(unselected),
  53 treechildren::-moz-tree-cell-text(unselected) {
  54     border-color: black !important;
  55     background: black !important;
  56     color: white !important;
  57 }
  58
  59 #splash {
  60     color: #444444;
  61 }
  62
  63 #usr-descnodes,
  64 #ch-topicnodes {
  65     color: white;
  66 }
  67
  68 [condition] {
  69     font-weight: bold;
  70 }
  71
  72 [condition="red"] {
  73     color: red;
  74 }
  75
  76 [condition="yellow"] {
  77     color: yellow;
  78 }
  79
  80 [condition="green"] {
  81     color: lightgreen;
  82 }
  83
  84 .msg[msg-type="JOIN"] .msg-data a.chatzilla-link,
  85 .msg[msg-type="PART"] .msg-data a.chatzilla-link {
  86     color: lightcyan;
  87 }
  88
  89 .msg[msg-type="KICK"] .msg-data a.chatzilla-link {
  90     color: #ff5700;
  91 }
  92
  93 .chatzilla-rheet {
  94     color: magenta !important;
  95 }
  96
  97 .chatzilla-highlight[name="Slate"] {
  98     color: white;
  99     background: #15272d;
 100 }
 101
 102 .chatzilla-highlight[name="Plum"] {
 103     color: white;
 104     background: #442144;
 105 }
 106
 107 .chatzilla-highlight[name="Brown"] {
 108     color: white;
 109     background: #562a14;
 110 }
 111
 112 .msg-type {                                 /* .msg-type = message type       */
 113     color: silver;                          /* indicator                      */
 114 }
 115
 116 .msg-user a.chatzilla-link,
 117 .msg-user {                                 /* msg-user = nickname portion of */
 118     color: white !important;                /* a message (channel and query   */
 119 }                                           /* views)                         */
 120
 121 .msg[mark="even"] .msg-data {                    /* use even/odd marks to create a */
 122     color: white;                           /* subtle brightness change when  */
 123 }                                           /* the speaker changes.           */
 124
 125 .msg[msg-type="JOIN"] .msg-data,
 126 .msg[msg-type="PART"] .msg-data {
 127     color: lightblue;
 128 }
 129
 130 .msg[msg-type="PART"] .msg-data {
 131     color: lightblue;
 132 }
 133
 134 .msg[msg-type="HELLO"] .msg-data {
 135     color: yellow;
 136 }
 137
 138 .msg[msg-type="ERROR"] .msg-data,
 139 .msg[msg-type="DISCONNECT"] .msg-data {
 140     background: red;
 141     color: white;
 142 }
 143
 144 .msg[msg-type="USAGE"] .msg-data {
 145     color: white;
 146 }
 147
 148 .msg[msg-type="ACTION"] .msg-data {
 149     color: #6ac9ee;
 150 }
 151
 152 .msg[msg-type="NICK"] .msg-data {
 153     color: #96fa94;
 154 }
 155
 156 .msg[msg-type="NOTICE"] .msg-data,
 157 .msg[msg-type="MODE"] .msg-data {
 158     color: #60e066;
 159 }
 160
 161 .msg[msg-type="NOTICE"] .msg-data a.chatzilla-link,
 162 .msg[msg-type="MODE"] .msg-data a.chatzilla-link {
 163     color: #6dff74;
 164 }
 165
 166 .msg[msg-type="KICK"] .msg-data {
 167     color: #d85d24;
 168 }
 169
 170 .msg[msg-type="QUIT"] .msg-data {
 171     color: #f7b183;
 172 }
 173
 174 /* important="true" means that the message has text from your /stalk list in
 175  * it, has your nickname in it, or was spoken by someone in your /stalk list.
 176  */
 177 .msg[important="true"] .msg-user,
 178 .msg[important="true"] .msg-data {
 179     background: #333333 !important;
 180 }
 181
 182 .msg-user:before,
 183 .msg-user:after {
 184     color: blue;
 185 }
 186
 187 .msg[msg-user$="ME!"] .msg-user:before,
 188 .msg[msg-user$="ME!"] .msg-user:after {
 189     color: #6afc73;
 190 }
 191
 192 .msg[msg-type="ACTION"] .msg-user:before,
 193 .msg[msg-type="ACTION"] .msg-user:after {
 194     color: cyan;
 195 }
 196
 197 .msg[msg-type="NOTICE"] .msg-user:before,
 198 .msg[msg-type="NOTICE"] .msg-user:after {
 199     color: #6afc73;
 200 }
 201
 202 /* private messages *not* in a query window */
 203 .msg[dest-type="IRCUser"] .msg-user:before,
 204 .msg[dest-type="IRCUser"] .msg-user:after {
 205     color: #6afc73;
 206 }
 207
 208 .msg[msg-dest$="ME!"] .msg-user:before,
 209 .msg[msg-dest$="ME!"] .msg-user:after {
 210     color: magenta;
 211 }
 212
 213 /* private messages in a query window */
 214 .msg[view-type="IRCUser"] .msg-user:before,
 215 .msg[view-type="IRCUser"] .msg-user:after {
 216     color: white;
 217 }
 218
 219 .msg[view-type="IRCUser"][msg-user$="ME!"] .msg-user:before,
 220 .msg[view-type="IRCUser"][msg-user$="ME!"] .msg-user:after {
 221     color: #6afc73;
 222 }