Adding material and flat colours palettes.
Dmitry Baranovskiy
parent
b59c08038a
commit
f028c2dee5
|
|
@ -44,6 +44,7 @@ module.exports = function(grunt) {
|
|||
"./src/mouse.js",
|
||||
"./src/filter.js",
|
||||
"./src/align.js",
|
||||
"./src/colors.js",
|
||||
"./src/amd-footer.js"
|
||||
]
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -14,7 +14,7 @@
|
|||
// See the License for the specific language governing permissions and
|
||||
// limitations under the License.
|
||||
//
|
||||
// build: 2016-12-29
|
||||
// build: 2016-12-30
|
||||
|
||||
// Copyright (c) 2013 Adobe Systems Incorporated. All rights reserved.
|
||||
//
|
||||
|
|
@ -8259,5 +8259,135 @@ Snap.plugin(function (Snap, Element, Paper, glob, Fragment) {
|
|||
};
|
||||
});
|
||||
|
||||
// Copyright (c) 2016 Adobe Systems Incorporated. All rights reserved.
|
||||
//
|
||||
// Licensed under the Apache License, Version 2.0 (the "License");
|
||||
// you may not use this file except in compliance with the License.
|
||||
// You may obtain a copy of the License at
|
||||
//
|
||||
// http://www.apache.org/licenses/LICENSE-2.0
|
||||
//
|
||||
// Unless required by applicable law or agreed to in writing, software
|
||||
// distributed under the License is distributed on an "AS IS" BASIS,
|
||||
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
// See the License for the specific language governing permissions and
|
||||
// limitations under the License.
|
||||
Snap.plugin(function (Snap, Element, Paper, glob) {
|
||||
// Colours are from https://www.materialui.co
|
||||
var red = "#ffebee#ffcdd2#ef9a9a#e57373#ef5350#f44336#e53935#d32f2f#c62828#b71c1c#ff8a80#ff5252#ff1744#d50000",
|
||||
pink = "#FCE4EC#F8BBD0#F48FB1#F06292#EC407A#E91E63#D81B60#C2185B#AD1457#880E4F#FF80AB#FF4081#F50057#C51162",
|
||||
purple = "#F3E5F5#E1BEE7#CE93D8#BA68C8#AB47BC#9C27B0#8E24AA#7B1FA2#6A1B9A#4A148C#EA80FC#E040FB#D500F9#AA00FF",
|
||||
deeppurple = "#EDE7F6#D1C4E9#B39DDB#9575CD#7E57C2#673AB7#5E35B1#512DA8#4527A0#311B92#B388FF#7C4DFF#651FFF#6200EA",
|
||||
indigo = "#E8EAF6#C5CAE9#9FA8DA#7986CB#5C6BC0#3F51B5#3949AB#303F9F#283593#1A237E#8C9EFF#536DFE#3D5AFE#304FFE",
|
||||
blue = "#E3F2FD#BBDEFB#90CAF9#64B5F6#64B5F6#2196F3#1E88E5#1976D2#1565C0#0D47A1#82B1FF#448AFF#2979FF#2962FF",
|
||||
lightblue = "#E1F5FE#B3E5FC#81D4FA#4FC3F7#29B6F6#03A9F4#039BE5#0288D1#0277BD#01579B#80D8FF#40C4FF#00B0FF#0091EA",
|
||||
cyan = "#E0F7FA#B2EBF2#80DEEA#4DD0E1#26C6DA#00BCD4#00ACC1#0097A7#00838F#006064#84FFFF#18FFFF#00E5FF#00B8D4",
|
||||
teal = "#E0F2F1#B2DFDB#80CBC4#4DB6AC#26A69A#009688#00897B#00796B#00695C#004D40#A7FFEB#64FFDA#1DE9B6#00BFA5",
|
||||
green = "#E8F5E9#C8E6C9#A5D6A7#81C784#66BB6A#4CAF50#43A047#388E3C#2E7D32#1B5E20#B9F6CA#69F0AE#00E676#00C853",
|
||||
lightgreen = "#F1F8E9#DCEDC8#C5E1A5#AED581#9CCC65#8BC34A#7CB342#689F38#558B2F#33691E#CCFF90#B2FF59#76FF03#64DD17",
|
||||
lime = "#F9FBE7#F0F4C3#E6EE9C#DCE775#D4E157#CDDC39#C0CA33#AFB42B#9E9D24#827717#F4FF81#EEFF41#C6FF00#AEEA00",
|
||||
yellow = "#FFFDE7#FFF9C4#FFF59D#FFF176#FFEE58#FFEB3B#FDD835#FBC02D#F9A825#F57F17#FFFF8D#FFFF00#FFEA00#FFD600",
|
||||
amber = "#FFF8E1#FFECB3#FFE082#FFD54F#FFCA28#FFC107#FFB300#FFA000#FF8F00#FF6F00#FFE57F#FFD740#FFC400#FFAB00",
|
||||
orange = "#FFF3E0#FFE0B2#FFCC80#FFB74D#FFA726#FF9800#FB8C00#F57C00#EF6C00#E65100#FFD180#FFAB40#FF9100#FF6D00",
|
||||
deeporange = "#FBE9E7#FFCCBC#FFAB91#FF8A65#FF7043#FF5722#F4511E#E64A19#D84315#BF360C#FF9E80#FF6E40#FF3D00#DD2C00",
|
||||
brown = "#EFEBE9#D7CCC8#BCAAA4#A1887F#8D6E63#795548#6D4C41#5D4037#4E342E#3E2723",
|
||||
grey = "#FAFAFA#F5F5F5#EEEEEE#E0E0E0#BDBDBD#9E9E9E#757575#616161#424242#212121",
|
||||
bluegrey = "#ECEFF1#CFD8DC#B0BEC5#90A4AE#78909C#607D8B#546E7A#455A64#37474F#263238";
|
||||
/*\
|
||||
* Snap.mui
|
||||
[ property ]
|
||||
**
|
||||
* Contain Material UI colours.
|
||||
| Snap().rect(0, 0, 10, 10).attr({fill: Snap.mui.deeppurple, stroke: Snap.mui.amber[600]});
|
||||
# For colour reference: <a href="https://www.materialui.co">https://www.materialui.co</a>.
|
||||
\*/
|
||||
Snap.mui = {};
|
||||
/*\
|
||||
* Snap.flat
|
||||
[ property ]
|
||||
**
|
||||
* Contain Flat UI colours.
|
||||
| Snap().rect(0, 0, 10, 10).attr({fill: Snap.flat.carrot, stroke: Snap.flat.wetasphalt});
|
||||
# For colour reference: <a href="https://www.materialui.co">https://www.materialui.co</a>.
|
||||
\*/
|
||||
Snap.flat = {};
|
||||
function saveColor(colors) {
|
||||
colors = colors.split(/(?=#)/);
|
||||
var color = new String(colors[5]);
|
||||
color[50] = colors[0];
|
||||
color[100] = colors[1];
|
||||
color[200] = colors[2];
|
||||
color[300] = colors[3];
|
||||
color[400] = colors[4];
|
||||
color[500] = colors[5];
|
||||
color[600] = colors[6];
|
||||
color[700] = colors[7];
|
||||
color[800] = colors[8];
|
||||
color[900] = colors[9];
|
||||
if (colors[10]) {
|
||||
color.A100 = colors[10];
|
||||
color.A200 = colors[11];
|
||||
color.A400 = colors[12];
|
||||
color.A700 = colors[13];
|
||||
}
|
||||
return color;
|
||||
}
|
||||
Snap.mui.red = saveColor(red);
|
||||
Snap.mui.pink = saveColor(pink);
|
||||
Snap.mui.purple = saveColor(purple);
|
||||
Snap.mui.deeppurple = saveColor(deeppurple);
|
||||
Snap.mui.indigo = saveColor(indigo);
|
||||
Snap.mui.blue = saveColor(blue);
|
||||
Snap.mui.lightblue = saveColor(lightblue);
|
||||
Snap.mui.cyan = saveColor(cyan);
|
||||
Snap.mui.teal = saveColor(teal);
|
||||
Snap.mui.green = saveColor(green);
|
||||
Snap.mui.lightgreen = saveColor(lightgreen);
|
||||
Snap.mui.lime = saveColor(lime);
|
||||
Snap.mui.yellow = saveColor(yellow);
|
||||
Snap.mui.amber = saveColor(amber);
|
||||
Snap.mui.orange = saveColor(orange);
|
||||
Snap.mui.deeporange = saveColor(deeporange);
|
||||
Snap.mui.brown = saveColor(brown);
|
||||
Snap.mui.grey = saveColor(grey);
|
||||
Snap.mui.bluegrey = saveColor(bluegrey);
|
||||
Snap.flat.turquoise = "#1abc9c";
|
||||
Snap.flat.greensea = "#16a085";
|
||||
Snap.flat.sunflower = "#f1c40f";
|
||||
Snap.flat.orange = "#f39c12";
|
||||
Snap.flat.emerland = "#2ecc71";
|
||||
Snap.flat.nephritis = "#27ae60";
|
||||
Snap.flat.carrot = "#e67e22";
|
||||
Snap.flat.pumpkin = "#d35400";
|
||||
Snap.flat.peterriver = "#3498db";
|
||||
Snap.flat.belizehole = "#2980b9";
|
||||
Snap.flat.alizarin = "#e74c3c";
|
||||
Snap.flat.pomegranate = "#c0392b";
|
||||
Snap.flat.amethyst = "#9b59b6";
|
||||
Snap.flat.wisteria = "#8e44ad";
|
||||
Snap.flat.clouds = "#ecf0f1";
|
||||
Snap.flat.silver = "#bdc3c7";
|
||||
Snap.flat.wetasphalt = "#34495e";
|
||||
Snap.flat.midnightblue = "#2c3e50";
|
||||
Snap.flat.concrete = "#95a5a6";
|
||||
Snap.flat.asbestos = "#7f8c8d";
|
||||
/*\
|
||||
* Snap.importMUIColors
|
||||
[ method ]
|
||||
**
|
||||
* Imports Material UI colours into global object.
|
||||
| Snap.importMUIColors();
|
||||
| Snap().rect(0, 0, 10, 10).attr({fill: deeppurple, stroke: amber[600]});
|
||||
# For colour reference: <a href="https://www.materialui.co">https://www.materialui.co</a>.
|
||||
\*/
|
||||
Snap.importMUIColors = function () {
|
||||
for (var color in Snap.mui) {
|
||||
if (Snap.mui.hasOwnProperty(color)) {
|
||||
window[color] = Snap.mui[color];
|
||||
}
|
||||
}
|
||||
};
|
||||
});
|
||||
|
||||
return Snap;
|
||||
}));
|
||||
|
|
@ -639,6 +639,10 @@
|
|||
<a href="#Snap.filter.shadow" class="dr-method"><span>Snap.filter.shadow()</span></a>
|
||||
</li>
|
||||
|
||||
<li class="dr-lvl1">
|
||||
<a href="#Snap.flat" class="dr-property"><span>Snap.flat</span></a>
|
||||
</li>
|
||||
|
||||
<li class="dr-lvl1">
|
||||
<a href="#Snap.format" class="dr-method"><span>Snap.format()</span></a>
|
||||
</li>
|
||||
|
|
@ -671,6 +675,10 @@
|
|||
<a href="#Snap.hsl2rgb" class="dr-method"><span>Snap.hsl2rgb()</span></a>
|
||||
</li>
|
||||
|
||||
<li class="dr-lvl1">
|
||||
<a href="#Snap.importMUIColors" class="dr-method"><span>Snap.importMUIColors()</span></a>
|
||||
</li>
|
||||
|
||||
<li class="dr-lvl1">
|
||||
<a href="#Snap.is" class="dr-method"><span>Snap.is()</span></a>
|
||||
</li>
|
||||
|
|
@ -691,6 +699,10 @@
|
|||
<a href="#Snap.matrix" class="dr-method"><span>Snap.matrix()</span></a>
|
||||
</li>
|
||||
|
||||
<li class="dr-lvl1">
|
||||
<a href="#Snap.mui" class="dr-property"><span>Snap.mui</span></a>
|
||||
</li>
|
||||
|
||||
<li class="dr-lvl1">
|
||||
<a href="#Snap.parse" class="dr-method"><span>Snap.parse()</span></a>
|
||||
</li>
|
||||
|
|
@ -15024,6 +15036,151 @@ to a set.
|
|||
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</article>
|
||||
|
||||
<article id="Snap.mui">
|
||||
<header>
|
||||
<h3 class="dr-property">Snap.mui()<a href="#Snap.mui" title="Link to this section" class="dr-hash">⚓</a><a class="dr-sourceline" title="Go to line 43 in the source" href="https://github.com/adobe-webplatform/Snap.svg/blob/master/src/svg.js#L43">➭</a></h3>
|
||||
</header>
|
||||
<section>
|
||||
<div class="extra" id="Snap.mui-extra"></div>
|
||||
<div class="dr-property">
|
||||
|
||||
|
||||
|
||||
|
||||
<p>Contain Material UI colours.
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<section class="code"><pre class="javascript code"><code data-language="javascript" class="language-javascript">Snap().rect(0, 0, 10, 10).attr({fill: Snap.mui.deeppurple, stroke: Snap.mui.amber[600]});</code></pre></section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
For colour reference: <a href="https://www.materialui.co">https://www.materialui.co</a>.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</article>
|
||||
|
||||
<article id="Snap.flat">
|
||||
<header>
|
||||
<h3 class="dr-property">Snap.flat<a href="#Snap.flat" title="Link to this section" class="dr-hash">⚓</a><a class="dr-sourceline" title="Go to line 52 in the source" href="https://github.com/adobe-webplatform/Snap.svg/blob/master/src/svg.js#L52">➭</a></h3>
|
||||
</header>
|
||||
<section>
|
||||
<div class="extra" id="Snap.flat-extra"></div>
|
||||
<div class="dr-property">
|
||||
|
||||
|
||||
|
||||
|
||||
<p>Contain Flat UI colours.
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<section class="code"><pre class="javascript code"><code data-language="javascript" class="language-javascript">Snap().rect(0, 0, 10, 10).attr({fill: Snap.flat.carrot, stroke: Snap.flat.wetasphalt});</code></pre></section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
For colour reference: <a href="https://www.materialui.co">https://www.materialui.co</a>.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</article>
|
||||
|
||||
<article id="Snap.importMUIColors">
|
||||
<header>
|
||||
<h3 class="dr-method">Snap.importMUIColors()<a href="#Snap.importMUIColors" title="Link to this section" class="dr-hash">⚓</a><a class="dr-sourceline" title="Go to line 122 in the source" href="https://github.com/adobe-webplatform/Snap.svg/blob/master/src/svg.js#L122">➭</a></h3>
|
||||
</header>
|
||||
<section>
|
||||
<div class="extra" id="Snap.importMUIColors-extra"></div>
|
||||
<div class="dr-method">
|
||||
|
||||
|
||||
|
||||
|
||||
<p>Imports Material UI colours into global object.
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<section class="code"><pre class="javascript code"><code data-language="javascript" class="language-javascript">Snap.importMUIColors();
|
||||
Snap().rect(0, 0, 10, 10).attr({fill: deeppurple, stroke: amber[600]});</code></pre></section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
For colour reference: <a href="https://www.materialui.co">https://www.materialui.co</a>.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</article>
|
||||
|
|
|
|||
3
dr.json
3
dr.json
|
|
@ -38,5 +38,8 @@
|
|||
}, {
|
||||
"url": "src/set.js",
|
||||
"link": "https://github.com/adobe-webplatform/Snap.svg/blob/master/src/set.js"
|
||||
}, {
|
||||
"url": "src/colors.js",
|
||||
"link": "https://github.com/adobe-webplatform/Snap.svg/blob/master/src/colors.js"
|
||||
}]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,129 @@
|
|||
// Copyright (c) 2016 Adobe Systems Incorporated. All rights reserved.
|
||||
//
|
||||
// Licensed under the Apache License, Version 2.0 (the "License");
|
||||
// you may not use this file except in compliance with the License.
|
||||
// You may obtain a copy of the License at
|
||||
//
|
||||
// http://www.apache.org/licenses/LICENSE-2.0
|
||||
//
|
||||
// Unless required by applicable law or agreed to in writing, software
|
||||
// distributed under the License is distributed on an "AS IS" BASIS,
|
||||
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
// See the License for the specific language governing permissions and
|
||||
// limitations under the License.
|
||||
Snap.plugin(function (Snap, Element, Paper, glob) {
|
||||
// Colours are from https://www.materialui.co
|
||||
var red = "#ffebee#ffcdd2#ef9a9a#e57373#ef5350#f44336#e53935#d32f2f#c62828#b71c1c#ff8a80#ff5252#ff1744#d50000",
|
||||
pink = "#FCE4EC#F8BBD0#F48FB1#F06292#EC407A#E91E63#D81B60#C2185B#AD1457#880E4F#FF80AB#FF4081#F50057#C51162",
|
||||
purple = "#F3E5F5#E1BEE7#CE93D8#BA68C8#AB47BC#9C27B0#8E24AA#7B1FA2#6A1B9A#4A148C#EA80FC#E040FB#D500F9#AA00FF",
|
||||
deeppurple = "#EDE7F6#D1C4E9#B39DDB#9575CD#7E57C2#673AB7#5E35B1#512DA8#4527A0#311B92#B388FF#7C4DFF#651FFF#6200EA",
|
||||
indigo = "#E8EAF6#C5CAE9#9FA8DA#7986CB#5C6BC0#3F51B5#3949AB#303F9F#283593#1A237E#8C9EFF#536DFE#3D5AFE#304FFE",
|
||||
blue = "#E3F2FD#BBDEFB#90CAF9#64B5F6#64B5F6#2196F3#1E88E5#1976D2#1565C0#0D47A1#82B1FF#448AFF#2979FF#2962FF",
|
||||
lightblue = "#E1F5FE#B3E5FC#81D4FA#4FC3F7#29B6F6#03A9F4#039BE5#0288D1#0277BD#01579B#80D8FF#40C4FF#00B0FF#0091EA",
|
||||
cyan = "#E0F7FA#B2EBF2#80DEEA#4DD0E1#26C6DA#00BCD4#00ACC1#0097A7#00838F#006064#84FFFF#18FFFF#00E5FF#00B8D4",
|
||||
teal = "#E0F2F1#B2DFDB#80CBC4#4DB6AC#26A69A#009688#00897B#00796B#00695C#004D40#A7FFEB#64FFDA#1DE9B6#00BFA5",
|
||||
green = "#E8F5E9#C8E6C9#A5D6A7#81C784#66BB6A#4CAF50#43A047#388E3C#2E7D32#1B5E20#B9F6CA#69F0AE#00E676#00C853",
|
||||
lightgreen = "#F1F8E9#DCEDC8#C5E1A5#AED581#9CCC65#8BC34A#7CB342#689F38#558B2F#33691E#CCFF90#B2FF59#76FF03#64DD17",
|
||||
lime = "#F9FBE7#F0F4C3#E6EE9C#DCE775#D4E157#CDDC39#C0CA33#AFB42B#9E9D24#827717#F4FF81#EEFF41#C6FF00#AEEA00",
|
||||
yellow = "#FFFDE7#FFF9C4#FFF59D#FFF176#FFEE58#FFEB3B#FDD835#FBC02D#F9A825#F57F17#FFFF8D#FFFF00#FFEA00#FFD600",
|
||||
amber = "#FFF8E1#FFECB3#FFE082#FFD54F#FFCA28#FFC107#FFB300#FFA000#FF8F00#FF6F00#FFE57F#FFD740#FFC400#FFAB00",
|
||||
orange = "#FFF3E0#FFE0B2#FFCC80#FFB74D#FFA726#FF9800#FB8C00#F57C00#EF6C00#E65100#FFD180#FFAB40#FF9100#FF6D00",
|
||||
deeporange = "#FBE9E7#FFCCBC#FFAB91#FF8A65#FF7043#FF5722#F4511E#E64A19#D84315#BF360C#FF9E80#FF6E40#FF3D00#DD2C00",
|
||||
brown = "#EFEBE9#D7CCC8#BCAAA4#A1887F#8D6E63#795548#6D4C41#5D4037#4E342E#3E2723",
|
||||
grey = "#FAFAFA#F5F5F5#EEEEEE#E0E0E0#BDBDBD#9E9E9E#757575#616161#424242#212121",
|
||||
bluegrey = "#ECEFF1#CFD8DC#B0BEC5#90A4AE#78909C#607D8B#546E7A#455A64#37474F#263238";
|
||||
/*\
|
||||
* Snap.mui
|
||||
[ property ]
|
||||
**
|
||||
* Contain Material UI colours.
|
||||
| Snap().rect(0, 0, 10, 10).attr({fill: Snap.mui.deeppurple, stroke: Snap.mui.amber[600]});
|
||||
# For colour reference: <a href="https://www.materialui.co">https://www.materialui.co</a>.
|
||||
\*/
|
||||
Snap.mui = {};
|
||||
/*\
|
||||
* Snap.flat
|
||||
[ property ]
|
||||
**
|
||||
* Contain Flat UI colours.
|
||||
| Snap().rect(0, 0, 10, 10).attr({fill: Snap.flat.carrot, stroke: Snap.flat.wetasphalt});
|
||||
# For colour reference: <a href="https://www.materialui.co">https://www.materialui.co</a>.
|
||||
\*/
|
||||
Snap.flat = {};
|
||||
function saveColor(colors) {
|
||||
colors = colors.split(/(?=#)/);
|
||||
var color = new String(colors[5]);
|
||||
color[50] = colors[0];
|
||||
color[100] = colors[1];
|
||||
color[200] = colors[2];
|
||||
color[300] = colors[3];
|
||||
color[400] = colors[4];
|
||||
color[500] = colors[5];
|
||||
color[600] = colors[6];
|
||||
color[700] = colors[7];
|
||||
color[800] = colors[8];
|
||||
color[900] = colors[9];
|
||||
if (colors[10]) {
|
||||
color.A100 = colors[10];
|
||||
color.A200 = colors[11];
|
||||
color.A400 = colors[12];
|
||||
color.A700 = colors[13];
|
||||
}
|
||||
return color;
|
||||
}
|
||||
Snap.mui.red = saveColor(red);
|
||||
Snap.mui.pink = saveColor(pink);
|
||||
Snap.mui.purple = saveColor(purple);
|
||||
Snap.mui.deeppurple = saveColor(deeppurple);
|
||||
Snap.mui.indigo = saveColor(indigo);
|
||||
Snap.mui.blue = saveColor(blue);
|
||||
Snap.mui.lightblue = saveColor(lightblue);
|
||||
Snap.mui.cyan = saveColor(cyan);
|
||||
Snap.mui.teal = saveColor(teal);
|
||||
Snap.mui.green = saveColor(green);
|
||||
Snap.mui.lightgreen = saveColor(lightgreen);
|
||||
Snap.mui.lime = saveColor(lime);
|
||||
Snap.mui.yellow = saveColor(yellow);
|
||||
Snap.mui.amber = saveColor(amber);
|
||||
Snap.mui.orange = saveColor(orange);
|
||||
Snap.mui.deeporange = saveColor(deeporange);
|
||||
Snap.mui.brown = saveColor(brown);
|
||||
Snap.mui.grey = saveColor(grey);
|
||||
Snap.mui.bluegrey = saveColor(bluegrey);
|
||||
Snap.flat.turquoise = "#1abc9c";
|
||||
Snap.flat.greensea = "#16a085";
|
||||
Snap.flat.sunflower = "#f1c40f";
|
||||
Snap.flat.orange = "#f39c12";
|
||||
Snap.flat.emerland = "#2ecc71";
|
||||
Snap.flat.nephritis = "#27ae60";
|
||||
Snap.flat.carrot = "#e67e22";
|
||||
Snap.flat.pumpkin = "#d35400";
|
||||
Snap.flat.peterriver = "#3498db";
|
||||
Snap.flat.belizehole = "#2980b9";
|
||||
Snap.flat.alizarin = "#e74c3c";
|
||||
Snap.flat.pomegranate = "#c0392b";
|
||||
Snap.flat.amethyst = "#9b59b6";
|
||||
Snap.flat.wisteria = "#8e44ad";
|
||||
Snap.flat.clouds = "#ecf0f1";
|
||||
Snap.flat.silver = "#bdc3c7";
|
||||
Snap.flat.wetasphalt = "#34495e";
|
||||
Snap.flat.midnightblue = "#2c3e50";
|
||||
Snap.flat.concrete = "#95a5a6";
|
||||
Snap.flat.asbestos = "#7f8c8d";
|
||||
/*\
|
||||
* Snap.importMUIColors
|
||||
[ method ]
|
||||
**
|
||||
* Imports Material UI colours into global object.
|
||||
| Snap.importMUIColors();
|
||||
| Snap().rect(0, 0, 10, 10).attr({fill: deeppurple, stroke: amber[600]});
|
||||
# For colour reference: <a href="https://www.materialui.co">https://www.materialui.co</a>.
|
||||
\*/
|
||||
Snap.importMUIColors = function () {
|
||||
for (var color in Snap.mui) {
|
||||
if (Snap.mui.hasOwnProperty(color)) {
|
||||
window[color] = Snap.mui[color];
|
||||
}
|
||||
}
|
||||
};
|
||||
});
|
||||
Loading…
Reference in New Issue