t2/tailwind-colors.js

## tailwind-colors.js
var http = require('http');
var tailwind = require('./tailwind.config.js');

http
  .createServer(function (req, res) {
    var html = buildHtml(req);

    res.writeHead(200, {
      'Content-Type': 'text/html',
      'Content-Length': html.length,
      Expires: new Date().toUTCString(),
    });
    res.end(html);
  })
  .listen(8080);

function buildHtml(req) {
  var colors = tailwind.theme.colors;

  return `
    <!DOCTYPE html>
    <html>
      <head></head>
      <body>
        <div style="padding:20px;">
          ${buildColorHtml(colors)}
        </div>
      </body>
    </html>
  `;
}

function buildColorHtml(colors) {
  return Object.keys(colors)
    .map((color) => {
      return `
        <div style="padding-bottom:32px;">
          <div style="padding-bottom:4px;">${color}</div>
          <div style="display:flex;flex-direction:row;">
            ${buildColorDivs(colors[color])}
          </div>
        </div>
      `;
    })
    .join('');
}

function buildColorDivs(colors) {
  if (typeof colors !== 'object') {
    return buildSingleColorDiv(colors, colors);
  }

  return Object.keys(colors)
    .map((variant) => {
      return buildSingleColorDiv(colors[variant], variant);
    })
    .join('');
}

function buildSingleColorDiv(color, title) {
  return `
    <div>
      <div style="height:50px;width:50px;margin-bottom:4px;background-color:${color}"></div>
      <div>${title}</div>
    </div>
  `;
}
	var http = require('http');
	var tailwind = require('./tailwind.config.js');

	http
	.createServer(function (req, res) {
	var html = buildHtml(req);

	res.writeHead(200, {
	'Content-Type': 'text/html',
	'Content-Length': html.length,
	Expires: new Date().toUTCString(),
	});
	res.end(html);
	})
	.listen(8080);

	function buildHtml(req) {
	var colors = tailwind.theme.colors;

	return `
	<!DOCTYPE html>
	<html>
	<head></head>
	<body>
	<div style="padding:20px;">
	${buildColorHtml(colors)}
	</div>
	</body>
	</html>
	`;
	}

	function buildColorHtml(colors) {
	return Object.keys(colors)
	.map((color) => {
	return `
	<div style="padding-bottom:32px;">
	<div style="padding-bottom:4px;">${color}</div>
	<div style="display:flex;flex-direction:row;">
	${buildColorDivs(colors[color])}
	</div>
	</div>
	`;
	})
	.join('');
	}

	function buildColorDivs(colors) {
	if (typeof colors !== 'object') {
	return buildSingleColorDiv(colors, colors);
	}

	return Object.keys(colors)
	.map((variant) => {
	return buildSingleColorDiv(colors[variant], variant);
	})
	.join('');
	}

	function buildSingleColorDiv(color, title) {
	return `
	<div>
	<div style="height:50px;width:50px;margin-bottom:4px;background-color:${color}"></div>
	<div>${title}</div>
	</div>
	`;
	}