diff -r 000000000000 -r 6474c204b198 browser/devtools/tilt/tilt-visualizer-style.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/browser/devtools/tilt/tilt-visualizer-style.js	Wed Dec 31 06:09:35 2014 +0100
@@ -0,0 +1,46 @@
+/* -*- Mode: javascript, tab-width: 2, indent-tabs-mode: nil, c-basic-offset: 2 -*- */
+/* vim: set ts=2 et sw=2 tw=80: */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+"use strict";
+
+let {TiltMath} = require("devtools/tilt/tilt-math");
+let rgba = TiltMath.hex2rgba;
+
+/**
+ * Various colors and style settings used throughout Tilt.
+ */
+module.exports = {
+  canvas: {
+    background: "linear-gradient(#454545 0%, #000 100%)",
+  },
+
+  nodes: {
+    highlight: {
+      defaultFill: rgba("#555"),
+      defaultStroke: rgba("#000"),
+      defaultStrokeWeight: 1
+    },
+
+    html: rgba("#8880"),
+    body: rgba("#fff0"),
+    h1: rgba("#e667af"),
+    h2: rgba("#c667af"),
+    h3: rgba("#a667af"),
+    h4: rgba("#8667af"),
+    h5: rgba("#8647af"),
+    h6: rgba("#8627af"),
+    div: rgba("#5dc8cd"),
+    span: rgba("#67e46f"),
+    table: rgba("#ff0700"),
+    tr: rgba("#ff4540"),
+    td: rgba("#ff7673"),
+    ul: rgba("#4671d5"),
+    li: rgba("#6c8cd5"),
+    p: rgba("#aaa"),
+    a: rgba("#123eab"),
+    img: rgba("#ffb473"),
+    iframe: rgba("#85004b")
+  }
+};