jebcolors
Version:
npm module that contains colors, gradients and a class used to modify the colors or gradients
473 lines • 13.2 kB
JavaScript
"use strict";
// In this module I save all the web colors
// src = https://en.wikipedia.org/wiki/Web_colors
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
Object.defineProperty(exports, "__esModule", { value: true });
exports._webMainColorsMixedKeys_ONLY_TO_INTERN_USE = exports.webMainColors = void 0;
// Final color variables
// Pinks
var mediumVioletRed = "#c71585";
var deepPink = "#ff1493";
var paleVioletRed = "#db7093";
var hotPink = "#ff69b4";
var lightPink = "#ffb6c1";
var pink = "#ffc0cb";
// Reds
var darkRed = "#8b0000";
var red = "#ff0000";
var firebrick = "#b22222";
var crimson = "#dc143c";
var indianRed = "#cd5c5c";
var lightCoral = "#f08080";
var salmon = "#fa8072";
var darkSalmon = "#e9967a";
var lightSalmon = "#ffa07a";
// Oranges
var orangeRed = "#ff4500";
var tomato = "#ff6347";
var darkOrange = "#ff8c00";
var coral = "#ff7f50";
var orange = "#ffa500";
// Yellows
var darkKhaki = "#bdb76b";
var gold = "#ffd700";
var khaki = "#f0e68c";
var peachPuff = "#ffdab9";
var yellow = "#ffff00";
var paleGoldenrod = "#eee8aa";
var moccasin = "#ffe4b5";
var papayaWhip = "#ffefd5";
var lightGoldenrodYellow = "#fafad2";
var lemonChiffon = "#fffacd";
var lightYellow = "#ffffe0";
// Browns
var maroon = "#800000";
var brown = "#a52a2a";
var saddleBrown = "#8b4513";
var sienna = "#a0522d";
var chocolate = "#d2691e";
var darkGoldenrod = "#b8860b";
var peru = "#cd853f";
var rosyBrown = "#bc8f8f";
var goldenrod = "#daa520";
var sandyBrown = "#f4a460";
var tan = "#d2b48c";
var burlywood = "#deb887";
var wheat = "#f5deb3";
var navajoWhite = "#ffdead";
var bisque = "#ffe4c4";
var blanchedAlmond = "#ffebcd";
var cornsilk = "#fff8dc";
// Greens
var darkGreen = "#006400";
var green = "#008000";
var darkOliveGreen = "#556b2f";
var forestGreen = "#228b22";
var seaGreen = "#2e8b57";
var olive = "#808000";
var oliveDrab = "#6b8e23";
var mediumSeaGreen = "#3cb371";
var limeGreen = "#32cd32";
var lime = "#00ff00";
var springGreen = "#00ff7f";
var mediumSpringGreen = "#00fa9a";
var darkSeaGreen = "#8fbc8f";
var mediumAquamarine = "#66cdaa";
var yellowGreen = "#9acd32";
var lawnGreen = "#7cfc00";
var chartreuse = "#7fff00";
var lightGreen = "#90ee90";
var greenYellow = "#adff2f";
var paleGreen = "#98fb98";
// Cyans
var teal = "#008080";
var darkCyan = "#008b8b";
var lightSeaGreen = "#20b2aa";
var cadetBlue = "#5f9ea0";
var darkTurquoise = "#00ced1";
var mediumTurquoise = "#48d1cc";
var turquoise = "#40e0d0";
var aqua = "#00ffff";
var cyan = "#00ffff";
var aquamarine = "#7fffd4";
var paleTurquoise = "#afeeee";
var lightCyan = "#e0ffff";
// Blues
var navy = "#000080";
var darkBlue = "#00008b";
var mediumBlue = "#0000cd";
var blue = "#0000ff";
var midnightBlue = "#191970";
var royalBlue = "#4169e1";
var steelBlue = "#4682b4";
var dodgerBlue = "#1e90ff";
var deepSkyBlue = "#00bfff";
var cornflowerBlue = "#6495ed";
var skyBlue = "#87ceeb";
var lightSkyBlue = "#87cefa";
var lightSteelBlue = "#b0c4de";
var lightBlue = "#add8e6";
var powderBlue = "#b0e0e6";
// Purples, Vioconsts and Magentas
var indigo = "#4b0082";
var purple = "#800080";
var darkMagenta = "#8b008b";
var darkViolet = "#9400d3";
var darkSlateBlue = "#483d8b";
var blueViolet = "#8a2be2";
var darkOrchid = "#9932cc";
var fuchsia = "#ff00ff";
var magenta = "#ff00ff";
var slateBlue = "#6a5acd";
var mediumSlateBlue = "#7b68ee";
var mediumOrchid = "#ba55d3";
var mediumPurple = "#9370db";
var orchid = "#da70d6";
var violet = "#ee82ee";
var plum = "#dda0dd";
var thistle = "#d8bfd8";
var lavender = "#e6e6fa";
var rebeccaPurple = "#663399";
// Whites
var mistyRose = "#ffe4e1";
var antiqueWhite = "#faebd7";
var linen = "#faf0e6";
var beige = "#f5f5dc";
var whiteSmoke = "#f5f5f5";
var lavenderBlush = "#fff0f5";
var oldLace = "#fdf5e6";
var aliceBlue = "#f0f8ff";
var seashell = "#fff5ee";
var ghostWhite = "#f8f8ff";
var honeydew = "#f0fff0";
var floralWhite = "#fffaf0";
var azure = "#f0ffff";
var mintCream = "#f5fffa";
var snow = "#fffafa";
var ivory = "#fffff0";
var white = "#ffffff";
// Grays and Blacks
var black = "#000000";
var darkSlateGray = "#2f4f4f";
var dimGray = "#696969";
var slateGray = "#708090";
var gray = "#808080";
var lightSlateGray = "#778899";
var darkGray = "#a9a9a9";
var silver = "#c0c0c0";
var lightGray = "#d3d3d3";
var gainsboro = "#dcdcdc";
// Exports
exports.webMainColors = {
mediumVioletRed: mediumVioletRed,
deepPink: deepPink,
paleVioletRed: paleVioletRed,
hotPink: hotPink,
lightPink: lightPink,
pink: pink,
darkRed: darkRed,
red: red,
firebrick: firebrick,
crimson: crimson,
indianRed: indianRed,
lightCoral: lightCoral,
salmon: salmon,
darkSalmon: darkSalmon,
lightSalmon: lightSalmon,
orangeRed: orangeRed,
tomato: tomato,
darkOrange: darkOrange,
coral: coral,
orange: orange,
darkKhaki: darkKhaki,
gold: gold,
khaki: khaki,
peachPuff: peachPuff,
yellow: yellow,
paleGoldenrod: paleGoldenrod,
moccasin: moccasin,
papayaWhip: papayaWhip,
lightGoldenrodYellow: lightGoldenrodYellow,
lemonChiffon: lemonChiffon,
lightYellow: lightYellow,
maroon: maroon,
brown: brown,
saddleBrown: saddleBrown,
sienna: sienna,
chocolate: chocolate,
darkGoldenrod: darkGoldenrod,
peru: peru,
rosyBrown: rosyBrown,
goldenrod: goldenrod,
sandyBrown: sandyBrown,
tan: tan,
burlywood: burlywood,
wheat: wheat,
navajoWhite: navajoWhite,
bisque: bisque,
blanchedAlmond: blanchedAlmond,
cornsilk: cornsilk,
darkGreen: darkGreen,
green: green,
darkOliveGreen: darkOliveGreen,
forestGreen: forestGreen,
seaGreen: seaGreen,
olive: olive,
oliveDrab: oliveDrab,
mediumSeaGreen: mediumSeaGreen,
limeGreen: limeGreen,
lime: lime,
springGreen: springGreen,
mediumSpringGreen: mediumSpringGreen,
darkSeaGreen: darkSeaGreen,
mediumAquamarine: mediumAquamarine,
yellowGreen: yellowGreen,
lawnGreen: lawnGreen,
chartreuse: chartreuse,
lightGreen: lightGreen,
greenYellow: greenYellow,
paleGreen: paleGreen,
teal: teal,
darkCyan: darkCyan,
lightSeaGreen: lightSeaGreen,
cadetBlue: cadetBlue,
darkTurquoise: darkTurquoise,
mediumTurquoise: mediumTurquoise,
turquoise: turquoise,
aqua: aqua,
cyan: cyan,
aquamarine: aquamarine,
paleTurquoise: paleTurquoise,
lightCyan: lightCyan,
navy: navy,
darkBlue: darkBlue,
mediumBlue: mediumBlue,
blue: blue,
midnightBlue: midnightBlue,
royalBlue: royalBlue,
steelBlue: steelBlue,
dodgerBlue: dodgerBlue,
deepSkyBlue: deepSkyBlue,
cornflowerBlue: cornflowerBlue,
skyBlue: skyBlue,
lightSkyBlue: lightSkyBlue,
lightSteelBlue: lightSteelBlue,
lightBlue: lightBlue,
powderBlue: powderBlue,
indigo: indigo,
purple: purple,
darkMagenta: darkMagenta,
darkViolet: darkViolet,
darkSlateBlue: darkSlateBlue,
blueViolet: blueViolet,
darkOrchid: darkOrchid,
fuchsia: fuchsia,
magenta: magenta,
slateBlue: slateBlue,
mediumSlateBlue: mediumSlateBlue,
mediumOrchid: mediumOrchid,
mediumPurple: mediumPurple,
orchid: orchid,
violet: violet,
plum: plum,
thistle: thistle,
lavender: lavender,
rebeccaPurple: rebeccaPurple,
mistyRose: mistyRose,
antiqueWhite: antiqueWhite,
linen: linen,
beige: beige,
whiteSmoke: whiteSmoke,
lavenderBlush: lavenderBlush,
oldLace: oldLace,
aliceBlue: aliceBlue,
seashell: seashell,
ghostWhite: ghostWhite,
honeydew: honeydew,
floralWhite: floralWhite,
azure: azure,
mintCream: mintCream,
snow: snow,
ivory: ivory,
white: white,
black: black,
darkSlateGray: darkSlateGray,
dimGray: dimGray,
slateGray: slateGray,
gray: gray,
lightSlateGray: lightSlateGray,
darkGray: darkGray,
silver: silver,
lightGray: lightGray,
gainsboro: gainsboro,
};
/**
* This color group SHOULDN'T be exported to index, this is only to the css() function, but if you see this
* means that the keys are lowercased.
* @example
* lightSlateGray -> lightslategray
* @deprecated
* Please don't use this variable in your proyect, this is for the internal use of the css() function
*/
var _webMainColorsLowercased_ONLY_TO_INTERN_USE = {
mediumvioletred: mediumVioletRed,
deeppink: deepPink,
palevioletred: paleVioletRed,
hotpink: hotPink,
lightpink: lightPink,
pink: pink,
darkred: darkRed,
red: red,
firebrick: firebrick,
crimson: crimson,
indianred: indianRed,
lightcoral: lightCoral,
salmon: salmon,
darksalmon: darkSalmon,
lightsalmon: lightSalmon,
orangered: orangeRed,
tomato: tomato,
darkorange: darkOrange,
coral: coral,
orange: orange,
darkkhaki: darkKhaki,
gold: gold,
khaki: khaki,
peachpuff: peachPuff,
yellow: yellow,
palegoldenrod: paleGoldenrod,
moccasin: moccasin,
papayawhip: papayaWhip,
lightgoldenrodyellow: lightGoldenrodYellow,
lemonchiffon: lemonChiffon,
lightyellow: lightYellow,
maroon: maroon,
brown: brown,
saddlebrown: saddleBrown,
sienna: sienna,
chocolate: chocolate,
darkgoldenrod: darkGoldenrod,
peru: peru,
rosybrown: rosyBrown,
goldenrod: goldenrod,
sandybrown: sandyBrown,
tan: tan,
burlywood: burlywood,
wheat: wheat,
navajowhite: navajoWhite,
bisque: bisque,
blanchedalmond: blanchedAlmond,
cornsilk: cornsilk,
darkgreen: darkGreen,
green: green,
darkolivegreen: darkOliveGreen,
forestgreen: forestGreen,
seagreen: seaGreen,
olive: olive,
olivedrab: oliveDrab,
mediumseagreen: mediumSeaGreen,
limegreen: limeGreen,
lime: lime,
springgreen: springGreen,
mediumspringgreen: mediumSpringGreen,
darkseagreen: darkSeaGreen,
mediumaquamarine: mediumAquamarine,
yellowgreen: yellowGreen,
lawngreen: lawnGreen,
chartreuse: chartreuse,
lightgreen: lightGreen,
greenyellow: greenYellow,
palegreen: paleGreen,
teal: teal,
darkcyan: darkCyan,
lightseagreen: lightSeaGreen,
cadetblue: cadetBlue,
darkturquoise: darkTurquoise,
mediumturquoise: mediumTurquoise,
turquoise: turquoise,
aqua: aqua,
cyan: cyan,
aquamarine: aquamarine,
paleturquoise: paleTurquoise,
lightcyan: lightCyan,
navy: navy,
darkblue: darkBlue,
mediumblue: mediumBlue,
blue: blue,
midnightblue: midnightBlue,
royalblue: royalBlue,
steelblue: steelBlue,
dodgerblue: dodgerBlue,
deepskyblue: deepSkyBlue,
cornflowerblue: cornflowerBlue,
skyblue: skyBlue,
lightskyblue: lightSkyBlue,
lightsteelblue: lightSteelBlue,
lightblue: lightBlue,
powderblue: powderBlue,
indigo: indigo,
purple: purple,
darkmagenta: darkMagenta,
darkviolet: darkViolet,
darkslateblue: darkSlateBlue,
blueviolet: blueViolet,
darkorchid: darkOrchid,
fuchsia: fuchsia,
magenta: magenta,
slateblue: slateBlue,
mediumslateblue: mediumSlateBlue,
mediumorchid: mediumOrchid,
mediumpurple: mediumPurple,
orchid: orchid,
violet: violet,
plum: plum,
thistle: thistle,
lavender: lavender,
rebeccapurple: rebeccaPurple,
mistyrose: mistyRose,
antiquewhite: antiqueWhite,
linen: linen,
beige: beige,
whitesmoke: whiteSmoke,
lavenderblush: lavenderBlush,
oldlace: oldLace,
aliceblue: aliceBlue,
seashell: seashell,
ghostwhite: ghostWhite,
honeydew: honeydew,
floralwhite: floralWhite,
azure: azure,
mintcream: mintCream,
snow: snow,
ivory: ivory,
white: white,
black: black,
darkslategray: darkSlateGray,
dimgray: dimGray,
slategray: slateGray,
gray: gray,
lightslategray: lightSlateGray,
darkgray: darkGray,
silver: silver,
lightgray: lightGray,
gainsboro: gainsboro,
};
/**
* Mix of webMainColors and _webMainColorsLowercased (to handle keys better:) )
* @example
* You can find light blue color either as lightblue or lightBlue
* @deprecated
* Please don't use this variable in your proyect, is just for internal use of css() function
*/
exports._webMainColorsMixedKeys_ONLY_TO_INTERN_USE = __assign(__assign({}, _webMainColorsLowercased_ONLY_TO_INTERN_USE), exports.webMainColors);
//# sourceMappingURL=web-variables.js.map