LCARStrek/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: #000000;              /* output window. */
  14   color: #E7ADE7;
  15 }
  16
  17 a.chatzilla-link {
  18   color: #FFCF00;
  19 }
  20
  21 a.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. */
  44 treechildren {
  45   background: #FFCF00;
  46   color: #000000;
  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: #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 }