Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Initial commit of theme - yeah, it's pretty fucking cool

  • Loading branch information...
commit f340f14374f434401677928e635be6d8a4d0370e 0 parents
@danheberden authored
Showing with 298 additions and 0 deletions.
  1. +162 −0 ChimeLat.css
  2. +82 −0 ChimeLat.js
  3. +54 −0 ChimeLat.yaml
162 ChimeLat.css
@@ -0,0 +1,162 @@
+html {
+ font-family: 'Menlo';
+ font-size: 11pt;
+ background-color: #191919;
+ color: #EEE;
+ word-wrap: break-word;
+ margin: 0;
+ padding: 3px 4px 10px 4px;
+}
+
+body {
+ margin: 0;
+ padding: 0;
+}
+
+/* the html tag has these classes and attributes too */
+body.normal {}
+body.console {}
+body[type=channel] {}
+body[type=talk] {}
+body[type=console] {}
+body[channelname=#limechat] {}
+
+hr { margin: 0.5em 2em; }
+a {}
+.inlineimage {}
+
+/* lines */
+.line { margin: 0 -4px; padding: 0 4px 1px 4px; }
+.line[alternate=even] {}
+.line[alternate=odd] {}
+.line[type=action] .sender:before {
+ content: "";
+ white-space: nowrap;
+}
+.line[highlight=true] {
+ background-color: #000;
+}
+
+/* line componenets */
+.url { word-break: break-all; }
+.address { text-decoration: underline; word-break: break-all; }
+.highlight { color: #f90; font-weight: bold; font-size:1.3em; }
+.time { color: #048; font: courier; }
+.place { color: #87B359; }
+body .line .notice { color:#F00; }
+a { color: #FFF; }
+
+/* nickname for text messages */
+.sender[type=myself] { color: #E8A0C4; }
+.sender[type=normal] { color: #80AACF; }
+.sender[type=normal][colornumber='0'] {}
+.sender[type=normal][colornumber='1'] {}
+.sender[type=normal][colornumber='2'] {}
+.sender[type=normal][colornumber='3'] {}
+.sender[type=normal][colornumber='4'] {}
+.sender[type=normal][colornumber='5'] {}
+.sender[type=normal][colornumber='6'] {}
+.sender[type=normal][colornumber='7'] {}
+.sender[type=normal][colornumber='8'] {}
+.sender[type=normal][colornumber='9'] {}
+.sender[type=normal][colornumber='10'] {}
+.sender[type=normal][colornumber='11'] {}
+.sender[type=normal][colornumber='12'] {}
+.sender[type=normal][colornumber='13'] {}
+.sender[type=normal][colornumber='14'] {}
+.sender[type=normal][colornumber='15'] {}
+
+/* message body */
+.message[type=system] { color: #666; }
+.message[type=error] { color: #f00; font-weight: bold; }
+.message[type=reply] { color: #088; }
+.message[type=error_reply] { color: #f00; }
+.message[type=dcc_send_send] { color: #088; }
+.message[type=dcc_send_receive] { color: #00c; }
+.message[type=privmsg] {}
+.message[type=notice] { color: #888; }
+.message[type=action] { color: #080; }
+.message[type=join] { color: #555; }
+.message[type=part] { color: #555; }
+.message[type=kick] { color: #555; }
+.message[type=quit] { color: #555; }
+.message[type=kill] { color: #555; }
+.message[type=nick] { color: #555; }
+.message[type=mode] { color: #555; }
+.message[type=topic] { color: #555; }
+.message[type=invite] { color: #555; }
+.message[type=wallops] { color: #555; }
+.message[type=debug_send] { color: #aaa; }
+.message[type=debug_receive] { color: #444; }
+
+.message[type=system],
+.message[type=error],
+.message[type=join],
+.message[type=kick],
+.message[type=quit],
+.message[type=notice],
+.message[type=action],
+.message[type=nick] {
+ font-size: 0.8em;
+}
+
+.console .line[type=join],
+.console .line[type=system],
+.console .message[type=kill],
+.console .line[type=quit],
+.console .line.event[type=reply] {
+ display:none;
+}
+
+/* mIRC color effects */
+.effect[color-number='0'] {}
+.effect[color-number='1'] {}
+.effect[color-number='2'] {}
+.effect[color-number='3'] {}
+.effect[color-number='4'] {}
+.effect[color-number='5'] {}
+.effect[color-number='6'] {}
+.effect[color-number='7'] {}
+.effect[color-number='8'] {}
+.effect[color-number='9'] {}
+.effect[color-number='10'] {}
+.effect[color-number='11'] {}
+.effect[color-number='12'] {}
+.effect[color-number='13'] {}
+.effect[color-number='14'] {}
+.effect[color-number='15'] {}
+.effect[bgcolor-number='0'] {}
+.effect[bgcolor-number='1'] {}
+.effect[bgcolor-number='2'] {}
+.effect[bgcolor-number='3'] {}
+.effect[bgcolor-number='4'] {}
+.effect[bgcolor-number='5'] {}
+.effect[bgcolor-number='6'] {}
+.effect[bgcolor-number='7'] {}
+.effect[bgcolor-number='8'] {}
+.effect[bgcolor-number='9'] {}
+.effect[bgcolor-number='10'] {}
+.effect[bgcolor-number='11'] {}
+.effect[bgcolor-number='12'] {}
+.effect[bgcolor-number='13'] {}
+.effect[bgcolor-number='14'] {}
+.effect[bgcolor-number='15'] {}
+
+/* colors! generated from http://jsbin.com/agavah */
+.line .color0 { color: rgb(252, 105, 105); }
+.line .color1 { color: rgb(105, 198, 252); }
+.line .color2 { color: rgb(252, 216, 105); }
+.line .color3 { color: rgb(122, 105, 252); }
+.line .color4 { color: rgb(179, 252, 105); }
+.line .color5 { color: rgb(233, 105, 252); }
+.line .color6 { color: rgb(105, 252, 142); }
+.line .color7 { color: rgb(252, 105, 161); }
+.line .color8 { color: rgb(105, 252, 252); }
+.line .color9 { color: rgb(252, 159, 105); }
+.line .color10 { color: rgb(105, 142, 252); }
+.line .color11 { color: rgb(235, 252, 105); }
+.line .color12 { color: rgb(179, 105, 252); }
+.line .color13 { color: rgb(125, 252, 105); }
+.line .color14 { color: rgb(252, 105, 216); }
+.line .color15 { color: rgb(105, 252, 196); }
+
82 ChimeLat.js
@@ -0,0 +1,82 @@
+(function(){
+
+ var window = this;
+ var users = {
+ currentColorValue: 0
+ };
+ var channels = {
+ currentColorValue: 0
+ };
+ var totalColors = 16;
+
+ var highlight = function( element, elClass, cache, addClass ) {
+ var el = element.querySelector( elClass );
+ var name;
+
+ // no element found?
+ if ( !el ) {
+ return;
+ }
+
+ // get the contents of the element's elClass
+ label = el.innerHTML;
+
+ // check for bouncer/system name and flag it as notice
+ if ( /[\*]{3}/.test( label ) ) {
+ el.className += " notice";
+ return;
+ }
+
+ // is the label already being tracked?
+ if ( !cache[label] ) {
+ cache[label] = cache.currentColorValue;
+ // increment and mod currentColor
+ cache.currentColorValue = ( cache.currentColorValue + 1 ) % totalColors;
+ }
+
+ // add the color class to that user
+ el.className += " " + addClass + cache[label];
+ };
+
+ // when a new line is added
+ var process = function(e){
+
+ // handle console messages different than regular
+ if ( /console/.test( window.document.body.className ) ) {
+ highlight( e, '.place', channels, 'color' );
+ return;
+ }
+
+ // add color class for users
+ highlight( e, '.sender', users, 'color' );
+ };
+
+ // listen for new nodes added
+ document.addEventListener('DOMNodeInserted', function(e){
+ // only worry about new lines
+ if ( /line/.test( event.target.className ) ) {
+ process( event.target );
+ }
+ });
+
+ window.console = {
+ log: function() {
+ var msgs = [].slice.call( arguments );
+ var line = document.createElement('div');
+ line.innerHTML = '<span class="log-message message"><span class="log-item">' + msgs.join('</span> <span class="log-item">') + '</span></span>';
+ document.body.appendChild( line );
+ },
+ dir: function( wat ) {
+ window.console.log( JSON.stringify( wat ) );
+ },
+ error: function() {
+ window.console.log.apply( arguments );
+ }
+ };
+
+ window.onerror = function ( errorMessage) {
+ window.console.error( 'OOPS!: ', errorMessage );
+ };
+
+}());
+
54 ChimeLat.yaml
@@ -0,0 +1,54 @@
+# All colors must be in the form of '#rrggbb' or '#rgb'.
+# You cannot use color names.
+
+log-view:
+ nickname-format: '%n: '
+ scroller-highlight-color: '#f0f'
+input-text:
+ font-family: 'Menlo'
+ font-size: 14.0
+ background-color: '#000'
+ color: '#CCC'
+ selected:
+ background-color: '#f90'
+member-list:
+ font-family: 'Menlo'
+ font-size: 12.0
+ color: '#BBB'
+ background-color: '#444'
+ operator:
+ color: '#999'
+ selected:
+ color: '#000'
+ background:
+ # gradient
+ top-line-color: '#f90'
+ bottom-line-color: '#f90'
+ top-color: '#f90'
+ bottom-color: '#f90'
+server-tree:
+ font-family: 'Menlo'
+ font-size: 12.0
+ background-color: '#111'
+ highlight:
+ color: '#f0f'
+ newtalk:
+ color: '#f90'
+ unread:
+ color: '#9f0'
+ normal:
+ active:
+ color: '#CCC'
+ inactive:
+ color: '#888'
+ selected:
+ active:
+ color: '#000'
+ inactive:
+ color: '#888'
+ background:
+ # gradient
+ top-line-color: '#adbbd0'
+ bottom-line-color: '#8c98b0'
+ top-color: '#adbbd0'
+ bottom-color: '#98aac4'
Please sign in to comment.
Something went wrong with that request. Please try again.