gecko/browser/devtools/tilt/tilt-visualizer-style.js

47 lines
1.2 KiB
JavaScript

/* -*- 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")
}
};