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