<h2><span class="caps">CSS</span></h2> <p>Colors can be given in a few formats that will be familiar to those who work with <span class="caps">CSS</span>:</p> <ul> <li><code>#</code> followed by three or six hexadecimal characters,</li> <li><code>rgb(</code> followed by three comma-separated integer values in <code>0</code> &#8230; <code>255</code> and then <code>)</code>,</li> <li><code>rgba(</code> followed by four comma-separated integer values in <code>0</code> &#8230; <code>255</code> and then <code>)</code>,</li> <li>a <a href="http://www.w3.org/TR/CSS21/syndata.html#color-units"><span class="caps">CSS</span> color keyword</a>.</li> </ul> <h2>JavaScript</h2> <p>Beginning with <a href="http://github.com/psychs/limechat/commit/cf5c3dd98863b400bf13b742e7fba2e432d1ee51">commit cf5c3dd</a> LimeChat will evaluate a <code>ThemeName.js</code> file in every chat room view. We can modify messages as they arrive by listening for the <a href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-eventgroupings-mutationevents"><code>DOMNodeInserted</code> event</a>:</p> <pre><code>function react(e) { var line = e.target; // Do things to the line element. } document.addEventListener("DOMNodeInserted", react, true);</code></pre> 2008-08-01T11:01:14-07:00 41688 writing-themes 4016 2008-08-30T17:45:24-07:00 18513