notehub/resources/public/js/themes.js

var $ = function(id){ return document.getElementById(id); }
var show = function(elem) { elem.style.display = "block" }

var themes = {
  "dark": {
    background: {
      normal: '#333',
      halftone: '#444'
    },
    foreground: {
      normal: '#ccc',
      halftone: '#bbb'
    },
    link: {
      fresh: '#6b8',
      visited: '#496',
      hover: '#7c9'
    }
  },
  "solarized-light": {
    background: {
      normal: '#fdf6e3',
      halftone: '#eee8d5'
    },
    foreground: {
      normal: '#657b83',
      halftone: '#839496'
    },
    link: {
      fresh: '#b58900',
      visited: '#cb4b16',
      hover: '#dc322f'
    }
  },
  "solarized-dark": {
    background: {
      normal: '#073642',
      halftone: '#002b36'
    },
    foreground: {
      normal: '#93a1a1',
      halftone: '#839191'
    },
    link: {
      fresh: '#cb4b16',
      visited: '#b58900',
      hover: '#dc322f'
    }
  },
  "default": {
    background: {
      normal: '#fff',
      halftone: '#efefef'
    },
    foreground: {
      normal: '#333',
      halftone: '#888'
    },
    link: {
      fresh: '#097',
      visited: '#054',
      hover: '#0a8'
    }
  }
};


var ui = { theme: "default" };
if (location.search.length > 0) {
  location.search.slice(1).split("&").reduce(function(acc, e){
    var p = e.split("=");
    acc[p[0]] = p[1];
    return acc
  }, ui);
}

var vars = {
  'background': themes[ui.theme].background.normal,
  'background_halftone': themes[ui.theme].background.halftone,
  'foreground': themes[ui.theme].foreground.normal,
  'foreground_halftone': themes[ui.theme].foreground.halftone,
  'link_fresh': themes[ui.theme].link.fresh,
  'link_visited': themes[ui.theme].link.visited,
  'link_hover': themes[ui.theme].link.hover
};

var fontURL = "https://fonts.googleapis.com/" +
    "css?family=PT+Serif:700|Noticia+Text:700%s" +
    "&subset=latin,cyrillic",
    injection = "";

if(ui["header-font"] || ui["text-font"]) {
  injection = ["header-font", "text-font"].reduce(function(acc, font){
    if(ui[font]) {
      vars[font.replace(/-/, "_")] = ui[font].replace(/\+/g," ");
      return acc + "|" + ui[font];
    } else return acc;
  }, "");
}

if(ui["text-size"]) vars["@text_size_factor"] = ui["text-size"];
if(ui["header-size"]) vars["@header_size_factor"] = ui["header-size"];

fontURL = fontURL.replace(/%s/, injection);
var fileref = document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("href", fontURL)
document.getElementsByTagName("head")[0].appendChild(fileref)

var less = { modifyVars: vars };
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "//cdnjs.cloudflare.com/ajax/libs/less.js/2.1.0/less.min.js";
document.head.appendChild(script);

function onLoad () {}