WebStorm：令人眼前一亮的一款前端开发IDE 从最初的dreamweaver,到Notpad++,再到aptana，每一款IDE总让我我感觉少了点什么东西。WebStorm却让我眼前一亮，虽然公司项目所用的开发环境是eclipse+aptana（主要是方便团队协作和工程调试），但是其他时间我都会学习使用WebStorm，现在4.0版本已经出来了，让我们来看看它都有哪些强大之处吧：
浏览器支持细节提示 关键字，标签，变量，参数和功能的javascript代码完成是基于支持DOM的流行的浏览器（IE，火狐等）标准，可以显示在不同浏览器之下的支持细节。
智能的代码导航和搜索提示 ECMAScript的Harmony支持 WebStorm支持最新的ECMAScript版本，你可以尝试新的功能，每个javascript引擎的实现增加了别人所不具备的一些不错的功能，当您使用的目前选定的javascript版本不支持，WebStorm将通知您，并建议速战速决：
支持CoffeeScript CoffeeScript是一种编程语言，编译javascript和增强其简洁性和可读性，同时还增加了一些复杂的功能，像阵列的理解和模式匹配。WebStorm提供您：
代码导航和完成 重命名重构 语法高亮 错误检查 查找使用实例 支持Node.js WebStorm允许你调试和验证您的服务器端javascript – Node.js的应用。
编辑CommonJS的模块结构，并提出适当的自动完成选项：
javascript的重构 为javascript提供的重构功能，让您可以轻松地修改代码结构，以及撤消修改。
移动/复制 安全删除 提取到嵌入的脚本文件 重命名 提取变量/函数 内联变量/函数 javascript单元测试 如果你是一个javascript开发人员，你可能知道，您的应用程序的质量和正确性是至关重要的。那么，一致性测试和回归测试正好是你的痛苦少一点。支持JsTestDriver插件。
WebStorm为单元测试提供了一个清晰的画面。从现在开始，JsTestDriver用户可以测量代码覆盖率。
在IDE线行使你的单元测试：
你还可以看到文件和目录在项目视图的测试覆盖率统计：
代码检查和快速修复 为了确保更好的代码质量，WebStorm可以捕捉动态的javascript代码中的常见错误…
…，并为他们提供了快速修复。
支持JSLint / JSHint javascript代码质量工具集成在IDE中。
基于Mozilla Firefox的javascript调试器 HTML和javascript断点 定制断点属性：暂停模式，条件，通过计数 帧，变量和javascript调试器 javascript表达式的运行评价 批量代码分析 无需通过点击所有文件或部署到服务器。整个源代码树的启动代码分析，可以在一个单一的视图中看到所有的结果。
语言混合编辑 支持任何代码中的“外部”和“内部”的语言 – 享受以外的javascript代码块，或在javascript字符串文字编码的CSS，HTML，SQL等。
拼写检查 集成拼写检查验证在标签的文本，代码串，评论，以避免您的网页上的拼写错误和错别字。以确保代码的可读性更好，甚至变量名，CSS类和ID拼写检查。
智能重复代码检测 支持HTML5 WebStorm也明白你的代码和每个元素的类型，并显示新的HTML5元素支持的方法：
只需按Ctrl +空格，WebStorm会显示所有可能的自动完成选项。
验证和快速修复 WebStorm可以修复检测下列问题，并给你更合理的建议建议：
无效的CSS选择器的格式 无效的CSS属性 未使用的CSS类定义 无效的本地锚和更多… 缺少必需的属性 无效的属性或非法值 错误的引用文件中的链接 重复的属性 每当你看到一个灯泡，打ALT +回车，看看WebStorm有什么建议：
要实现效果图：
第一步：从上到下画直线。
第二步：从左到右画直线。
其中body代码：
css代码：
即设置div.box的背景颜色为orange，再设置其内部div的linear-gradient的css属性值。实现网格效果。
下面更改 .one 的 linear-gradient 属性值一步步分析（.one 的height属性值不变）：
方法一： 第一步：从上到下画直线。 当 .one 的 linear-gradientcss样式为
background: -webkit-linear-gradient(top, transparent 40px, yellow 41px);
的时候。 效果图： 该css属性值的意思可以解释为：top：从上到下开始，0~40px处为transparent透明，从41px开始背景颜色为yellow，因为 .box 的背景颜色是orange，故透明的时候即仍然是orange色。就形成了上边的效果图。
若想实现一条直线效果。那么我们可以让前边40px透明后，再让41px之后的42px开始也变成透明。即只设置41px的时候背景颜色yellow。在41px处形成一条1px的黄色直线。
此时可以使用background-size属性。background-size 属性规定背景图片的大小。
当 .one 的 linear-gradientcss样式为
background: -webkit-linear-gradient(top, transparent 40px, yellow 41px);
background-size: 41px 41px;
background-repeat: no-repeat;
的时候。 效果图： 即规定背景图像的宽高为41px的尺寸。即规定背景图片的大小在宽度和高度为41px为止的时候借宿。那么yellow背景色将只留在41px处，之后的yellow背景色都不再存在。
为了便于观察我们刚刚将背景设为不平铺，而linear-gradient默认平铺，此时再将background-repeat属性去掉，效果图将变为：
可以发现刚刚不平铺的时候只有下边有1px的黄线，右边没有。那是因为设置的linear-gradient属性值是从上到下的。现在开始画从左到右的竖线。即加一个从左到右的linear-gradient属性值。
第二步：从左到右画直线。 当 .one 的 linear-gradientcss样式为
background: -webkit-linear-gradient(top, transparent 40px, yellow 41px),-webkit-linear-gradient(left, transparent 40px, yellow 41px);
background-size: 41px 41px;
1.引用资源 首先跟创建2D地图一样，在head标签内部，使用script和link标签引用ArcGIS API for JavaScript，代码如下： "stylesheet" href="https://js.arcgis.com/4.6/esri/css/main.css"> 同样该script标记从CDN加载ArcGIS API for JavaScript。当新版本的API发布时，更新版本号以对应新发布的版本。
该link标签引用main.css样式表，其中包含特定于Esri窗口小部件和组件的样式。
2.加载模块 其中加载模块中的内容，跟创建2D地图一样，这里就不在累赘，可以参考前期的创建一个2D地图的文章，代码如下：
esri/views/SceneView – 加载允许在3D中查看地图的代码
3.创建地图 创建一个Map对象，它是从esri/Map模块加载的Map类的引用。我们可以通过Map对象传递给构造函数来指定地图属性，例如和“ground”。这里是设置地图的属性，比如说我们需要加载的底图啊，地图的地面属性啊等等，而后面我们创建的3D视图，是设置我们所看到地图的样子，可以设置显示的中心位置，以及放大的级数等等。代码如下：
require([ "esri/Map", "esri/views/SceneView", "dojo/domReady!" ], function(Map, SceneView) { var map = new Map({ basemap: "streets", ground: "world-elevation" }); }); 其中basemap为加载的底图，其他底图的选项有：satellite，hybrid，topo，gray，dark-gray，oceans，osm，national-geographic。 ground指定地图的表面属性，字符串“world-elevation”使用世界高程服务指定地面的一个实例。
4.创建一个3D视图 创建一个新的SceneView并通过传递一个对象给它的构造函数来设置它的属性： 代码如下：
require([ "esri/Map", "esri/views/SceneView", "dojo/domReady!" ], function(Map, SceneView) { var map = new Map({ basemap: "streets", ground: "world-elevation" }); var view = new SceneView({ container: "viewDiv", // container为容器的意思，这里对将包含视图的DOM节点的引用，就是承载地图的div容器的id。 map: map // 引用我们在上一步中创建的地图对象 scale: 500000, // 设置显示的比例尺的大小 center: [103.
版本：LiteIDE 33.1 语言：Go
总起：
这两天开始学了Photon服务器，然后想到其在免费版的限制，而且部署到Linux貌似不很很好，所以在网上寻找可以快速上手的服务器。
主要还是做客户端，但如果是小项目练习的话，总归还是避不开服务端的开发吧。在网上看了很久，最后在Erlang和Go上犹豫了一下，最终还是选择了Go，不过还是有点顾虑，毕竟Go只是一种语言，没有说是大家都在使用游戏服务端框架。
不过看大家说几个星期就很轻松的入门，想着开发起来也不难吧，最后就敲定使用Go了（我主攻也不是服务端，越轻松越好）。
这边参考了一下Defonds大神的文章，记录了一下LiteIDE的安装。
安装：
♦ Go语言
下载地址：https://golang.org/dl/
下完之后按照安装程序一步步安装就好，路径随意，环境变量安装程序会自动添加，所以没有太大的关系。
最后在CMD上看到以下结果就表示安装完成：
♦ MinGW
下载地址：https://sourceforge.net/projects/mingw/
当年练习C++的时候就用的这个工具，好怀念。
安装完之后正式安装包：mingw-developer-toolkit和mingw32-base。在Basic Setup中，然后在菜单栏Installation -> Apply Changes。等待安装完成：
MinGW的bin目录需要添加到环境变量的PATH下，添加完成后CMD中有以下结果就算是成功了：
♦ LiteIDE
下载地址：https://sourceforge.net/projects/liteide/
安装完成后打开IDE，主要要配置Go语言和MinGW的环境变量。
菜单栏找到查看 -> 选项 -> LiteEnv，双击system.env进行配置，比如我本机的配置如下：
# native compiler windows 386
GOROOT=D:\tools\Go
#GOBIN=
GOARCH=amd64
GOOS=windows
CGO_ENABLED=1
PATH=D:\tools\MinGW\bin;%GOROOT%\bin;%PATH%
LITEIDE_GDB=gdb64
LITEIDE_MAKE=mingw32-make
LITEIDE_TERM=%COMSPEC%
LITEIDE_TERMARGS=
LITEIDE_EXEC=%COMSPEC%
LITEIDE_EXECOPT=/C
大家可以参考一下。
完成之后，菜单栏 文件 -> 新建 选择Command Project就可以开始一个命令行的工程了。
方法一
启用禁用时，设置js
document.documentElement.style.overflowY = 'hidden'; 当还原时候，只需要把属性重置scroll就可以了
document.documentElement.style.overflowY = 'scroll'; 方法二
方法一仅仅是滚动条的隐藏和显示。如果想要在显示滚动条条件下，实现这一功能，需要绑定scroll的事件
启用禁用时
var tops = $(document).scrollTop();//当页面滚动时，把当前距离赋值给页面，这样保持页面滚动条不动 $(document).bind("scroll",function (){$(document).scrollTop(tops); }); 当重置时，只需要解绑此事件
$(document).unbind("scroll"); 两种方法可以应对不同的使用情景，隐藏滚动条的方法（方法一）在实际操作时，因为滚动条会占位，所以视觉上会出现屏幕变大缩小的效果，所以还需要对滚动条的占位进行一个设置
隐藏滚动条时：
window.innerWidth //浏览器可用宽度 document.body.clientWidth// body的宽度 var m=window.innerWidth-document.body.clientWidth;//滚动条的宽度 document.documentElement.style.marginRight=m+"px"; //或者 document.documentElement.style.paddingRight=m+"px"; //这样就会把滚动条的占位处理好
//显示滚动条：
document.documentElement.style.marginRight="0px"; //或者 document.documentElement.style.paddingRight="0px"; //此时还可能存在一个问题，自己的弹出框在打开关闭的时候会有轻微的位移，也是因为滚动条的缘故，所以根据自己的需要，来进行设置修改
//隐藏滚动条打开弹窗时：
$('弹窗').css("right",m+"px");//根据自己需要调整属性 //显示滚动条关闭弹窗时：
$('弹窗').css("right","0px");//根据自己需要调整属性 //方法二在滚动时，大多数的浏览器都可以适应，但是IE浏览器会出现比较明显的滚动强制重置 效果。
//bootstrup的模态框是一种不错的弹出框，完美解决了滚动条的问题，如果没有特殊要求，可以考虑bootstrup。
nodejs Node 就是 JavaScript 语言在服务器端的运行环境. Node是一个JavaScript的运行环境（平台），不是一门语言，也不是JavaScript的框架
Nodejs安装 安装很简单，在官网下载直接安装即可 官网地址： https://nodejs.org/en/download/
Nodejs解决卡死下载慢的问题 在使用npm install 有使用安装会卡住不动、或者下载慢的问题 解决办法就是使用国内的镜像来访问。 淘宝提供的镜像不错，使用如下方式来下载就会很快
npm install -gd express -registry=http://registry.npm.taobao.org 为了避免每次使用-registry=http://registry.npm.taobao.org 我们可以：
npm config set registry http://registry.npm.taobao.org 这样我们在使用命令就可以不用加-registry参数，比如：
npm install webpack -g 验证是否设置上镜像：
C:\WINDOWS\system32>npm config get registry https://registry.npm.taobao.org/ 配置文件 在用户根目录有一个.npmrc文件，这个文件是配置npm一些参数：
prefix=E:\nodejs\node_global //npm install 安装路径 cache=E:\nodejs\node_cache //npm 缓存路径 registry=https://registry.npm.taobao.org //npm 镜像 关于环境变量 如果使用msi安装包进行安装nodejs在安装过程中会配置环境变量 如果我们认为改变了npm install安装路径那么需要在用户环境变量中配置环境变量，才能直接使用我们install 模块的命令
CNPM npm（node package manager）是nodejs的包管理器,用于node插件管理,比如插件的安装、更新、卸载 因为npm安装插件是从国外服务器进行下载，受网络影响很大，可能出现异常，CNPM命令就是为了解决这个问题。这个命令和npm命令用户用法一致。 安装：
npm install cnpm -g --registry=https://registry.npm.taobao.org REPL环境 其实就是nodejs提供测试调试环境，类似谷歌浏览器的debug调试工具，我们可以在这个环境中测试我们的代码。
我们公司用的是自己的开发的sql视图工具,实现sql自动提示功能的时候用到了codemirror编辑器,看了一些资料就着手开发,但遇到提示信息设置的时候,遇到难题了,查了度娘,没有找到codemirror相关的设置提示信息的属性,而官网提供的api我只想说太rubbish
codemirror官网:http://codemirror.net/
javascritpt爱好者:http://www.hyjiacan.com/codemirror-basic-usage/ 有中文的文档
皇天不负苦心人吧最好还是找到了解决办法
hintOptions: {
tables: source
}
这个属性是设置提示的信息
var source={app: [“name”, “score”, “birthDate”],version: [“name”, “score”, “birthDate”],dbos: [“name”, “population”, “size”]};
这样就能提示source中的信息
我用的mode是sql
这里有我自己弄的demo,大家可以看着学习:http://download.csdn.net/download/j_cxn/10151541
Echart是一款非常强大和简单的展示报表的插件，最近业务需求，需要用到报表方面的功能，这里推荐使用Echart插件，非常轻便和简介，操作简单易于上手，下面就列举一个柱状图和饼状图的代码：
主要是使用一个div标签，然后使用js进行渲染完成的，下面分别是饼状图和柱状图的js结构代码：
柱状图:
option = {
color: [‘#3398DB’],
tooltip : {
trigger: ‘axis’,
axisPointer : { // 坐标轴指示器，坐标轴触发有效
type : ‘shadow’ // 默认为直线，可选为：’line’ | ‘shadow’
}
},
grid: {
left: ‘3%’,
right: ‘4%’,
bottom: ‘3%’,
containLabel: true
},
xAxis : [
{
type : ‘category’,
data : //json1,
axisTick: {
alignWithLabel: true
}
}
],
yAxis : [
{
type : ‘value’
}
],
series : [
{
name:’直接访问’,
Sass/SCSS的关系，SCSS的安装，webstorm编译配置SCSS，SCSS使用（语法） 一 、 Sass、SCSS Sass：一种css预处理器和一种语言。Sass（预处理器）有两种不同的语法：
Sass : 一种缩进语法 SCSS : 一种 CSS-like 语法 Sass
Sass使用类似Ruby的语法，没有花括号，没有分号，具有严格的缩进，就像这样：
// 变量 !primary-color= hotpink // 混入 =border-radius(!radius) -webkit-border-radius= !radius -moz-border-radius= !radius border-radius= !radius .my-element color= !primary-color width= 100% overflow= hidden .my-other-element +border-radius(5px) //@import @import themes/dark @import font.sass * 注：变量的标志用 !，而不是 $；分配符是 = 而不是 : 。
SCSS
SCSS和Sass相比更加贴近CSS语法。Sass语法中的!和=换成了SCSS中的$和:。就像这样：
// 变量 $primary-color: hotpink; // 混入 @mixin border-radius($radius) { -webkit-border-radius: $radius; -moz-border-radius: $radius; border-radius: $radius; } .my-element { color: $primary-color; width: 100%; overflow: hidden; } .
000000 000033 000066 000099 0000CC 0000FF 003300 003333 003366 003399 0033CC 0033FF 006600 006633 006666 006699 0066CC 0066FF 009900 009933 009966 009999 0099CC 0099FF 00CC00 00CC33 00CC66 00CC99 00CCCC 00CCFF 00FF00 00FF33 00FF66 00FF99 00FFCC 00FFFF 330000 330033 330066 330099 3300CC 3300FF 333300 333333 333366 333399 3333CC 3333FF 336600 336633 336666 336699 3366CC 3366FF 339900 339933 339966 339999 3399CC 3399FF 33CC00 33CC33 33CC66 33CC99 33CCCC 33CCFF 33FF00 33FF33 33FF66 33FF99 33FFCC 33FFFF 660000 660033 660066 660099 6600CC 6600FF 663300 663333 663366 663399 6633CC 6633FF 666600 666633 666666 666699 6666CC 6666FF 669900 669933 669966 669999 6699CC 6699FF 66CC00 66CC33 66CC66 66CC99 66CCCC 66CCFF 66FF00 66FF33 66FF66 66FF99 66FFCC 66FFFF 990000 990033 990066 990099 9900CC 9900FF 993300 993333 993366 993399 9933CC 9933FF 996600 996633 996666 996699 9966CC 9966FF 999900 999933 999966 999999 9999CC 9999FF 99CC00 99CC33 99CC66 99CC99 99CCCC 99CCFF 99FF00 99FF33 99FF66 99FF99 99FFCC 99FFFF CC0000 CC0033 CC0066 CC0099 CC00CC CC00FF CC3300 CC3333 CC3366 CC3399 CC33CC CC33FF CC6600 CC6633 CC6666 CC6699 CC66CC CC66FF CC9900 CC9933 CC9966 CC9999 CC99CC CC99FF CCCC00 CCCC33 CCCC66 CCCC99 CCCCCC CCCCFF CCFF00 CCFF33 CCFF66 CCFF99 CCFFCC CCFFFF FF0000 FF0033 FF0066 FF0099 FF00CC FF00FF FF3300 FF3333 FF3366 FF3399 FF33CC FF33FF FF6600 FF6633 FF6666 FF6699 FF66CC FF66FF FF9900 FF9933 FF9966 FF9999 FF99CC FF99FF FFCC00 FFCC33 FFCC66 FFCC99 FFCCCC FFCCFF FFFF00 FFFF33 FFFF66 FFFF99 FFFFCC FFFFFF #FFFCFB #FEFCFB #FEFCFC #FDFCFC #FFF8F6 #FDF9F7 #FCF9F8 #FBF9F9 #FFEDE9 #FCEFEC #F9F0EE #F6F2F1 #FFDCD4 #F8DED9 #F4E3DF #EFE6E4 #FFC4B7 #F5C9C0 #EDCFC9 #E4D5D2 #FFAB98 #F0B3A5 #E5BBB2 #D8C3BE #FF967E #EDA08F #DEAA9E #CEB4AE #FF6947 #E5785F #D18675 #BA948C #FF4419 #DF5738 #C56852 #A87A6F #FF3000 #DC4522 #BF5840 9F6B5F #E62B00 #C63E1F #AC4F39 #8F6156 #B82200 #9E3118 #8A3F2E #734D45 #931B00 #7E2713 #6E3225 #5C3E37 #671300 #581B0D #4D231A #402B26 #581000 #4C180C #421E16 #372521 #3E0B00 #361008 #2E140F #261A17 #FFFDFA #FEFCFA #FDFCFB #FDFDFC #FFF7EF #FDF7F1 #FBF7F3 #F9F7F5 #FFEBD8 #FAEBDD #F5EBE2 #F0EBE6 #FFD7B2 #F5D7BB #EBD7C5 #E2D8CF #FFCE9F #F3CEAB #E7CEB7 #DBCFC3 #FFBD7E #EFBD8E #DEBD9E #CEBEAE #FFA147 #E8A15E #D1A275 #BAA28C #FF8A19 #E28A36 #C58A52 #A88B6F #FF7E00 #DF7E20 #BF7F40 #9F7E5F #E87100 #CA711D #AD733A #917357 #CC6400 #B2641A #986433 #7F654C #AB5300 #955315 #80542B #6B5540 #813E00 #713F10 #603F20 #503F30 #5B2C00 #4F2C0B #442D17 #392D22 #3B1D00 #331C07 #2C1D0F #251D16 #231100 #1E1104 #1A1109 #16110D #FFFCF2 #FBFAF5 #FBFAF5 #FAF9F7 #FFF9E7 #F9F6ED #F9F6ED #F6F4F0 #FFF5D9 #FAF3DE #F5F0E2 #F0EEE7 #FFEFBF #F7EBC7 #EFE7CF #E7E3D7 #FFE69D #F2DFA9 #E6D9B5 #DAD4C2 #FFDC74 #EDD385 #DCCA97 #CBC2A8 #FFD047 #E8C45E #D1B975 #BAAE8C #FFC519 #E2B636 #C5A852 #A89A6F #FFC000 #DFAF20 #BF9F40 #9F8F5F #F3B600 #D4A61E #B6973D #98895B #DBA300 #BF951B #A48837 #897B52 #BA8B00 #A27F17 #8B732E #746846 #956F00 #826512 #6F5C25 #5D5338 #705400 #624D0E #54461C #463F2A #4F3B00 #45360A #3B3114 #312C1D #332600 #2C2206 #26200D #201D13 #FFFEF8 #FEFDF9 #FDFDFA #FCFCFA #FFFDEF #FDFBF1 #FBFAF3 #F9F8F5 #FFFCE0 #FBF9E4 #F7F5E8 #F3F2EB #FFFAC7 #F8F4CE #F1EED5 #EAE9DC #FFF7A2 #F3EFAD #E7E3B9 #DCDAC5 #FFF270 #EDE382 #DBD494 #C9C6A5 #FFED33 #E5D74C #CCC366 #B2AD7F #FFEA00 #DFCF20 #BFB440 #9F995F #E6D200 #C9BA1D #ACA239 #8F8A56 #C4B200 #AB9D18 #938A31 #7A7549 #9D8E00 #897D13 #756D27 #625E3B #766A00 #675E0F #58521D #49462C #554C00 #4A430A #3F3A15 #353320 #3C3500 #342F07 #2D290F #252316 #272300 #221F05 #1D1B0A #18170E #220013 #141203 #111006 #0E0D08 #F8FCF3″ #F8FBF4 #F7F9F5 #F7F8F6 #F2F9E8 #F2F7EA #F1F4EC #F0F2EE #E8F5D5 #E7F1D9 #E6EDDD #E6E9E1 #D9EFB9 #D8E8C0 #D8E8C0 #D5DACD #C4E693 #C2DB9D #C0D1A8 #BEC7B2 #ABDC65 #A8CD74 #A6BE83 #A3AF91 #90D133 #8CBD47 #88A95A #85956E #74C600 #6FAD19 #6B9431 #677B4A #69B319 #659C16 #61862D #5D7043 #61A500 #5D9014 #597B29 #56673E #549000 #517E12 #4E6C24 #4B5A36 #457700 #42680F #40591E #3D4A2C #355C00 #33500B #314517 #2F3922 #264200 #233908 #233110 #222919 #192C00 #182605 #17210B #161B10 #0F1A00 #0E1603 #0D1306 #0D100A #F7FAF6 #F7F9F6 #F7F9F7 #F7F8F7 #ECF5EB #EDF3EC #EEF2ED #EFF1EF #DFEEDD #E1ECDF #E2E9E1 #E3E7E3 #CBE4C9 #CDE0CC #D1DDD0 #D4DAD3 #B3D7B0 #B7D2B5 #BBCDBA #BFC8BE #96C792 #9BC098 #A1B99F #A7B3A6 #75B570 #7CAC78 #83A381 #8B9B8A #52A34C #5C9857 #658D62 #6E826C #2D8F26 #388233 #437440 #4F674D #087B00 #156B0F #235C1F #304D2E #076900 #125C0D #1D4E1A #294127 #065400 #0E490A #183F15 #20341F #054100 #0C3908 #123010 #192818 #043100 #092B06 #0E240C #131E12 #032200 #061D04 #0A1908 #0E150D #021600 #041303 #061005 #080D08 #F9FCFC #F9FBFB #FAFBFB #FAFBFB #F2F8F8 #F3F7F7 #F3F6F6 #F4F5F5 #E7F2F1 #E8F0EF #EAEFEF #EBEEEE #D6E9E7 #D8E6E4 #DBE4E3 #DDE2E1 #BDDCD9 #C1D8D6 #C5D4D2 #C8D0CF #9ECCC7 #A4C6C2 #A9C0BD #AFBAB9 #79B9B1 #81B1AB #89A9A5 #91A19F #51A59A #5B9A92 #66908A #708582 #268F81 #338277 #40746D #4D6763 #006F61 #0E6156 #1C534C #294541 #006054 #0C544B #184842 #243C39 #005147 #0A473F #143C37 #1E322F #00433A #083A33 #11322D #192A28 #00342D #062D28 #0D2723 #13201E #002722 #05221E #0A1D1A #0E1817 #001B18 #031715 #071413 #0A1110 #F0F5F5 #F0F4F4 #F1F3F3 #F2F3F3 #E6EFEF #E7EEEE #E8ECEC #E9EBEB #D8E6E7 #DAE4E5 #DCE3E3 #DDE1E1 #C6DBDC #C9D8D9 #CBD5D6 #CED3D3 #AFCCCE #B3C8CA #B7C5C6 #BAC1C2 #93BABD #98B5B7 #9DB0B2 #A3ACAD #74A6AB #7BA0A4 #829A9D #889596 #549198 #5C8A8F #658387 #6D7C7E #347C85 #3E747B #486B70 #526466 #196B75 #246169 #30595E #3B4F52 #005B66 #0D5159 #19464C #263C3F #00525C #0B4850 #174045 #223639 #00464E #0A3E44 #13363A #1D2E30 #00383E #083136 #0F2B2E #172426 #002A2F #062529 #0C2023 #111C1D #001D21 #041A1D #081618 #0C1314 #F6FCFF #F7FCFE #F8FBFC #F9FAFB #EDF9FF #EFF8FC #F1F7FA #F4F7F8 #E0F4FF #E4F3FB #E8F2F7 #EBF0F3 #CEEEFF #D4ECF9 #DAEAF2 #E0E8EC #B3E5FF #BCE1F5 #C6DFEC #CFDBE2 #90D9FF #9ED4F1 #ACD0E3 #B9CBD5 #65CBFF #78C4EB #8BBED8 #9FB8C5 #33BAFF #4CB1E5 #66A9CC #7FA1B2 #00A0F3 #1E95D4 #3D8CB6 #5B8398 #0092E0 #1C89C4 #3881A8 #54788C #0080C6 #1978AD #317194 #4A6A7B #006CA7 #156692 #2A5F7D #3E5968 #00588A #115378 #224E67 #344A56 #00456C #0D415E #1B3D51 #283943 #00324E #0A2F44 #132C3A #1D2930 #002235 #06202E #0D1E27 #141C21 #F7FAFF #F8FAFE #F9FAFD #FAFBFC #F1F6FF #F3F7FD #F4F6FB #F6F7F9 #E7F0FF #EAF1FC #EDF1F9 #F0F2F6 #D9E7FF #DEE8FA #E2E9F5 #E7EAF0 #C4DAFF #CBDBF7 #D3DEF0 #DAE0E9 #A8C9FF #B3CCF4 #BECEE9 #C8D0DE #85B3FF #94B6EF #A3BAE0 #B3BED1 #5B98FF #6F9DEA #84A2D6 #98A7C1 #2D7CFF #4782E4 #6188CA #7C8FB0 #0060FF #2068DF #4070BF #5F779F #0056E6 #1D5DC9 #3964AC #566B8F #0049C4 #184FAB #315593 #495B7A #003A9D #133E89 #274475 #3B4962 #002C76 #0F3067 #1D3358 #2C3749 #001F53 #0A2148 #15243E #1F2734 #001436 #07162F #0D1D28 #141921 #F8F8FD #F8F8FC #F9F9FB #FAFAFB #F3F3FB #F4F4FA #F5F5F9 #F6F6F8 #EBEBF9 #EDEDF7 #EEEEF5 #F0F0F3 #E1E1F6 #E3E3F3 #E6E6F0 #E9E9EE #D3D3F2 #D7D7EE #DBDBEA #DEDEE6 #C1C1ED #C6C6E7 #CCCCE2 #D1D1DC #ABABE7 #B2B2DF #BABAD8 #C1C1D0 #8F8FDF #9999D5 #A3A3CB #ADADC1 #6F6FD6 #7C7CC9 #8989BC #9595AF #4B4BCC #5B5BBC #6B6BAB #7B7B9B #2626C2 #3939AE #4D4D9B #606087 #2222AF #33339D #45458B #57577A #1C1C90 #2A2A81 #393973 #474764 #16166F #212164 #2C2C58 #37374D #101050 #181848 #202040 #282838 #0A0A34 #0F0F2E #141429 #1A1A24 #FAF8FE #FAF9FD #FAFAFC #FBFAFC #F3EDFC #F3EFFA #F4F2F6 #F4F2F6 #EBE2FA #ECE5F7 #ECE8F4 #EDEBF1 #E1D4F7 #E2D8F2 #E3DDEE #E4E1EA #D4C2F3 #D6C8ED #D7CEE6 #D8D4E0 #C3ABEE #C5B3E5 #C8BCDD #CAC4D5 #AF8FE8 #B29ADD #B5A5D1 #B8B0C6 #9970E1 #9D7ED3 #A08CC4 #A49AB6 #804CD9 #845DC7 #896FB5 #8E81A4 #6526D1 #6A3BBB #7051A6 #766691 #4B00C9 #5119B0 #573296 #5E4B7D #3E00A7 #431592 #492A7D #4E3E68 #300081 #341071 #382060 #3C3050 #23005D #250B51 #281745 #2C233A #190041 #1B0839 #1C1030 #1E1828 #10002A #110524 #120A1F #14101A #FAF8FC #F9F8FB #FAF9FB #F9F9FA #F6F2F9 #F6F3F8 #F6F4F7 #F5F4F6 #F0E9F5 #EFEAF3 #EFECF2 #EFEDF0 #E7DCEF #E6DEEC #E6E1EA #E6E3E8 #DACAE6 #D9CDE2 #D9D1DF #D8D4DB #CAB2DB #C9B7D6 #C8BCD0 #C7C1CB #B594CD #B49BC6 #B2A2BE #B1A9B7 #9D71BD #9B7AB3 #9A84AA #988DA0 #834CAC #8158A0 #7F6494 #7E7088 #68269A #65348B #64437D #61516E #4D0088 #4A1177 #4A1177 #463355 #420074 #3F0E65 #3E1D57 #3B2B48 #35005D #330B51 #311745 #30233A #260043 #24083A #241132 #23192A #19002D #180527 #170B21 #17111C #0E0019 #0E0316 #0D0612 #0C090F #FFF6FE #FEF7FD #FCF8FC #FBF9FB #FFEEFE #FDF0FC #FAF2F9 #F8F4F8 #FFE2FE #FBE5FA #F7E9F6 #F4EDF4 #FFD1FD #F9D7F7 #F3DCF2 #EDE2EC #FFB9FC #F6C2F4 #EDCAEB #E4D3E3 #FF99FA #F2A6EE #E5B2E2 #D8BFD7 #FF71F8 #ED83E7 #DB94D7 #C9A6C7 #FF3FF7 #E757E0 #CF6FCA #B787B5 #FF00F6 #DF20D8 #BF40BA #9F5F9C #E600DD #C91DC2 #AC39A7 #8F568D #BD00B6 #A5179F #8D2F89 #764774 #9C0095 #881383 #752771 #613A5F #7A0073 #6A0F64 #5B1E57 #4C2E4A #590054 #4E0B4A #42163F #372136 #3E003B #360834 #2E0F2C #261725 #270025 #220520 #1D0A1C #180E17 #FFF5FA #FDF6F9 #FCF7F9 #FBF9FA #FFE8F5 #FCEBF5 #F9EEF4 #F6F0F3 #FFD6ED #FADBEC #F4E0EB #EFE5EB #FFBEE2 #F7C6E1 #EECEE0 #E6D6DF #FFA2D6 #F3ADD4 #E7B9D3 #DCC5D2 #FF82C8 #EF91C6 #DFA1C4 #D0B1C2 #FF59B6 #EA6EB3 #D582B0 #C097AE #FF2DA4 #E447A0 #CA619C #B07C99 #FF0090 #DF208B #BF4087 #9F5F83 #E60081 #C91D7D #AC3979 #8F5676 #C4006D #AB186A #933167 #7A4964 #A1005A #8D1458 #782855 #643C52 #7C0046 #6C0F43 #5D1F42 #4D2E3F #590033 #4E0B31 #42162F #37212E #3A0021 #32071F #2B0E1E #24161E #220013 #1D0412 #190811 #150D11 #FFFFFF #FBFBFB #F8F8F8 #F4F4F4 #EEEEEE #E5E5E5 #DDDDDD #D0D0D0 #C0C0C0 #ADADAD #989898 #808080 #666666 #4B4B4B #262626