UNPKG

chariot.js

Version:

An extremely lightweight and extensible Eris client framework

1 lines 6.96 kB
(window.webpackJsonp=window.webpackJsonp||[]).push([[25],{212:function(o,r,e){"use strict";e.r(r);var t=e(0),l=Object(t.a)({},(function(){var o=this,r=o.$createElement,e=o._self._c||r;return e("div",{staticClass:"content"},[o._m(0),o._v(" "),e("p",[o._v("The Chariot.js "),e("router-link",{attrs:{to:"./../classes/richembed.html"}},[o._v("RichEmbed Builder")]),o._v(" accepts a number of different color resolvables for the "),e("code",[o._v(".setColor()")]),o._v(" method.")],1),o._v(" "),o._m(1),o._v(" "),e("p",[o._v("Any valid "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number",target:"_blank",rel:"noopener noreferrer"}},[o._v("JavaScript Number"),e("OutboundLink")],1),o._v(" in hexadecimal or decimal will work and can be resolved by Chariot.js. For example "),e("code",[o._v("0xFF9185")])]),o._v(" "),o._m(2),o._v(" "),e("p",[o._v("There's numerous ways Chariot.js can resolve a color from a string:")]),o._v(" "),o._m(3),o._v(" "),o._m(4),o._v(" "),o._m(5),o._v(" "),e("div",{staticClass:"color-wrapper"}),o._v(" "),e("div",{staticClass:"row"},[e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"RANDOM","color-name":"Random","color-typedef":"RANDOM"}})],1),o._v(" "),e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#FFFFFF","color-name":"White","color-typedef":"WHITE"}})],1),o._v(" "),e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#1ABC9C","color-name":"Aqua","color-typedef":"AQUA"}})],1)]),o._v(" "),e("div",{staticClass:"row"},[e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#2ECC71","color-name":"Green","color-typedef":"GREEN"}})],1),o._v(" "),e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#3498DB","color-name":"Blue","color-typedef":"BLUE"}})],1),o._v(" "),e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#9B59B6","color-name":"Purple","color-typedef":"PURPLE"}})],1)]),o._v(" "),e("div",{staticClass:"row"},[e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#E91E63","color-name":"Luminous Vivid Pink","color-typedef":"LUMINOUS_VIVID_PINK"}})],1),o._v(" "),e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#F1C40F","color-name":"Gold","color-typedef":"GOLD"}})],1),o._v(" "),e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#E67E22","color-name":"Orange","color-typedef":"ORANGE"}})],1)]),o._v(" "),e("div",{staticClass:"row"},[e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#E74C3C","color-name":"Red","color-typedef":"RED"}})],1),o._v(" "),e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#95A5A6","color-name":"Grey","color-typedef":"GREY"}})],1),o._v(" "),e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#34495E","color-name":"Navy","color-typedef":"NAVY"}})],1)]),o._v(" "),e("div",{staticClass:"row"},[e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#11806A","color-name":"Dark Aqua","color-typedef":"DARK_AQUA"}})],1),o._v(" "),e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#1F8B4C","color-name":"Dark Green","color-typedef":"DARK_GREEN"}})],1),o._v(" "),e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#206694","color-name":"Dark Blue","color-typedef":"DARK_BLUE"}})],1)]),o._v(" "),e("div",{staticClass:"row"},[e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#71368A","color-name":"Dark Purple","color-typedef":"DARK_PURPLE"}})],1),o._v(" "),e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#AD1457","color-name":"Dark Vivid Pink","color-typedef":"DARK_VIVID_PINK"}})],1),o._v(" "),e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#C27C0E","color-name":"Dark Gold","color-typedef":"DARK_GOLD"}})],1)]),o._v(" "),e("div",{staticClass:"row"},[e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#A84300","color-name":"Dark Orange","color-typedef":"DARK_ORANGE"}})],1),o._v(" "),e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#992D22","color-name":"Dark Red","color-typedef":"DARK_RED"}})],1),o._v(" "),e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#979C9F","color-name":"Dark Grey","color-typedef":"DARK_GREY"}})],1)]),o._v(" "),e("div",{staticClass:"row"},[e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#7F8C8D","color-name":"Darker Grey","color-typedef":"DARKER_GREY"}})],1),o._v(" "),e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#BCC0C0","color-name":"Light Grey","color-typedef":"LIGHT_GREY"}})],1),o._v(" "),e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#2C3E50","color-name":"Dark Navy","color-typedef":"DARK_NAVY"}})],1)]),o._v(" "),e("div",{staticClass:"row"},[e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#7289DA","color-name":"Blurple","color-typedef":"BLURPLE"}})],1),o._v(" "),e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#99AAB5","color-name":"Greyple","color-typedef":"GREYPLE"}})],1),o._v(" "),e("div",{staticClass:"column"},[e("Color",{attrs:{"color-code":"#2C2F33","color-name":"Dark But Not Black","color-typedef":"DARK_BUT_NOT_BLACK"}})],1)])])}),[function(){var o=this.$createElement,r=this._self._c||o;return r("h1",{attrs:{id:"colors"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#colors"}},[this._v("#")]),this._v(" Colors")])},function(){var o=this.$createElement,r=this._self._c||o;return r("h2",{attrs:{id:"numbers"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#numbers"}},[this._v("#")]),this._v(" Numbers")])},function(){var o=this.$createElement,r=this._self._c||o;return r("h2",{attrs:{id:"strings"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#strings"}},[this._v("#")]),this._v(" Strings")])},function(){var o=this,r=o.$createElement,e=o._self._c||r;return e("ul",[e("li",[e("strong",[o._v("Hexadecimal Strings:")]),o._v(" Classic representation known from e.g. CSS or HTML\n"),e("ul",[e("li",[o._v("Example: "),e("code",[o._v("#FF0000")]),o._v(", "),e("code",[o._v("#8ABB9A")])])])]),o._v(" "),e("li",[e("strong",[o._v("Color Names:")]),o._v(" It's also possible to provide colors by their names directly!\n"),e("ul",[e("li",[o._v("Example: "),e("code",[o._v("ORANGE")]),o._v(", "),e("code",[o._v("GREEN")])])])]),o._v(" "),e("li",[e("strong",[o._v("Random:")]),o._v(" Plugging in "),e("code",[o._v("RANDOM")]),o._v(" will tell Chariot.js to generate a random color every time")])])},function(){var o=this.$createElement,r=this._self._c||o;return r("h3",{attrs:{id:"color-reference-for-string-color-resolvable"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#color-reference-for-string-color-resolvable"}},[this._v("#")]),this._v(" Color reference for String color resolvable")])},function(){var o=this.$createElement,r=this._self._c||o;return r("p",[r("em",[this._v("Hovering over the color's name will show the exact hexadecimal color code.")])])}],!1,null,null,null);r.default=l.exports}}]);