UserScript to highlight JavaScript/Ruby articles on Hacker News

gistfile1.js

// ==UserScript==
// @name         Hacker News Article Highlighter
// @version      0.1
// @author       You
// @include      https://news.ycombinator.com/*
// @grant        none
// @noframes
// ==/UserScript==

// Requires Hacker News Enhancement Suite

var jsMatches = /JavaScript|JS|Node|io.js|Front-end|Frontend|Chrome|V8|DevTools/i;
var rubyMatches = /Ruby|Rails|MRI|Rubinius|JRuby|Matz/i;

var css = `
.athing.highlight td:first-child::before {
  position: absolute;
  left: 8px;
  top: 8px;
  width: 16px;
  height: 16px;
  content: '';
}
.athing.ruby td:first-child::before {
  background-color: fireBrick;
}
.athing.js td:first-child::before {
  background-color: mediumSpringGreen;
}
`;

var style = document.createElement('style');
document.head.appendChild(style);
style.innerHTML = css;

var items = document.querySelectorAll('.athing');

for (var i = 0; i < items.length; i++) {
    var item = items[i];
    var title = item.querySelector('.title > a');
    if (title.innerHTML.match(jsMatches)) {
        item.className += ' highlight js';
    }
    if (title.innerHTML.match(rubyMatches)) {
        item.className += ' highlight ruby';
    }
}