Skip to content

Instantly share code, notes, and snippets.

@gastonambrogi

gastonambrogi/color-pallete.js

Last active December 30, 2017 00:51
Show Gist options
  • Save gastonambrogi/a5f019465d66f568288838ce3b7f5905 to your computer and use it in GitHub Desktop.
Save gastonambrogi/a5f019465d66f568288838ce3b7f5905 to your computer and use it in GitHub Desktop.
Download ZIP
Gradients
Raw
color-pallete.js
{
dark: {
accent0: '#FF4050',
accent1: '#F28144',
accent2: '#FFD24A',
accent3: '#A4CC35',
accent4: '#26C99E',
accent5: '#66BFFF',
accent6: '#CC78FA',
accent7: '#F553BF',
shade0: '#282629',
shade1: '#474247',
shade2: '#656066',
shade3: '#847E85',
shade4: '#A29DA3',
shade5: '#C1BCC2',
shade6: '#E0DCE0',
shade7: '#FFFCFF'
}
}
Raw
gradient.css
#edge_of_constellation {
padding: 2px;
background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
}
.galaxy_one {
background: linear-gradient(135deg, rgb(80, 115, 184) 0%, rgb(19, 167, 147) 36%, rgb(7, 179, 155) 81%, rgb(109, 186, 130) 100%) 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);
}
.galaxy_two {
background: linear-gradient(135deg, rgb(243, 112, 85) 0%, rgb(239, 78, 123) 52%, rgb(197, 91, 149) 77%, rgb(161, 102, 171) 100%) 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);
}
.galathree {
background: linear-gradient(135deg, rgb(161, 102, 171) 0%, rgb(80, 115, 184) 100%) 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0)
}
//-------
.term-list-container:before {
background: -webkit-linear-gradient(bottom,hsla(0,0%,98%,0),#fafafa 75%);
background: linear-gradient(0deg,hsla(0,0%,98%,0) 0,#fafafa 75%);
top: 0;
pointer-events: none;
}
.term-list-container:after {
background: -webkit-linear-gradient(bottom,#fafafa 30%,hsla(0,0%,98%,0));
background: linear-gradient(0deg,#fafafa 30%,hsla(0,0%,98%,0));
bottom: 0;
}
//------
.space {
background: #43c6ac;
background: linear-gradient(to right,#191654,#43c6ac);
}
Display the source blob
Display the rendered blob
Raw
stars.svg
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1140 622" enable-background="new 0 0 1140 622" xml:space="preserve">
<title>Stars</title>
<desc>Created with Sketch.</desc>
<circle id="path-1" cx="25.5" cy="331.5" r="1.5"/>
<circle id="path-1_1_" fill="#FFFFFF" cx="25.5" cy="331.5" r="1.5"/>
<circle id="path-3" cx="75.5" cy="411.5" r="1.5"/>
<circle id="path-3_1_" fill="#FFFFFF" cx="75.5" cy="411.5" r="1.5"/>
<circle id="path-5" cx="55.5" cy="237.5" r="1.5"/>
<circle id="path-5_1_" fill="#FFFFFF" cx="55.5" cy="237.5" r="1.5"/>
<circle id="path-7" cx="89.5" cy="157.5" r="1.5"/>
<circle id="path-7_1_" fill="#FFFFFF" cx="89.5" cy="157.5" r="1.5"/>
<circle id="path-9" cx="157.5" cy="119.5" r="1.5"/>
<circle id="path-9_1_" fill="#FFFFFF" cx="157.5" cy="119.5" r="1.5"/>
<circle id="path-11" cx="22.5" cy="37.5" r="1.5"/>
<circle id="path-11_1_" fill="#FFFFFF" cx="22.5" cy="37.5" r="1.5"/>
<circle id="path-13" cx="180.5" cy="21.5" r="1.5"/>
<circle id="path-13_1_" fill="#FFFFFF" cx="180.5" cy="21.5" r="1.5"/>
<circle id="path-15" cx="290.5" cy="9.5" r="1.5"/>
<circle id="path-15_1_" fill="#FFFFFF" cx="290.5" cy="9.5" r="1.5"/>
<circle id="path-17" cx="432.5" cy="51.5" r="1.5"/>
<circle id="path-17_1_" fill="#FFFFFF" cx="432.5" cy="51.5" r="1.5"/>
<circle id="path-19" cx="322.5" cy="39.5" r="1.5"/>
<circle id="path-19_1_" fill="#FFFFFF" cx="322.5" cy="39.5" r="1.5"/>
<circle id="path-21" cx="708.5" cy="207.5" r="1.5"/>
<circle id="path-21_1_" fill="#FFFFFF" cx="708.5" cy="207.5" r="1.5"/>
<circle id="path-23" cx="761.5" cy="58.5" r="1.5"/>
<circle id="path-23_1_" fill="#FFFFFF" cx="761.5" cy="58.5" r="1.5"/>
<circle id="path-25" cx="811.5" cy="138.5" r="1.5"/>
<circle id="path-25_1_" fill="#FFFFFF" cx="811.5" cy="138.5" r="1.5"/>
<circle id="path-27" cx="881.5" cy="88.5" r="1.5"/>
<circle id="path-27_1_" fill="#FFFFFF" cx="881.5" cy="88.5" r="1.5"/>
<circle id="path-29" cx="811.5" cy="38.5" r="1.5"/>
<circle id="path-29_1_" fill="#FFFFFF" cx="811.5" cy="38.5" r="1.5"/>
<circle id="path-31" cx="1095.5" cy="129.5" r="1.5"/>
<circle id="path-31_1_" fill="#FFFFFF" cx="1095.5" cy="129.5" r="1.5"/>
<circle id="path-33" cx="1115.5" cy="219.5" r="1.5"/>
<circle id="path-33_1_" fill="#FFFFFF" cx="1115.5" cy="219.5" r="1.5"/>
<circle id="path-35" cx="965.5" cy="249.5" r="1.5"/>
<circle id="path-35_1_" fill="#FFFFFF" cx="965.5" cy="249.5" r="1.5"/>
<circle id="path-37" cx="986.5" cy="129.5" r="1.5"/>
<circle id="path-37_1_" fill="#FFFFFF" cx="986.5" cy="129.5" r="1.5"/>
<circle id="path-39" cx="736.5" cy="553.5" r="1.5"/>
<circle id="path-39_1_" fill="#FFFFFF" cx="736.5" cy="553.5" r="1.5"/>
<circle id="path-41" cx="167.5" cy="314.5" r="1.5"/>
<circle id="path-41_1_" fill="#FFFFFF" cx="167.5" cy="314.5" r="1.5"/>
<circle id="path-43" cx="81.5" cy="278.5" r="1.5"/>
<circle id="path-43_1_" fill="#FFFFFF" cx="81.5" cy="278.5" r="1.5"/>
<circle id="path-45" cx="363.5" cy="315.5" r="1.5"/>
<circle id="path-45_1_" fill="#FFFFFF" cx="363.5" cy="315.5" r="1.5"/>
<circle id="path-47" cx="333.5" cy="409.5" r="1.5"/>
<circle id="path-47_1_" fill="#FFFFFF" cx="333.5" cy="409.5" r="1.5"/>
<circle id="path-49" cx="221.5" cy="332.5" r="1.5"/>
<circle id="path-49_1_" fill="#FFFFFF" cx="221.5" cy="332.5" r="1.5"/>
<circle id="path-51" cx="307.5" cy="368.5" r="1.5"/>
<circle id="path-51_1_" fill="#FFFFFF" cx="307.5" cy="368.5" r="1.5"/>
<circle id="path-53" cx="226.5" cy="441.5" r="1.5"/>
<circle id="path-53_1_" fill="#FFFFFF" cx="226.5" cy="441.5" r="1.5"/>
<circle id="path-55" cx="280.5" cy="459.5" r="1.5"/>
<circle id="path-55_1_" fill="#FFFFFF" cx="280.5" cy="459.5" r="1.5"/>
<circle id="path-57" cx="366.5" cy="495.5" r="1.5"/>
<circle id="path-57_1_" fill="#FFFFFF" cx="366.5" cy="495.5" r="1.5"/>
<circle id="path-59" cx="35.5" cy="485.5" r="1.5"/>
<circle id="path-59_1_" fill="#FFFFFF" cx="35.5" cy="485.5" r="1.5"/>
<circle id="path-61" cx="65.5" cy="579.5" r="1.5"/>
<circle id="path-61_1_" fill="#FFFFFF" cx="65.5" cy="579.5" r="1.5"/>
<circle id="path-63" cx="177.5" cy="502.5" r="1.5"/>
<circle id="path-63_1_" fill="#FFFFFF" cx="177.5" cy="502.5" r="1.5"/>
<circle id="path-65" cx="91.5" cy="538.5" r="1.5"/>
<circle id="path-65_1_" fill="#FFFFFF" cx="91.5" cy="538.5" r="1.5"/>
<circle id="path-67" cx="337.5" cy="174.5" r="1.5"/>
<circle id="path-67_1_" fill="#FFFFFF" cx="337.5" cy="174.5" r="1.5"/>
<circle id="path-69" cx="251.5" cy="138.5" r="1.5"/>
<circle id="path-69_1_" fill="#FFFFFF" cx="251.5" cy="138.5" r="1.5"/>
<circle id="path-71" cx="986.5" cy="60.5" r="1.5"/>
<circle id="path-71_1_" fill="#FFFFFF" cx="986.5" cy="60.5" r="1.5"/>
<circle id="path-73" cx="986.5" cy="60.5" r="1.5"/>
<circle id="path-73_1_" fill="#FFFFFF" cx="986.5" cy="60.5" r="1.5"/>
<circle id="Oval-2_126_" fill="#FFFFFF" fill-opacity="0.7" cx="442" cy="622" r="1"/>
<circle id="path-75" cx="451.5" cy="580.5" r="1.5"/>
<circle id="path-75_1_" fill="#FFFFFF" cx="451.5" cy="580.5" r="1.5"/>
<circle id="path-77" cx="560.5" cy="521.5" r="1.5"/>
<circle id="path-77_1_" fill="#FFFFFF" cx="560.5" cy="521.5" r="1.5"/>
<circle id="path-79" cx="560.5" cy="521.5" r="1.5"/>
<circle id="path-79_1_" fill="#FFFFFF" cx="560.5" cy="521.5" r="1.5"/>
<circle id="path-81" cx="831.5" cy="337.5" r="1.5"/>
<circle id="path-81_1_" fill="#FFFFFF" cx="831.5" cy="337.5" r="1.5"/>
<circle id="path-83" cx="1045.5" cy="296.5" r="1.5"/>
<circle id="path-83_1_" fill="#FFFFFF" cx="1045.5" cy="296.5" r="1.5"/>
<circle id="path-85" cx="936.5" cy="296.5" r="1.5"/>
<circle id="path-85_1_" fill="#FFFFFF" cx="936.5" cy="296.5" r="1.5"/>
<circle id="path-87" cx="936.5" cy="365.5" r="1.5"/>
<circle id="path-87_1_" fill="#FFFFFF" cx="936.5" cy="365.5" r="1.5"/>
<circle id="path-89" cx="936.5" cy="365.5" r="1.5"/>
<circle id="path-89_1_" fill="#FFFFFF" cx="936.5" cy="365.5" r="1.5"/>
<circle id="path-91" cx="756.5" cy="455.5" r="1.5"/>
<circle id="path-91_1_" fill="#FFFFFF" cx="756.5" cy="455.5" r="1.5"/>
<circle id="path-93" cx="756.5" cy="455.5" r="1.5"/>
<circle id="path-93_1_" fill="#FFFFFF" cx="756.5" cy="455.5" r="1.5"/>
<circle id="path-95" cx="956.5" cy="495.5" r="1.5"/>
<circle id="path-95_1_" fill="#FFFFFF" cx="956.5" cy="495.5" r="1.5"/>
<circle id="path-97" cx="956.5" cy="495.5" r="1.5"/>
<circle id="path-97_1_" fill="#FFFFFF" cx="956.5" cy="495.5" r="1.5"/>
<circle id="path-99" cx="1126.5" cy="485.5" r="1.5"/>
<circle id="path-99_1_" fill="#FFFFFF" cx="1126.5" cy="485.5" r="1.5"/>
<circle id="path-101" cx="1126.5" cy="485.5" r="1.5"/>
<circle id="path-101_1_" fill="#FFFFFF" cx="1126.5" cy="485.5" r="1.5"/>
<circle id="path-103" cx="1096.5" cy="555.5" r="1.5"/>
<circle id="path-103_1_" fill="#FFFFFF" cx="1096.5" cy="555.5" r="1.5"/>
<circle id="path-105" cx="1096.5" cy="555.5" r="1.5"/>
<circle id="path-105_1_" fill="#FFFFFF" cx="1096.5" cy="555.5" r="1.5"/>
<circle id="path-45_3_" cx="573.5" cy="315.5" r="1.5"/>
<circle id="path-45_2_" fill="#FFFFFF" cx="573.5" cy="315.5" r="1.5"/>
<circle id="path-47_3_" cx="543.5" cy="409.5" r="1.5"/>
<circle id="path-47_2_" fill="#FFFFFF" cx="543.5" cy="409.5" r="1.5"/>
<circle id="path-49_3_" cx="431.5" cy="332.5" r="1.5"/>
<circle id="path-49_2_" fill="#FFFFFF" cx="431.5" cy="332.5" r="1.5"/>
<circle id="path-51_3_" cx="517.5" cy="368.5" r="1.5"/>
<circle id="path-51_2_" fill="#FFFFFF" cx="517.5" cy="368.5" r="1.5"/>
<circle id="path-53_3_" cx="436.5" cy="441.5" r="1.5"/>
<circle id="path-53_2_" fill="#FFFFFF" cx="436.5" cy="441.5" r="1.5"/>
<circle id="path-55_3_" cx="490.5" cy="459.5" r="1.5"/>
<circle id="path-55_2_" fill="#FFFFFF" cx="490.5" cy="459.5" r="1.5"/>
<circle id="path-67_3_" cx="547.5" cy="174.5" r="1.5"/>
<circle id="path-67_2_" fill="#FFFFFF" cx="547.5" cy="174.5" r="1.5"/>
<circle id="path-69_3_" cx="461.5" cy="138.5" r="1.5"/>
<circle id="path-69_2_" fill="#FFFFFF" cx="461.5" cy="138.5" r="1.5"/>
<circle id="path-45_5_" cx="683.5" cy="365.5" r="1.5"/>
<circle id="path-45_4_" fill="#FFFFFF" cx="683.5" cy="365.5" r="1.5"/>
<circle id="path-47_5_" cx="653.5" cy="459.5" r="1.5"/>
<circle id="path-47_4_" fill="#FFFFFF" cx="653.5" cy="459.5" r="1.5"/>
<circle id="path-51_5_" cx="627.5" cy="418.5" r="1.5"/>
<circle id="path-51_4_" fill="#FFFFFF" cx="627.5" cy="418.5" r="1.5"/>
<ellipse id="path-45_7_" transform="matrix(0.2162 -0.9763 0.9763 0.2162 317.3472 850.4413)" cx="688.4" cy="227.6" rx="1.5" ry="1.5"/>
<ellipse id="path-45_6_" transform="matrix(0.2162 -0.9763 0.9763 0.2162 317.3472 850.4413)" fill="#FFFFFF" cx="688.4" cy="227.6" rx="1.5" ry="1.5"/>
<ellipse id="path-47_7_" transform="matrix(0.2162 -0.9763 0.9763 0.2162 298.9432 728.2825)" cx="603.1" cy="177.9" rx="1.5" ry="1.5"/>
<ellipse id="path-47_6_" transform="matrix(0.2162 -0.9763 0.9763 0.2162 298.9432 728.2825)" fill="#FFFFFF" cx="603.1" cy="177.9" rx="1.5" ry="1.5"/>
<ellipse id="path-51_7_" transform="matrix(0.2162 -0.9763 0.9763 0.2162 350.8521 759.9074)" cx="648.7" cy="161.4" rx="1.5" ry="1.5"/>
<ellipse id="path-51_6_" transform="matrix(0.2162 -0.9763 0.9763 0.2162 350.8521 759.9074)" fill="#FFFFFF" cx="648.7" cy="161.4" rx="1.5" ry="1.5"/>
<circle id="path-47_9_" cx="793.5" cy="409.5" r="1.5"/>
<circle id="path-47_8_" fill="#FFFFFF" cx="793.5" cy="409.5" r="1.5"/>
<circle id="path-51_9_" cx="767.5" cy="368.5" r="1.5"/>
<circle id="path-51_8_" fill="#FFFFFF" cx="767.5" cy="368.5" r="1.5"/>
<ellipse id="path-45_9_" transform="matrix(0.2197 -0.9756 0.9756 0.2197 288.8667 969.2419)" cx="750.3" cy="304" rx="1.5" ry="1.5"/>
<ellipse id="path-45_8_" transform="matrix(0.2197 -0.9756 0.9756 0.2197 288.8667 969.2419)" fill="#FFFFFF" cx="750.3" cy="304" rx="1.5" ry="1.5"/>
<ellipse id="path-45_11_" transform="matrix(0.8431 -0.5377 0.5377 0.8431 -76.6881 339.8508)" cx="544.1" cy="301.4" rx="1.5" ry="1.5"/>
<ellipse id="path-45_10_" transform="matrix(0.8431 -0.5377 0.5377 0.8431 -76.6881 339.8508)" fill="#FFFFFF" cx="544.1" cy="301.4" rx="1.5" ry="1.5"/>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment