Styles for papertrail logs

gistfile1.txt

/*
<li data-program="sshd" data-system="www23"> 
  <time datetime="2011-08-26T21:59:09-07:00">Aug 26 21:59:09</time> 
  <span class="system"><a href="">www23</a></span> 
  <span class="program"><a href="">sshd</a>:</span> 
  <span class="message">Some message</span> 
</li> 

datetime
system (staging-logs-3)
program (singular-web, users-service, etc)
*/

/* Make the program mysqld orange */
/*#event_list li[data-program="mysqld"] .program a { color: #cb4b16; }*/

/* Tone down the color of the system - it is just the logging container */
#event_list li .system a { display: none; }

/* USED COLORS - If you are looking for something unique check against these! */
.colors-that-are-used{
  color: #F8D239;
  color: #395FF8;
  color: #F839BF;
  color: #39F872;
  color: #39F8EB;
  color: #A5F839;
  color: #8C39F8;
  color: #EEF839;
  color: #8C39F8;
  color: #39F872;
  color: #EE82EE;
  color: #FF6347;
  color: #00008B;
  color: #008B8B;
  color: #2E8B57;
  color: #48D1CC;
  color: #DAA520;
  color: #1E90FF;
  color: #FF1493;
  color: #FF8C00;
}

/* THE DEFAULT - This is ugly on purpose - if we see this then style your stuff */
/*#event_list li .program a { color: #006400; }*/


/******* SERVICES *********/
#event_list li[data-program*="users-service"] .program a { color: #F8D239; }
#event_list li[data-program*="identity-service"] .program a { color: #395FF8; }
#event_list li[data-program*="resource-service"] .program a { color: #F839BF; }
#event_list li[data-program*="collection-service"] .program a { color: #39F872; }
#event_list li[data-program*="helper-service"] .program a { color: #EE82EE; }
#event_list li[data-program*="seeder-service"] .program a { color: #FF6347; }

#event_list li[data-program*="service"] time::after {
  content: ' SRV ';
  color: #F8A839;
  font-weight: 900;
}

/******* WEB and LOAD_BALANCERS *********/
#event_list li[data-program*="singular-web"] .program a { color: #39F8EB; }
#event_list li[data-program*="micro-web"] .program a,
#event_list li[data-program*="microcredentials-client"] .program a,
#event_list li[data-program*="microcredentials-web"] .program a {
  color: #8C39F8;
}
#event_list li[data-program*="admin-web"] .program a,
#event_list li[data-program*="admin-client"] .program a { color: #A5F839; }


/* Load-balancers have the same color as their client but with an outline */
#event_list li[data-program*="singular-web-lb"] .program a { color: #DAA520; border: 1px solid #DAA520; }
#event_list li[data-program*="micro-web-lb"] .program a { color: #DAA520; border: 1px solid #DAA520; }
#event_list li[data-program*="admin-client-lb"] .program a,
#event_list li[data-program*="admin-web-lb"] .program a { color: #DAA520; border: 1px solid #DAA520; }


#event_list li[data-program*="web"] time::after,
#event_list li[data-program*="client"] time::after {
  content: ' WEB ';
  color: #39A8F8;
  font-weight: 900;
}

/******* TOOLS *********/
/* DBs have an outline to them */
#event_list li[data-program*="mongodb"] .program a { color: #2E8B57; border: 1px solid #2E8B57; }


/* Styling for the logs tool that is sending us data - make sure this is seen */
#event_list li[data-program*="-logs-"] .program a { color: #FF8C00; border: 1px solid #FF8C00; }


/* New Relic-esque styling for new relic*/
#event_list li[data-program*="newrelic"] .program a { color: #008B8B; border: 1px solid #00FFFF; }


/* Instead of changing the color of the system name, here's how to make the entire message text red on dark red (for messages from systems containing db) */
/*#event_list li[data-system*="db"] span.message { color: red; background-color: darkred; }*/

/******* ERRORS *********/
/* patterns that are errors */
#event_list li[data-message*="'down'"] span.message,
#event_list li[data-message*="error"] span.message,
#event_list li[data-message*="Error"] span.message,
#event_list li[data-message*="ERROR"] span.message,
#event_list li[data-message*="timeout"] span.message,
#event_list li[data-message*="TIMEOUT"] span.message,
#event_list li[data-message*="fail"] span.message { color: #F83945; }

/* patterns that are not errors */
#event_list li[data-message*="console.error"] span.message,
#event_list li[data-message*="http,timeout"] span.message,
#event_list li[data-message*="timeout:"] span.message,
#event_list li[data-message*="timeout connect"] span.message,
#event_list li[data-message*="timeout client"] span.message,
#event_list li[data-message*="timeout server"] span.message,
#event_list li[data-message*="timeout server"] span.message,
#event_list li[data-message*="--seneca.log"] span.message { color: #FFF; }

/* patterns that are good things == green */
#event_list li[data-message*="'ok'"] span.message { color: #39F872; }

/******* NOISE - Dull it out *********/
#event_list li[data-program*="cleanup"], #event_list li[data-program*="cleanup"] a,
#event_list li[data-program*="events"], #event_list li[data-program*="events"] a,
#event_list li[data-message*="martini"], #event_list li[data-message*="martini"] a,
#event_list li[data-message*="weave"], #event_list li[data-message*="weave"] a,
#event_list li[data-message*="logrotate"], #event_list li[data-message*="logrotate"] a,
#event_list li[data-message*="ntpd"], #event_list li[data-message*="ntpd"] a,
#event_list li[data-message*="production-authorizedkeys"], #event_list li[data-message*="production-authorizedkeys"] a{
  color: #666; background: #000
}