Implementation for copay distribution sass.
|
@ -105,7 +105,9 @@ try {
|
||||||
fs.writeFileSync('../externalServices.json', externalServices, 'utf8');
|
fs.writeFileSync('../externalServices.json', externalServices, 'utf8');
|
||||||
|
|
||||||
function copyDir(from, to, cb) {
|
function copyDir(from, to, cb) {
|
||||||
console.log('Copying dir ' + from + ' to');
|
console.log('Copying dir ' + from + ' to ' + to);
|
||||||
|
if (fs.existsSync(to)) fs.removeSync(to); // remove previous app directory
|
||||||
|
if (!fs.existsSync(from)) return; // nothing to do
|
||||||
var files = [];
|
var files = [];
|
||||||
fs.walk(from)
|
fs.walk(from)
|
||||||
.on('data', function(item) {
|
.on('data', function(item) {
|
||||||
|
@ -115,16 +117,12 @@ function copyDir(from, to, cb) {
|
||||||
var l = tmp.length - from.length;
|
var l = tmp.length - from.length;
|
||||||
if (tmp.indexOf(from) == l) return; // #same dir
|
if (tmp.indexOf(from) == l) return; // #same dir
|
||||||
|
|
||||||
console.log('[apply.js.81]', l); //TODO
|
|
||||||
|
|
||||||
console.log('[apply.js.78]', from); //TODO
|
|
||||||
// console.log('[apply.js.78]', to); //TODO
|
|
||||||
console.log('[apply.js.78]', item.path); //TODO
|
|
||||||
console.log('[apply.js.78]', tmp.indexOf(from)); //TODO
|
|
||||||
}
|
}
|
||||||
if (item.path.indexOf('DS_Store') >= 0) return;
|
if (item.path.indexOf('DS_Store') >= 0) return;
|
||||||
|
|
||||||
files.push(item.path)
|
if (!files.includes(path.dirname(item.path))) {
|
||||||
|
files.push(item.path);
|
||||||
|
}
|
||||||
})
|
})
|
||||||
.on('end', function() {
|
.on('end', function() {
|
||||||
files.forEach(function(i) {
|
files.forEach(function(i) {
|
||||||
|
@ -139,5 +137,7 @@ function copyDir(from, to, cb) {
|
||||||
|
|
||||||
|
|
||||||
copyDir(configDir + '/img/', '../www/img/app/', function() {
|
copyDir(configDir + '/img/', '../www/img/app/', function() {
|
||||||
console.log("apply.js finished. \n\n");
|
copyDir(configDir + '/sass/', '../src/sass/app/', function() {
|
||||||
|
console.log("apply.js finished. \n\n");
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|
|
@ -0,0 +1,29 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="247px" height="247px" viewBox="0 0 247 247" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
|
||||||
|
<title>backup-warning</title>
|
||||||
|
<desc>Created with Sketch.</desc>
|
||||||
|
<defs>
|
||||||
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="89.4673583%" id="linearGradient-1">
|
||||||
|
<stop stop-color="#192C3A" offset="0%"></stop>
|
||||||
|
<stop stop-color="#192C3A" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
|
||||||
|
<stop stop-color="#BCBCBC" offset="0%"></stop>
|
||||||
|
<stop stop-color="#707D89" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="backup-warning" fill-rule="nonzero">
|
||||||
|
<g id="Onboarding">
|
||||||
|
<g id="0.5.a.1-–-Backup-Warning">
|
||||||
|
<g id="being-watched">
|
||||||
|
<path d="M123.5,247 C191.707167,247 247,191.707167 247,123.5 C247,55.2928334 191.707167,1.42108547e-14 123.5,1.42108547e-14 C55.2928334,1.42108547e-14 1.42108547e-14,55.2928334 1.42108547e-14,123.5 C1.42108547e-14,191.707167 55.2928334,247 123.5,247 Z" id="Oval-2" fill="url(#linearGradient-1)" opacity="0.300000012"></path>
|
||||||
|
<path d="M157.693521,46.9114761 C157.371158,45.8451979 156.16141,44.9808396 155.003028,45.000323 L114.123129,53.1444209 L91.810993,45.2164126 C90.6490687,45.2358961 89.43755,46.1020257 89.1151868,47.1700751 L74.3927551,96.5571737 L172.607245,96.5571737 L157.693521,46.9114761 L157.693521,46.9114761 Z M123.5,107.871766 C94.152554,107.871766 67.1927208,114.280062 46,124.997752 L201,124.997752 C179.786024,114.280062 152.847446,107.871766 123.5,107.871766 L123.5,107.871766 Z" id="Shape" fill="url(#linearGradient-2)"></path>
|
||||||
|
<path d="M155.018969,132.110996 C143.095075,132.110996 133.220489,140.938787 131.51657,152.396849 C126.220603,151.222526 120.738658,151.215441 115.440921,152.370281 C113.613016,141.055688 103.805736,132.37668 91.982802,132.37668 C78.8651011,132.37668 68.1916924,143.050089 68.1916924,156.16779 C68.1916924,169.28549 78.8633299,179.958899 91.982802,179.958899 C103.956291,179.958899 113.86453,171.058488 115.508228,159.531348 C120.765227,158.119681 126.298537,158.140936 131.54668,159.596883 C133.330305,170.962842 143.162381,179.693215 155.02074,179.693215 C168.138441,179.693215 178.81185,169.021578 178.81185,155.902106 C178.808308,142.784405 168.13667,132.110996 155.018969,132.110996 Z M91.9810307,173.570086 C82.3685864,173.570086 74.5769626,165.778463 74.5769626,156.166018 C74.5769626,146.553574 82.3685864,138.76195 91.9810307,138.76195 C101.593475,138.76195 109.385099,146.553574 109.385099,156.166018 C109.385099,165.778463 101.593475,173.570086 91.9810307,173.570086 Z M155.018969,173.306174 C145.406525,173.306174 137.614901,165.51455 137.614901,155.902106 C137.614901,146.289661 145.406525,138.498038 155.018969,138.498038 C164.631414,138.498038 172.423037,146.289661 172.423037,155.902106 C172.421266,165.51455 164.629642,173.306174 155.018969,173.306174 Z" id="Combined-Shape" fill="#707D89" opacity="0.400000006"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 3.4 KiB |
|
@ -0,0 +1,13 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="51px" height="51px" viewBox="0 0 51 51" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
|
||||||
|
<title>icon-bitcoin</title>
|
||||||
|
<desc>Created with Sketch.</desc>
|
||||||
|
<defs></defs>
|
||||||
|
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="icon-bitcoin" fill-rule="nonzero">
|
||||||
|
<path d="M25.5,51 C39.6,51 51,39.6 51,25.5 C51,11.4 39.5,0 25.5,0 C11.5,0 0,11.4 0,25.5 C0,39.6 11.4,51 25.5,51 Z" id="coin" fill="#FF9900"></path>
|
||||||
|
<path d="M33.5,19.1 C32.9,16.1 30.2,15.3 27,15.2 L26.5,11 L24,11.2 L24.5,15.4 C23.8,15.5 23.2,15.5 22.5,15.6 L22,11.4 L19.5,11.6 L20,15.9 C19.5,15.9 18.9,16 18.4,16.1 L18.4,16.1 L15,16.4 L15.3,19.2 C15.3,19.2 17.1,19 17.1,19.1 C18.1,19 18.5,19.6 18.6,20.1 L19.1,25 L19.4,25 L19.1,25 L19.9,31.8 C19.9,32.1 19.7,32.7 19.1,32.7 L17.3,32.9 L17.2,36 L20.4,35.7 C21,35.7 21.6,35.6 22.2,35.6 L22.7,39.9 L25.2,39.7 L24.7,35.4 C25.4,35.4 26.1,35.3 26.7,35.3 L27.2,39.5 L29.7,39.3 L29.2,35 C33.4,34.4 36.2,33 36.1,28.9 C36,25.6 34.4,24.2 31.9,23.8 C33.2,22.8 34,21.4 33.5,19.1 L33.5,19.1 Z M31,28.7 C31.4,31.9 26,32 24.3,32.2 L23.7,26.5 C25.5,26.3 30.7,25.3 31,28.7 L31,28.7 Z M23.5,23.8 L23,18.6 C24.4,18.5 28.8,17.6 29.1,20.7 C29.3,23.6 24.9,23.7 23.5,23.8 Z" id="BitPay-Bitcoin_Symbol" fill="#FFFFFF"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 1.5 KiB |
|
@ -0,0 +1,46 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="247px" height="248px" viewBox="0 0 247 248" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
|
||||||
|
<title>push-notifications</title>
|
||||||
|
<desc>Created with Sketch.</desc>
|
||||||
|
<defs>
|
||||||
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="89.4673583%" id="linearGradient-1">
|
||||||
|
<stop stop-color="#192C3A" offset="0%"></stop>
|
||||||
|
<stop stop-color="#192C3A" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<rect id="path-2" x="0" y="0" width="122" height="34"></rect>
|
||||||
|
</defs>
|
||||||
|
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="push-notifications" transform="translate(0.000000, 1.000000)">
|
||||||
|
<g id="Onboarding">
|
||||||
|
<g id="0.4---Allow-Push-Notifications">
|
||||||
|
<g id="Group-7">
|
||||||
|
<path d="M123.5,247 C191.707167,247 247,191.707167 247,123.5 C247,55.2928334 191.707167,1.42108547e-14 123.5,1.42108547e-14 C55.2928334,1.42108547e-14 1.42108547e-14,55.2928334 1.42108547e-14,123.5 C1.42108547e-14,191.707167 55.2928334,247 123.5,247 Z" id="Oval-2" fill="url(#linearGradient-1)" fill-rule="nonzero" opacity="0.300000012"></path>
|
||||||
|
<g id="Phone" transform="translate(62.000000, 0.000000)" stroke="#707D89" stroke-width="2">
|
||||||
|
<rect id="Combined-Shape" fill-opacity="0.65" fill="#192C3A" fill-rule="nonzero" x="0" y="0" width="122.16932" height="220.464844" rx="8"></rect>
|
||||||
|
<path d="M0.636298539,187 L121.533021,187" id="Line" stroke-linecap="square"></path>
|
||||||
|
<path d="M50.2675846,203 L73.174332,203" id="Line" stroke-linecap="square"></path>
|
||||||
|
</g>
|
||||||
|
<ellipse id="Oval-2" stroke="#707D89" stroke-width="2" fill-opacity="0.41907269" fill="#192C3A" fill-rule="nonzero" opacity="0.945615695" cx="169" cy="57.4884375" rx="47" ry="44.4884375"></ellipse>
|
||||||
|
<g id="Group-3" transform="translate(62.000000, 33.000000)">
|
||||||
|
<path d="M12.7105489,19.5 L50.4911698,19.5" id="Line" stroke="#12E5B6" stroke-width="3" stroke-linecap="square"></path>
|
||||||
|
<path d="M21.96,10.4166666 L43.0026407,10.4166666" id="Line" stroke="#12E5B6" stroke-width="3" stroke-linecap="square"></path>
|
||||||
|
<g id="Rectangle-3">
|
||||||
|
<g id="path-2-Clipped">
|
||||||
|
<mask id="mask-3" fill="white">
|
||||||
|
<use xlink:href="#path-2"></use>
|
||||||
|
</mask>
|
||||||
|
<g id="path-2"></g>
|
||||||
|
<rect id="path-2" stroke="#707D89" stroke-width="2" mask="url(#mask-3)" x="0" y="0" width="122" height="34"></rect>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g id="android-notifications-none" opacity="0.900000036" transform="translate(144.642407, 28.000000)" fill-rule="nonzero" fill="#FFFFFF">
|
||||||
|
<path d="M24.5218837,9.5815024 C25.5031747,9.5815024 27.8345547,10.1736779 27.8345547,10.1736779 C34.1505329,11.5548918 38.5961981,17.1067187 38.5961981,23.375 L38.5961981,38.5 L38.5961981,40.2467788 L39.8875454,41.4848077 L40.9665083,42.5190986 L7.80017568,42.5190986 L8.87913857,41.4848077 L10.1704859,40.2467788 L10.1704859,38.5 L10.1704859,23.375 C10.1704859,17.106851 14.616151,11.5548918 20.9321293,10.1736779 C20.9321293,10.1736779 23.4318375,9.5815024 24.2448003,9.5815024 L24.5218837,9.5815024 Z M24.383342,0 C21.9447307,0 20.0803748,1.78723558 20.0803748,4.125 L20.0803748,6.04986779 C11.9043355,7.83776442 5.73715099,14.9875 5.73715099,23.375 L5.73715099,38.5 L-6.82121026e-13,44 L-6.82121026e-13,46.75 L48.766684,46.75 L48.766684,44 L43.029533,38.5 L43.029533,23.375 C43.029533,14.9875 36.8622099,7.83776442 28.6863091,6.04986779 L28.6863091,4.125 C28.6863091,1.78723558 26.8219533,0 24.383342,0 L24.383342,0 L24.383342,0 Z M30.120493,49.5 L18.6460524,49.5 C18.6460524,52.5251322 21.2275002,55 24.383342,55 C27.5391837,55 30.120493,52.5251322 30.120493,49.5 L30.120493,49.5 L30.120493,49.5 Z" id="Shape"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 4.4 KiB |
|
@ -0,0 +1,47 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="247px" height="247px" viewBox="0 0 247 247" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
|
||||||
|
<title>tour-control</title>
|
||||||
|
<desc>Created with Sketch.</desc>
|
||||||
|
<defs>
|
||||||
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="89.4673583%" id="linearGradient-1">
|
||||||
|
<stop stop-color="#192C3A" offset="0%"></stop>
|
||||||
|
<stop stop-color="#192C3A" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="tour-control">
|
||||||
|
<g id="Onboarding">
|
||||||
|
<g id="0.2.3---Tour-3">
|
||||||
|
<g id="bg-3">
|
||||||
|
<path d="M123.5,247 C191.707167,247 247,191.707167 247,123.5 C247,55.2928334 191.707167,1.42108547e-14 123.5,1.42108547e-14 C55.2928334,1.42108547e-14 1.42108547e-14,55.2928334 1.42108547e-14,123.5 C1.42108547e-14,191.707167 55.2928334,247 123.5,247 Z" id="Oval-2" fill="url(#linearGradient-1)" fill-rule="nonzero" opacity="0.300000012"></path>
|
||||||
|
<rect id="Combined-Shape" stroke="#707D89" stroke-width="2" fill-opacity="0.65" fill="#192C3A" fill-rule="nonzero" x="63" y="24" width="99.8310062" height="183.875349" rx="8"></rect>
|
||||||
|
<path d="M63.5199532,180.634556 L162.311053,180.634556" id="Line" stroke="#707D89" stroke-width="2" stroke-linecap="square"></path>
|
||||||
|
<path d="M104.076299,194.254952 L122.794613,194.254952" id="Line" stroke="#707D89" stroke-width="2" stroke-linecap="square"></path>
|
||||||
|
<g id="Group-4" transform="translate(98.000000, 79.000000)" stroke="#FFFFFF">
|
||||||
|
<g id="top-up">
|
||||||
|
<g id="shopping-48px-outline_bitcoin" transform="translate(0.666667, 0.180606)">
|
||||||
|
<g id="Group" transform="translate(0.619048, 0.627502)">
|
||||||
|
<path d="M12.3809524,0 L12.3809524,7.5300202" id="Shape"></path>
|
||||||
|
<path d="M17.3333333,0 L17.3333333,7.5300202" id="Shape"></path>
|
||||||
|
<path d="M12.3809524,47.6901279 L12.3809524,55.2201481" id="Shape"></path>
|
||||||
|
<path d="M17.3333333,47.6901279 L17.3333333,55.2201481" id="Shape"></path>
|
||||||
|
<path d="M0,47.6901279 L7.42857143,47.6901279" id="Shape-Copy"></path>
|
||||||
|
<path d="M0,7.5300202 L7.42857143,7.5300202" id="Shape-Copy-2"></path>
|
||||||
|
<path d="M7.42857143,25.1000673 L7.42857143,7.5300202 L21.8042328,7.5300202 C26.9010582,7.5300202 30.952381,11.4205306 30.952381,16.3150438 C30.952381,21.2095569 26.9010582,25.1000673 21.8042328,25.1000673" id="Shape"></path>
|
||||||
|
<path d="M7.42857143,47.6901279 L7.42857143,25.1000673 L23.6785714,25.1000673 C29.0952381,25.1000673 33.4285714,30.1200808 33.4285714,36.3950976 C33.4285714,42.6701145 29.0952381,47.6901279 23.6785714,47.6901279 L7.42857143,47.6901279 Z" id="Shape"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g id="Group-3" transform="translate(125.000000, 122.000000)" stroke="#12E5B6" stroke-width="2">
|
||||||
|
<rect id="Rectangle-path" fill="#192C3A" fill-rule="nonzero" x="0.00547760651" y="37.6483369" width="74.7600358" height="65.7214967" rx="4"></rect>
|
||||||
|
<path d="M18.6954866,37.6483369 L18.6954866,18.8707664 C18.6954866,8.54310266 27.1059906,0.0931959432 37.3854955,0.0931959432 L37.3854955,0.0931959432 C47.6650004,0.0931959432 56.0755044,8.54310266 56.0755044,18.8707664 L56.0755044,37.6483369" id="Shape"></path>
|
||||||
|
<path d="M36.6300769,65.8146926 L36.6300769,75.2034779" id="Shape" fill="#F9F9F9" fill-rule="nonzero"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 4.2 KiB |
|
@ -0,0 +1,33 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="377px" height="247px" viewBox="0 0 377 247" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
|
||||||
|
<title>tour-currency</title>
|
||||||
|
<desc>Created with Sketch.</desc>
|
||||||
|
<defs>
|
||||||
|
<linearGradient x1="50.0034413%" y1="0.00943319838%" x2="50.0034413%" y2="89.4694332%" id="linearGradient-1">
|
||||||
|
<stop stop-color="#192C3A" offset="0%"></stop>
|
||||||
|
<stop stop-color="#192C3A" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="100.020333%" x2="50%" y2="0.0203333333%" id="linearGradient-2">
|
||||||
|
<stop stop-color="#192C3A" offset="0%"></stop>
|
||||||
|
<stop stop-color="#192C3A" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="tour-currency" transform="translate(-1.000000, 0.000000)">
|
||||||
|
<path d="M189.5,247 C257.7,247 313,191.7 313,123.5 C313,55.3 257.7,0 189.5,0 C121.3,0 66,55.3 66,123.5 C66,191.7 121.3,247 189.5,247 Z" id="Shape" fill="url(#linearGradient-1)" fill-rule="nonzero" opacity="0.3"></path>
|
||||||
|
<polygon id="Shape" fill="url(#linearGradient-2)" fill-rule="nonzero" opacity="0.3" points="56.3 127.3 99.7 97.8 142.1 119.9 186.6 80.7 224.9 80.7 249.7 47.5 282.8 67.2 323.2 56.1 377 35 377 185 152.1 185 2.4 185 2 133.5"></polygon>
|
||||||
|
<g id="Group" opacity="0.3" transform="translate(76.000000, 61.000000)" fill-rule="nonzero" fill="#13E5B6">
|
||||||
|
<path d="M226.2,124 L225.7,124 L225.7,120 L226.2,120 L226.2,124 Z M226.2,116 L225.7,116 L225.7,112 L226.2,112 L226.2,116 Z M226.2,108 L225.7,108 L225.7,104 L226.2,104 L226.2,108 Z M226.2,100 L225.7,100 L225.7,96 L226.2,96 L226.2,100 Z M226.2,92 L225.7,92 L225.7,88 L226.2,88 L226.2,92 Z M226.2,84 L225.7,84 L225.7,80 L226.2,80 L226.2,84 Z M226.2,76 L225.7,76 L225.7,72 L226.2,72 L226.2,76 Z M226.2,68 L225.7,68 L225.7,64 L226.2,64 L226.2,68 Z M226.2,60 L225.7,60 L225.7,56 L226.2,56 L226.2,60 Z M226.2,52 L225.7,52 L225.7,48 L226.2,48 L226.2,52 Z M226.2,44 L225.7,44 L225.7,40 L226.2,40 L226.2,44 Z M226.2,36 L225.7,36 L225.7,32 L226.2,32 L226.2,36 Z M226.2,28 L225.7,28 L225.7,24 L226.2,24 L226.2,28 Z M226.2,20 L225.7,20 L225.7,16 L226.2,16 L226.2,20 Z M226.2,12 L225.7,12 L225.7,8 L226.2,8 L226.2,12 Z M226.2,4 L225.7,4 L225.7,0 L226.2,0 L226.2,4 Z" id="Shape"></path>
|
||||||
|
<path d="M151.2,124 L150.7,124 L150.7,120 L151.2,120 L151.2,124 Z M151.2,116 L150.7,116 L150.7,112 L151.2,112 L151.2,116 Z M151.2,108 L150.7,108 L150.7,104 L151.2,104 L151.2,108 Z M151.2,100 L150.7,100 L150.7,96 L151.2,96 L151.2,100 Z M151.2,92 L150.7,92 L150.7,88 L151.2,88 L151.2,92 Z M151.2,84 L150.7,84 L150.7,80 L151.2,80 L151.2,84 Z M151.2,76 L150.7,76 L150.7,72 L151.2,72 L151.2,76 Z M151.2,68 L150.7,68 L150.7,64 L151.2,64 L151.2,68 Z M151.2,60 L150.7,60 L150.7,56 L151.2,56 L151.2,60 Z M151.2,52 L150.7,52 L150.7,48 L151.2,48 L151.2,52 Z M151.2,44 L150.7,44 L150.7,40 L151.2,40 L151.2,44 Z M151.2,36 L150.7,36 L150.7,32 L151.2,32 L151.2,36 Z M151.2,28 L150.7,28 L150.7,24 L151.2,24 L151.2,28 Z M151.2,20 L150.7,20 L150.7,16.8 L151.2,16.8 L151.2,20 Z" id="Shape"></path>
|
||||||
|
<path d="M76.2,124 L75.7,124 L75.7,120 L76.2,120 L76.2,124 Z M76.2,116 L75.7,116 L75.7,112 L76.2,112 L76.2,116 Z M76.2,108 L75.7,108 L75.7,104 L76.2,104 L76.2,108 Z M76.2,100 L75.7,100 L75.7,96 L76.2,96 L76.2,100 Z M76.2,92 L75.7,92 L75.7,88 L76.2,88 L76.2,92 Z M76.2,84 L75.7,84 L75.7,80 L76.2,80 L76.2,84 Z M76.2,76 L75.7,76 L75.7,72 L76.2,72 L76.2,76 Z M76.2,68 L75.7,68 L75.7,64 L76.2,64 L76.2,68 Z M76.2,60 L75.7,60 L75.7,56 L76.2,56 L76.2,60 Z M76.2,52 L75.7,52 L75.7,50 L76.2,50 L76.2,52 Z" id="Shape"></path>
|
||||||
|
<path d="M1.2,124 L0.7,124 L0.7,120 L1.2,120 L1.2,124 Z M1.2,116 L0.7,116 L0.7,112 L1.2,112 L1.2,116 Z M1.2,108 L0.7,108 L0.7,104 L1.2,104 L1.2,108 Z M1.2,100 L0.7,100 L0.7,96 L1.2,96 L1.2,100 Z M1.2,92 L0.7,92 L0.7,88 L1.2,88 L1.2,92 Z M1.2,84 L0.7,84 L0.7,80 L1.2,80 L1.2,84 Z M1.2,76 L0.7,76 L0.7,72 L1.2,72 L1.2,76 Z M1.2,68 L0.7,68 L0.7,64 L1.2,64 L1.2,68 Z M1.2,60 L0.7,60 L0.7,56 L1.2,56 L1.2,60 Z" id="Shape"></path>
|
||||||
|
</g>
|
||||||
|
<path d="M2,134.5 C1.5,134.5 1.1,134.1 1,133.6 C0.9,133.1 1.3,132.6 1.9,132.5 L56,126.3 L99.1,97 C99.4,96.8 99.8,96.8 100.1,96.9 L141.9,118.7 L185.9,80 C186.1,79.8 186.3,79.8 186.6,79.8 L224.4,79.8 L248.9,47 C249.2,46.6 249.8,46.5 250.2,46.7 L282.9,66.2 L322.8,55.2 L376.6,34.1 C377.1,33.9 377.7,34.2 377.9,34.7 C378.1,35.2 377.8,35.8 377.3,36 L323.5,57.1 L323.4,57.1 L283,68.2 C282.7,68.3 282.5,68.2 282.2,68.1 L250,48.9 L225.7,81.4 C225.5,81.7 225.2,81.8 224.9,81.8 L187,81.8 L142.8,120.8 C142.5,121.1 142,121.1 141.7,120.9 L99.8,99 L56.9,128.2 C56.8,128.3 56.6,128.3 56.5,128.4 L2.2,134.6 C2.1,134.5 2,134.5 2,134.5 Z" id="Shape" fill="#13E5B6" fill-rule="nonzero"></path>
|
||||||
|
<g id="Group" transform="translate(185.000000, 38.000000)">
|
||||||
|
<path d="M4.5,0.5 L4.5,146.5" id="Line_1_" stroke="#0085FF" stroke-width="2" stroke-linecap="square" opacity="0.64"></path>
|
||||||
|
<circle id="dot" stroke="#FFFFFF" stroke-width="3" fill="#1A2A71" fill-rule="nonzero" cx="4.5" cy="41.5" r="4.5"></circle>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 5.3 KiB |
|
@ -0,0 +1,39 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="247px" height="247px" viewBox="0 0 247 247" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
|
||||||
|
<title>onboarding-tour-phone</title>
|
||||||
|
<desc>Created with Sketch.</desc>
|
||||||
|
<defs>
|
||||||
|
<linearGradient x1="50.0034413%" y1="-0.00291497976%" x2="50.0034413%" y2="75.267085%" id="linearGradient-1">
|
||||||
|
<stop stop-color="#192C3A" offset="0%"></stop>
|
||||||
|
<stop stop-color="#192C3A" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="onboarding-tour-phone">
|
||||||
|
<path d="M123.5,247 C191.7,247 247,191.7 247,123.5 C247,55.3 191.7,0 123.5,0 C55.3,0 0,55.3 0,123.5 C0,191.7 55.3,247 123.5,247 Z" id="Shape" fill="url(#linearGradient-1)" fill-rule="nonzero" opacity="0.3"></path>
|
||||||
|
<g id="Group" transform="translate(69.000000, 32.000000)" stroke="#707D89" stroke-width="2">
|
||||||
|
<path d="M8,0 L91.8,0 C96.2,0 99.8,3.6 99.8,8 L99.8,175.9 C99.8,180.3 96.2,183.9 91.8,183.9 L8,183.9 C3.6,183.9 0,180.3 0,175.9 L0,8 C0,3.6 3.6,0 8,0 Z" id="Shape" fill-opacity="0.6548" fill="#192C3A" fill-rule="nonzero"></path>
|
||||||
|
<path d="M0.5,156 L99.3,156" id="Shape" stroke-linecap="square"></path>
|
||||||
|
<path d="M44.1,170.3 L62.8,170.3" id="Shape" stroke-linecap="square"></path>
|
||||||
|
</g>
|
||||||
|
<g id="Group" transform="translate(102.000000, 66.000000)" fill-rule="nonzero" fill="#5BC2A7">
|
||||||
|
<path d="M31.8,0 L0,0 L0,31.8 L31.8,31.8 L31.8,0 L31.8,0 Z M27.3,27.3 L4.6,27.3 L4.6,4.5 L27.3,4.5 L27.3,27.3 L27.3,27.3 Z" id="Shape"></path>
|
||||||
|
<polygon id="Shape" points="65.9 90.9 61.4 90.9 61.4 100 100 100 100 95.5 65.9 95.5"></polygon>
|
||||||
|
<rect id="Rectangle-path" x="9.1" y="9.1" width="13.6" height="13.6"></rect>
|
||||||
|
<path d="M0,100 L31.8,100 L31.8,68.2 L0,68.2 L0,100 L0,100 Z M4.5,72.7 L27.2,72.7 L27.2,95.4 L4.5,95.4 L4.5,72.7 L4.5,72.7 Z" id="Shape"></path>
|
||||||
|
<rect id="Rectangle-path" x="9.1" y="77.3" width="13.6" height="13.6"></rect>
|
||||||
|
<path d="M68.2,0 L68.2,31.8 L100,31.8 L100,0 L68.2,0 L68.2,0 Z M95.5,27.3 L72.8,27.3 L72.8,4.5 L95.5,4.5 L95.5,27.3 L95.5,27.3 Z" id="Shape"></path>
|
||||||
|
<rect id="Rectangle-path" x="77.3" y="9.1" width="13.6" height="13.6"></rect>
|
||||||
|
<rect id="Rectangle-path" x="90.9" y="36.4" width="9.1" height="9.1"></rect>
|
||||||
|
<rect id="Rectangle-path" x="0" y="54.5" width="9.1" height="9.1"></rect>
|
||||||
|
<polygon id="Shape" points="47.7 36.4 29.5 36.4 29.5 40.9 52.3 40.9 52.3 31.8 52.3 27.3 56.8 27.3 56.8 18.2 52.3 18.2 47.7 18.2 43.2 18.2 43.2 9.1 47.7 9.1 47.7 13.6 63.6 13.6 63.6 0 59.1 0 59.1 9.1 52.3 9.1 52.3 0 50 0 40.9 0 38.6 0 38.6 22.7 47.7 22.7 47.7 27.3 38.6 27.3 38.6 31.8 47.7 31.8"></polygon>
|
||||||
|
<polygon id="Shape" points="6.8 50 15.9 50 20.5 50 22.7 50 22.7 54.5 13.6 54.5 13.6 59.1 22.7 59.1 22.7 63.6 40.9 63.6 40.9 59.1 27.3 59.1 27.3 54.5 27.3 45.5 20.5 45.5 20.5 38.6 15.9 38.6 15.9 45.5 11.4 45.5 11.4 36.4 0 36.4 0 40.9 6.8 40.9"></polygon>
|
||||||
|
<polygon id="Shape" points="50 90.9 50 79.5 40.9 79.5 40.9 70.5 36.4 70.5 36.4 84.1 45.5 84.1 45.5 90.9 36.4 90.9 36.4 95.5 45.5 95.5 45.5 100 56.8 100 56.8 95.5 50 95.5"></polygon>
|
||||||
|
<polygon id="Shape" points="72.7 45.5 63.6 45.5 63.6 34.1 59.1 34.1 59.1 50 81.8 50 81.8 45.5 77.3 45.5 77.3 40.9 84.1 40.9 84.1 36.4 77.3 36.4 72.7 36.4 68.2 36.4 68.2 40.9 72.7 40.9"></polygon>
|
||||||
|
<polygon id="Shape" points="68.2 86.4 75 86.4 75 90.9 84.1 90.9 84.1 86.4 84.1 81.8 84.1 75 75 75 75 81.8 68.2 81.8 68.2 75 63.6 75 63.6 81.8 59.1 81.8 59.1 63.6 54.5 63.6 54.5 59.1 50 59.1 50 45.5 34.1 45.5 34.1 54.5 38.6 54.5 38.6 50 45.5 50 45.5 59.1 45.5 68.2 54.5 68.2 54.5 81.8 54.5 86.4 59.1 86.4 63.6 86.4"></polygon>
|
||||||
|
<polygon id="Shape" points="95.5 56.8 88.6 56.8 84.1 56.8 72.7 56.8 72.7 65.9 68.2 65.9 68.2 56.8 63.6 56.8 63.6 70.5 77.3 70.5 77.3 61.4 84.1 61.4 84.1 68.2 88.6 68.2 88.6 61.4 95.5 61.4 95.5 75 88.6 75 88.6 88.6 100 88.6 100 84.1 93.2 84.1 93.2 79.5 100 79.5 100 61.4 100 56.8 100 50 95.5 50"></polygon>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 4.3 KiB |
|
@ -0,0 +1,10 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<svg version="1.1" id="Home" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 20 24" style="enable-background:new 0 0 20 24;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{fill:#1abb9b;}
|
||||||
|
.st1{fill:#192c3a;}
|
||||||
|
</style>
|
||||||
|
<polygon class="st0" points="10,0.9 0.7,9.4 0.7,23.3 6.9,23.3 6.9,15.8 13.1,15.8 13.1,23.3 19.3,23.3 19.3,9.4 "/>
|
||||||
|
<path class="st1" d="M20,24h-7.5v-7.5H7.5V24H0V9.1L10,0l10,9.1V24z M13.8,22.6h4.8V9.7L10,1.9L1.4,9.7v12.9h4.8v-7.5h7.6V22.6z"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 579 B |
|
@ -0,0 +1,8 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<svg version="1.1" id="Home" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 20 24" style="enable-background:new 0 0 20 24;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{fill:#343434;}
|
||||||
|
</style>
|
||||||
|
<path class="st0" d="M20,24h-7.5v-7.5H7.5V24H0V9.1L10,0l10,9.1V24z M13.8,22.6h4.8V9.7L10,1.9L1.4,9.7v12.9h4.8v-7.5h7.6V22.6z"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 436 B |
|
@ -0,0 +1,20 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<svg version="1.1" id="QR_Icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{fill:#1abb9b;}
|
||||||
|
.st1{fill:#192c3a;}
|
||||||
|
</style>
|
||||||
|
<rect x="13.5" y="1.2" class="st0" width="7.3" height="7.3"/>
|
||||||
|
<rect x="1.2" y="13.5" class="st0" width="7.3" height="7.3"/>
|
||||||
|
<rect x="1.2" y="1.2" class="st0" width="7.3" height="7.3"/>
|
||||||
|
<path class="st1" d="M9.7,9.7H0V0h9.7V9.7z M1.2,8.5h7.3V1.2H1.2V8.5z"/>
|
||||||
|
<path class="st1" d="M22,9.7h-9.7V0H22V9.7z M13.5,8.5h7.3V1.2h-7.3V8.5z"/>
|
||||||
|
<path class="st1" d="M9.7,22H0v-9.7h9.7V22z M1.2,20.8h7.3v-7.3H1.2V20.8z"/>
|
||||||
|
<polygon class="st1" points="22,17.6 20.8,17.6 20.8,13.5 18.2,13.5 18.2,16.3 13.2,16.3 13.2,12.9 14.4,12.9 14.4,15.1 17,15.1
|
||||||
|
17,12.3 22,12.3 "/>
|
||||||
|
<polygon class="st1" points="21.4,22 13.2,22 13.2,19.5 14.4,19.5 14.4,20.8 21.4,20.8 "/>
|
||||||
|
<rect x="3.8" y="3.8" class="st1" width="2.2" height="2.2"/>
|
||||||
|
<rect x="16" y="3.8" class="st1" width="2.2" height="2.2"/>
|
||||||
|
<rect x="3.8" y="16" class="st1" width="2.2" height="2.2"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 1.1 KiB |
|
@ -0,0 +1,16 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<svg version="1.1" id="QR_Icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{fill:#343434;}
|
||||||
|
</style>
|
||||||
|
<path class="st0" d="M9.7,9.7H0V0h9.7V9.7z M1.2,8.5h7.3V1.2H1.2V8.5z"/>
|
||||||
|
<path class="st0" d="M22,9.7h-9.7V0H22V9.7z M13.5,8.5h7.3V1.2h-7.3V8.5z"/>
|
||||||
|
<path class="st0" d="M9.7,22H0v-9.7h9.7V22z M1.2,20.8h7.3v-7.3H1.2V20.8z"/>
|
||||||
|
<polygon class="st0" points="22,17.6 20.8,17.6 20.8,13.5 18.2,13.5 18.2,16.3 13.2,16.3 13.2,12.9 14.4,12.9 14.4,15.1 17,15.1
|
||||||
|
17,12.3 22,12.3 "/>
|
||||||
|
<polygon class="st0" points="21.4,22 13.2,22 13.2,19.5 14.4,19.5 14.4,20.8 21.4,20.8 "/>
|
||||||
|
<rect x="3.8" y="3.8" class="st0" width="2.2" height="2.2"/>
|
||||||
|
<rect x="16" y="3.8" class="st0" width="2.2" height="2.2"/>
|
||||||
|
<rect x="3.8" y="16" class="st0" width="2.2" height="2.2"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 950 B |
|
@ -0,0 +1,17 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<svg version="1.1" id="Scan_Icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 32 20" style="enable-background:new 0 0 32 20;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{fill:#192c3a;}
|
||||||
|
</style>
|
||||||
|
<path class="st0" d="M6.3,6.3c-0.5,0-0.8-0.4-0.8-0.8V1.8C5.5,1.3,5.9,1,6.3,1H11c0.5,0,0.8,0.4,0.8,0.8c0,0.5-0.4,0.8-0.8,0.8H7.1
|
||||||
|
v3C7.1,5.9,6.7,6.3,6.3,6.3z"/>
|
||||||
|
<path class="st0" d="M25.7,13.7c0.5,0,0.8,0.4,0.8,0.8v3.8c0,0.5-0.4,0.8-0.8,0.8H21c-0.5,0-0.8-0.4-0.8-0.8c0-0.5,0.4-0.8,0.8-0.8
|
||||||
|
h4v-3C24.9,14.1,25.3,13.7,25.7,13.7z"/>
|
||||||
|
<path class="st0" d="M7.1,14.4v3h4c0.5,0,0.8,0.4,0.8,0.8c0,0.5-0.4,0.8-0.8,0.8H6.4c-0.5,0-0.8-0.4-0.8-0.8v-3.8
|
||||||
|
c0-0.5,0.4-0.8,0.8-0.8C6.7,13.7,7.1,14.1,7.1,14.4z"/>
|
||||||
|
<path class="st0" d="M24.9,5.6v-3h-4c-0.5,0-0.8-0.4-0.8-0.8c0-0.5,0.4-0.8,0.8-0.8h4.7c0.5,0,0.8,0.4,0.8,0.8v3.8
|
||||||
|
c0,0.5-0.4,0.8-0.8,0.8C25.3,6.3,24.9,5.9,24.9,5.6z"/>
|
||||||
|
<path class="st0" d="M31.1,10.8H0.8c-0.4,0-0.8-0.3-0.8-0.7c0-0.3,0.3-0.7,0.8-0.7h30.4c0.4,0,0.8,0.3,0.8,0.7
|
||||||
|
C31.9,10.4,31.6,10.8,31.1,10.8z"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 1.1 KiB |
|
@ -0,0 +1,17 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<svg version="1.1" id="Scan_Icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 32 20" style="enable-background:new 0 0 32 20;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{fill:#343434;}
|
||||||
|
</style>
|
||||||
|
<path class="st0" d="M6.3,6.3c-0.5,0-0.8-0.4-0.8-0.8V1.8C5.5,1.3,5.9,1,6.3,1H11c0.5,0,0.8,0.4,0.8,0.8c0,0.5-0.4,0.8-0.8,0.8H7.1
|
||||||
|
v3C7.1,5.9,6.7,6.3,6.3,6.3z"/>
|
||||||
|
<path class="st0" d="M25.7,13.7c0.5,0,0.8,0.4,0.8,0.8v3.8c0,0.5-0.4,0.8-0.8,0.8H21c-0.5,0-0.8-0.4-0.8-0.8c0-0.5,0.4-0.8,0.8-0.8
|
||||||
|
h4v-3C24.9,14.1,25.3,13.7,25.7,13.7z"/>
|
||||||
|
<path class="st0" d="M7.1,14.4v3h4c0.5,0,0.8,0.4,0.8,0.8c0,0.5-0.4,0.8-0.8,0.8H6.4c-0.5,0-0.8-0.4-0.8-0.8v-3.8
|
||||||
|
c0-0.5,0.4-0.8,0.8-0.8C6.7,13.7,7.1,14.1,7.1,14.4z"/>
|
||||||
|
<path class="st0" d="M24.9,5.6v-3h-4c-0.5,0-0.8-0.4-0.8-0.8c0-0.5,0.4-0.8,0.8-0.8h4.7c0.5,0,0.8,0.4,0.8,0.8v3.8
|
||||||
|
c0,0.5-0.4,0.8-0.8,0.8C25.3,6.3,24.9,5.9,24.9,5.6z"/>
|
||||||
|
<path class="st0" d="M31.1,10.8H0.8c-0.4,0-0.8-0.3-0.8-0.7c0-0.3,0.3-0.7,0.8-0.7h30.4c0.4,0,0.8,0.3,0.8,0.7
|
||||||
|
C31.9,10.4,31.6,10.8,31.1,10.8z"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 1.1 KiB |
|
@ -0,0 +1,12 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<svg version="1.1" id="Send_Icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 27 24" style="enable-background:new 0 0 27 24;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{fill:#192c3a;fill-opacity:0.4;stroke:#192c3a;stroke-width:1.4;}
|
||||||
|
.st1{fill:#1abb9b;fill-opacity:0.7145;stroke:#192c3a;stroke-width:1.4;}
|
||||||
|
</style>
|
||||||
|
<g>
|
||||||
|
<polyline class="st0" points="25.5,1.5 6.3,11.7 4.9,19.3 9.8,15.3 "/>
|
||||||
|
<polygon class="st1" points="1.5,6.4 25.5,1.5 17.1,22.5 "/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 596 B |
|
@ -0,0 +1,11 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<svg version="1.1" id="Send_Icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 27 24" style="enable-background:new 0 0 27 24;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{fill:none;stroke:#343434;stroke-width:1.4;stroke-miterlimit:10;}
|
||||||
|
</style>
|
||||||
|
<g>
|
||||||
|
<polyline class="st0" points="25.5,1.5 6.3,11.7 4.9,19.3 9.8,15.3 "/>
|
||||||
|
<polygon class="st0" points="1.5,6.4 25.5,1.5 17.1,22.5 "/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 506 B |
|
@ -0,0 +1,40 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Settings" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 23 24" style="enable-background:new 0 0 23 24;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{fill:#1abb9b;}
|
||||||
|
.st1{fill:#192c3a;}
|
||||||
|
</style>
|
||||||
|
<path id="fill" class="st0" d="M19.9,13.3c0.1-0.4,0.1-0.9,0.1-1.3c0-0.4,0-0.9-0.1-1.3L22,8.8c0.2-0.1,0.2-0.3,0.1-0.5
|
||||||
|
C21.7,7,21,5.7,20,4.7c-0.1-0.2-0.3-0.2-0.5-0.1l-2.7,0.9c-0.7-0.5-1.4-1-2.2-1.3L14,1.4C14,1.2,13.8,1,13.6,1
|
||||||
|
c-1.4-0.3-2.9-0.3-4.3,0C9.2,1,9,1.2,9,1.4L8.4,4.2C7.6,4.5,6.8,4.9,6.2,5.5L3.5,4.5C3.3,4.4,3.1,4.5,3,4.7C2,5.7,1.3,7,0.8,8.3
|
||||||
|
C0.8,8.5,0.8,8.7,1,8.8l2.2,1.9C3.1,11.1,3,11.6,3,12c0,0.4,0,0.9,0.1,1.3L1,15.2c-0.2,0.1-0.2,0.3-0.1,0.5C1.3,17,2,18.3,3,19.3
|
||||||
|
c0.1,0.2,0.3,0.2,0.5,0.1l2.7-0.9c0.7,0.5,1.4,1,2.2,1.3L9,22.6C9,22.8,9.2,23,9.4,23c0.7,0.1,1.4,0.2,2.1,0.2s1.4-0.1,2.1-0.2
|
||||||
|
c0.2,0,0.3-0.2,0.4-0.4l0.5-2.8c0.8-0.3,1.6-0.8,2.2-1.3l2.7,0.9c0.2,0.1,0.4,0,0.5-0.1c0.9-1.1,1.7-2.3,2.1-3.7
|
||||||
|
c0.1-0.2,0-0.4-0.1-0.5L19.9,13.3z M11.5,16.2c-2.4,0-4.2-1.9-4.2-4.2c0-2.3,1.9-4.2,4.2-4.2c2.3,0,4.2,1.9,4.2,4.2
|
||||||
|
C15.7,14.3,13.8,16.2,11.5,16.2L11.5,16.2z"/>
|
||||||
|
<path id="outline" class="st1" d="M11.5,24c-0.7,0-1.5-0.1-2.3-0.2c-0.5-0.1-0.9-0.5-1-1l-0.5-2.4c-0.6-0.3-1.2-0.6-1.7-1l-2.3,0.8
|
||||||
|
c-0.5,0.2-1,0.1-1.4-0.4c-1-1.2-1.8-2.5-2.3-3.9c-0.2-0.5,0-1.1,0.4-1.4L2.3,13c0-0.3-0.1-0.6-0.1-1c0-0.4,0-0.7,0.1-1L0.4,9.4
|
||||||
|
C0.1,9.2-0.1,8.6,0.1,8c0.4-1.4,1.2-2.7,2.3-3.9c0.3-0.4,0.9-0.5,1.4-0.3L6,4.6c0.5-0.4,1.1-0.7,1.7-1l0.5-2.4c0.1-0.5,0.5-0.9,1-1
|
||||||
|
c1.5-0.3,3.1-0.3,4.6,0c0.5,0.1,0.9,0.5,1,1l0.5,2.4c0.6,0.3,1.2,0.6,1.7,1l2.3-0.8c0.4-0.2,1-0.1,1.4,0.4c1,1.2,1.8,2.5,2.3,3.9
|
||||||
|
c0.2,0.5,0,1.1-0.4,1.4L20.7,11c0,0.3,0.1,0.6,0.1,1c0,0.4,0,0.7-0.1,1l1.8,1.6c0.4,0.3,0.6,0.9,0.3,1.4c-0.4,1.4-1.2,2.7-2.3,3.9
|
||||||
|
c-0.3,0.4-0.9,0.5-1.4,0.3L17,19.4c-0.5,0.4-1.1,0.7-1.7,1l-0.5,2.4c-0.1,0.5-0.5,0.9-1,1C13,23.9,12.2,24,11.5,24z M13.2,22.5
|
||||||
|
C13.2,22.5,13.2,22.5,13.2,22.5L13.2,22.5z M9.8,22.5L9.8,22.5C9.8,22.5,9.8,22.5,9.8,22.5z M9.7,22.3c1.3,0.2,2.3,0.2,3.6,0l0.6-3
|
||||||
|
l0.4-0.2c0.7-0.3,1.4-0.7,2-1.2l0.3-0.3l2.9,1c0.8-0.9,1.4-2,1.8-3.1l-2.3-2l0.1-0.4c0.1-0.3,0.1-0.7,0.1-1.2c0-0.4,0-0.8-0.1-1.2
|
||||||
|
L19,10.4l2.3-2c-0.4-1.1-1-2.1-1.8-3.1l-2.9,1l-0.3-0.3c-0.6-0.5-1.3-0.9-2-1.2l-0.4-0.2l-0.6-3c-1.2-0.2-2.4-0.2-3.6,0l-0.6,3
|
||||||
|
L8.7,4.9C8,5.2,7.3,5.6,6.7,6.1L6.4,6.3l-2.9-1C2.6,6.3,2,7.3,1.6,8.4l2.3,2l-0.1,0.4c-0.1,0.3-0.1,0.7-0.1,1.2c0,0.5,0,0.8,0.1,1.2
|
||||||
|
L4,13.6l-2.3,2c0.4,1.1,1,2.1,1.8,3.1l2.9-1l0.3,0.3c0.6,0.5,1.3,0.9,2,1.2l0.4,0.2L9.7,22.3z M13.5,22.2
|
||||||
|
C13.5,22.2,13.5,22.2,13.5,22.2C13.5,22.2,13.5,22.2,13.5,22.2z M9.5,22.2C9.5,22.2,9.5,22.2,9.5,22.2C9.5,22.2,9.5,22.2,9.5,22.2z
|
||||||
|
M19.4,18.8C19.4,18.8,19.4,18.8,19.4,18.8C19.4,18.8,19.4,18.8,19.4,18.8z M3.6,18.8C3.6,18.8,3.6,18.8,3.6,18.8
|
||||||
|
C3.6,18.8,3.6,18.8,3.6,18.8z M3.2,18.7C3.2,18.8,3.2,18.8,3.2,18.7L3.2,18.7z M19.8,18.7L19.8,18.7C19.8,18.7,19.8,18.7,19.8,18.7z
|
||||||
|
M21.5,15.7C21.5,15.8,21.6,15.8,21.5,15.7L21.5,15.7z M1.5,15.7L1.5,15.7C1.5,15.8,1.5,15.7,1.5,15.7z M21.4,15.4
|
||||||
|
C21.4,15.4,21.4,15.4,21.4,15.4C21.4,15.4,21.4,15.4,21.4,15.4z M1.6,15.4C1.6,15.4,1.6,15.4,1.6,15.4C1.6,15.4,1.6,15.4,1.6,15.4z
|
||||||
|
M21.4,8.6C21.4,8.6,21.4,8.6,21.4,8.6C21.4,8.6,21.4,8.6,21.4,8.6z M1.6,8.6C1.6,8.6,1.6,8.6,1.6,8.6C1.6,8.6,1.6,8.6,1.6,8.6z
|
||||||
|
M21.5,8.2C21.5,8.3,21.5,8.3,21.5,8.2L21.5,8.2z M1.4,8.2L1.4,8.2C1.5,8.2,1.4,8.2,1.4,8.2z M3.2,5.3C3.2,5.3,3.2,5.3,3.2,5.3
|
||||||
|
L3.2,5.3z M19.8,5.2L19.8,5.2C19.8,5.3,19.8,5.3,19.8,5.2z M19.4,5.2C19.4,5.2,19.4,5.2,19.4,5.2C19.4,5.2,19.4,5.2,19.4,5.2z
|
||||||
|
M3.6,5.2C3.6,5.2,3.6,5.2,3.6,5.2C3.6,5.2,3.6,5.2,3.6,5.2z M13.5,1.8C13.5,1.8,13.5,1.8,13.5,1.8C13.5,1.8,13.5,1.8,13.5,1.8z
|
||||||
|
M9.5,1.8C9.5,1.8,9.5,1.8,9.5,1.8C9.5,1.8,9.5,1.8,9.5,1.8z M13.2,1.5C13.2,1.5,13.2,1.5,13.2,1.5L13.2,1.5z M9.8,1.5L9.8,1.5
|
||||||
|
C9.8,1.5,9.8,1.5,9.8,1.5z M11.5,17c-2.8,0-5-2.2-5-5s2.3-5,5-5c2.8,0,5,2.2,5,5S14.3,17,11.5,17z M11.5,8.6c-1.9,0-3.4,1.5-3.4,3.4
|
||||||
|
c0,1.9,1.5,3.4,3.4,3.4c1.9,0,3.4-1.5,3.4-3.4S13.4,8.6,11.5,8.6z"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 4.1 KiB |
|
@ -0,0 +1,31 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Settings" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 23 24" style="enable-background:new 0 0 23 24;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{fill:#343434;}
|
||||||
|
</style>
|
||||||
|
<path id="outline" class="st0" d="M11.5,24c-0.7,0-1.5-0.1-2.3-0.2c-0.5-0.1-0.9-0.5-1-1l-0.5-2.4c-0.6-0.3-1.2-0.6-1.7-1l-2.3,0.8
|
||||||
|
c-0.5,0.2-1,0.1-1.4-0.4c-1-1.2-1.8-2.5-2.3-3.9c-0.2-0.5,0-1.1,0.4-1.4L2.3,13c0-0.3-0.1-0.6-0.1-1c0-0.4,0-0.7,0.1-1L0.4,9.4
|
||||||
|
C0.1,9.2-0.1,8.6,0.1,8c0.4-1.4,1.2-2.7,2.3-3.9c0.3-0.4,0.9-0.5,1.4-0.3L6,4.6c0.5-0.4,1.1-0.7,1.7-1l0.5-2.4c0.1-0.5,0.5-0.9,1-1
|
||||||
|
c1.5-0.3,3.1-0.3,4.6,0c0.5,0.1,0.9,0.5,1,1l0.5,2.4c0.6,0.3,1.2,0.6,1.7,1l2.3-0.8c0.4-0.2,1-0.1,1.4,0.4c1,1.2,1.8,2.5,2.3,3.9
|
||||||
|
c0.2,0.5,0,1.1-0.4,1.4L20.7,11c0,0.3,0.1,0.6,0.1,1c0,0.4,0,0.7-0.1,1l1.8,1.6c0.4,0.3,0.6,0.9,0.3,1.4c-0.4,1.4-1.2,2.7-2.3,3.9
|
||||||
|
c-0.3,0.4-0.9,0.5-1.4,0.3L17,19.4c-0.5,0.4-1.1,0.7-1.7,1l-0.5,2.4c-0.1,0.5-0.5,0.9-1,1C13,23.9,12.2,24,11.5,24z M13.2,22.5
|
||||||
|
C13.2,22.5,13.2,22.5,13.2,22.5L13.2,22.5z M9.8,22.5L9.8,22.5C9.8,22.5,9.8,22.5,9.8,22.5z M9.7,22.3c1.3,0.2,2.3,0.2,3.6,0l0.6-3
|
||||||
|
l0.4-0.2c0.7-0.3,1.4-0.7,2-1.2l0.3-0.3l2.9,1c0.8-0.9,1.4-2,1.8-3.1l-2.3-2l0.1-0.4c0.1-0.3,0.1-0.7,0.1-1.2c0-0.4,0-0.8-0.1-1.2
|
||||||
|
L19,10.4l2.3-2c-0.4-1.1-1-2.1-1.8-3.1l-2.9,1l-0.3-0.3c-0.6-0.5-1.3-0.9-2-1.2l-0.4-0.2l-0.6-3c-1.2-0.2-2.4-0.2-3.6,0l-0.6,3
|
||||||
|
L8.7,4.9C8,5.2,7.3,5.6,6.7,6.1L6.4,6.3l-2.9-1C2.6,6.3,2,7.3,1.6,8.4l2.3,2l-0.1,0.4c-0.1,0.3-0.1,0.7-0.1,1.2c0,0.5,0,0.8,0.1,1.2
|
||||||
|
L4,13.6l-2.3,2c0.4,1.1,1,2.1,1.8,3.1l2.9-1l0.3,0.3c0.6,0.5,1.3,0.9,2,1.2l0.4,0.2L9.7,22.3z M13.5,22.2
|
||||||
|
C13.5,22.2,13.5,22.2,13.5,22.2C13.5,22.2,13.5,22.2,13.5,22.2z M9.5,22.2C9.5,22.2,9.5,22.2,9.5,22.2C9.5,22.2,9.5,22.2,9.5,22.2z
|
||||||
|
M19.4,18.8C19.4,18.8,19.4,18.8,19.4,18.8C19.4,18.8,19.4,18.8,19.4,18.8z M3.6,18.8C3.6,18.8,3.6,18.8,3.6,18.8
|
||||||
|
C3.6,18.8,3.6,18.8,3.6,18.8z M3.2,18.7C3.2,18.8,3.2,18.8,3.2,18.7L3.2,18.7z M19.8,18.7L19.8,18.7C19.8,18.7,19.8,18.7,19.8,18.7z
|
||||||
|
M21.5,15.7C21.5,15.8,21.6,15.8,21.5,15.7L21.5,15.7z M1.5,15.7L1.5,15.7C1.5,15.8,1.5,15.7,1.5,15.7z M21.4,15.4
|
||||||
|
C21.4,15.4,21.4,15.4,21.4,15.4C21.4,15.4,21.4,15.4,21.4,15.4z M1.6,15.4C1.6,15.4,1.6,15.4,1.6,15.4C1.6,15.4,1.6,15.4,1.6,15.4z
|
||||||
|
M21.4,8.6C21.4,8.6,21.4,8.6,21.4,8.6C21.4,8.6,21.4,8.6,21.4,8.6z M1.6,8.6C1.6,8.6,1.6,8.6,1.6,8.6C1.6,8.6,1.6,8.6,1.6,8.6z
|
||||||
|
M21.5,8.2C21.5,8.3,21.5,8.3,21.5,8.2L21.5,8.2z M1.4,8.2L1.4,8.2C1.5,8.2,1.4,8.2,1.4,8.2z M3.2,5.3C3.2,5.3,3.2,5.3,3.2,5.3
|
||||||
|
L3.2,5.3z M19.8,5.2L19.8,5.2C19.8,5.3,19.8,5.3,19.8,5.2z M19.4,5.2C19.4,5.2,19.4,5.2,19.4,5.2C19.4,5.2,19.4,5.2,19.4,5.2z
|
||||||
|
M3.6,5.2C3.6,5.2,3.6,5.2,3.6,5.2C3.6,5.2,3.6,5.2,3.6,5.2z M13.5,1.8C13.5,1.8,13.5,1.8,13.5,1.8C13.5,1.8,13.5,1.8,13.5,1.8z
|
||||||
|
M9.5,1.8C9.5,1.8,9.5,1.8,9.5,1.8C9.5,1.8,9.5,1.8,9.5,1.8z M13.2,1.5C13.2,1.5,13.2,1.5,13.2,1.5L13.2,1.5z M9.8,1.5L9.8,1.5
|
||||||
|
C9.8,1.5,9.8,1.5,9.8,1.5z M11.5,17c-2.8,0-5-2.2-5-5s2.3-5,5-5c2.8,0,5,2.2,5,5S14.3,17,11.5,17z M11.5,8.6c-1.9,0-3.4,1.5-3.4,3.4
|
||||||
|
c0,1.9,1.5,3.4,3.4,3.4c1.9,0,3.4-1.5,3.4-3.4S13.4,8.6,11.5,8.6z"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 3.1 KiB |
|
@ -0,0 +1,70 @@
|
||||||
|
/*
|
||||||
|
* Copay Distribution SCSS overrides
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* Colors */
|
||||||
|
$v-primary-color: #192c3a;
|
||||||
|
$v-secondary-color: #31465b;
|
||||||
|
$v-accent-color: #1abb9b;
|
||||||
|
|
||||||
|
$v-text-primary-color: #192c3a;
|
||||||
|
$v-text-secondary-color: #c2c9d1;
|
||||||
|
$v-text-accent-color: #1abb9b;
|
||||||
|
|
||||||
|
$v-success-color: #1abb9b;
|
||||||
|
$v-warning-color: #bb331a;
|
||||||
|
|
||||||
|
/* Theme */
|
||||||
|
$v-default-wallet-color-index: 6;
|
||||||
|
$v-top-tabs-color: $v-accent-color;
|
||||||
|
$v-wallet-backup-phrase-color: $v-text-primary-color;
|
||||||
|
$v-wallet-backup-select-phrase-color: $v-secondary-color;
|
||||||
|
$v-wallet-backup-select-word-bg: $v-accent-color;
|
||||||
|
$v-wallet-backup-select-word-color: $v-text-primary-color;
|
||||||
|
$v-wallet-backup-select-word-disabled-color: $v-accent-color;
|
||||||
|
$v-tou-bg: $v-secondary-color;
|
||||||
|
$v-tou-color: $v-text-secondary-color;
|
||||||
|
$v-icon-border-radius: 3px;
|
||||||
|
$v-bitcoin-icon: url('../img/app/icon-bitcoin.svg');
|
||||||
|
|
||||||
|
$v-button-primary-color: $v-text-primary-color;
|
||||||
|
$v-button-primary-outline-active-color: $v-text-primary-color;
|
||||||
|
|
||||||
|
$v-button-secondary-bg: $v-secondary-color;
|
||||||
|
$v-button-secondary-color: $v-accent-color;
|
||||||
|
$v-button-secondary-active-bg: darken($v-secondary-color, 10%);
|
||||||
|
$v-button-secondary-clear-color: $v-accent-color;
|
||||||
|
$v-button-secondary-outline-border: $v-accent-color;
|
||||||
|
$v-button-secondary-outline-color: $v-accent-color;
|
||||||
|
$v-button-secondary-outline-active-bg: darken($v-accent-color, 10%);
|
||||||
|
$v-button-secondary-outline-active-color: $v-accent-color;
|
||||||
|
|
||||||
|
/* Onboarding */
|
||||||
|
$v-onboarding-welcome-bg: none;
|
||||||
|
$v-onboarding-color: $v-text-secondary-color;
|
||||||
|
$v-onboarding-bar-header-color: $v-text-primary-color;
|
||||||
|
$v-onboarding-bar-header-button-color: $v-accent-color;
|
||||||
|
|
||||||
|
$v-onboarding-tour-phone-bg: url(../img/app/onboarding/tour-phone.svg);
|
||||||
|
$v-onboarding-tour-currency-bg: url(../img/app/onboarding/tour-currency.svg);
|
||||||
|
$v-onboarding-tour-control-bg: url(../img/app/onboarding/tour-control.svg);
|
||||||
|
$v-onboarding-push-notification-bg: url(../img/app/onboarding/push-notifications.svg);
|
||||||
|
$v-onboarding-backup-warning-bg: url(../img/app/backup-warning.svg);
|
||||||
|
|
||||||
|
$v-onboarding-button-back-color: $v-accent-color;
|
||||||
|
|
||||||
|
$v-onboarding-button-secondary-bg: $v-secondary-color;
|
||||||
|
$v-onboarding-button-secondary-color: $v-accent-color;
|
||||||
|
$v-onboarding-button-secondary-active-bg: darken($v-secondary-color, 10%);
|
||||||
|
$v-onboarding-button-secondary-clear-color: $v-accent-color;
|
||||||
|
$v-onboarding-button-secondary-outline-border: $v-accent-color;
|
||||||
|
$v-onboarding-button-secondary-outline-color: $v-accent-color;
|
||||||
|
$v-onboarding-button-secondary-outline-active-bg: darken($v-accent-color, 10%);
|
||||||
|
$v-onboarding-button-secondary-outline-active-color: $v-accent-color;
|
||||||
|
|
||||||
|
/* Main tabs */
|
||||||
|
$v-tab-home-selected-icon: url('../img/app/tab-icons/ico-home-selected.svg');
|
||||||
|
$v-tab-receive-selected-icon: url('../img/app/tab-icons/ico-receive-selected.svg');
|
||||||
|
$v-tab-settings-selected-icon: url('../img/app/tab-icons/ico-settings-selected.svg');
|
||||||
|
$v-tab-scan-selected-icon: url('../img/app/tab-icons/ico-scan-selected.svg');
|
||||||
|
$v-tab-send-selected-icon: url('../img/app/tab-icons/ico-send-selected.svg');
|
|
@ -58,7 +58,6 @@
|
||||||
"bitauth": "^0.3.2",
|
"bitauth": "^0.3.2",
|
||||||
"bitcore-wallet-client": "4.4.2",
|
"bitcore-wallet-client": "4.4.2",
|
||||||
"bower": "^1.7.9",
|
"bower": "^1.7.9",
|
||||||
"chai": "^3.5.0",
|
|
||||||
"cordova-android": "5.1.1",
|
"cordova-android": "5.1.1",
|
||||||
"cordova-custom-config": "^3.0.5",
|
"cordova-custom-config": "^3.0.5",
|
||||||
"cordova-plugin-qrscanner": "^2.3.1",
|
"cordova-plugin-qrscanner": "^2.3.1",
|
||||||
|
@ -78,8 +77,6 @@
|
||||||
"grunt-nw-builder": "^2.0.3",
|
"grunt-nw-builder": "^2.0.3",
|
||||||
"grunt-sass": "^1.2.0",
|
"grunt-sass": "^1.2.0",
|
||||||
"load-grunt-tasks": "^3.5.0",
|
"load-grunt-tasks": "^3.5.0",
|
||||||
"mocha": "^2.4.5",
|
|
||||||
"phantomjs-prebuilt": "^2.1.7",
|
|
||||||
"shelljs": "^0.3.0"
|
"shelljs": "^0.3.0"
|
||||||
},
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
|
|
@ -5,15 +5,16 @@ angular.module('copayApp.controllers').controller('preferencesColorController',
|
||||||
$scope.wallet = wallet;
|
$scope.wallet = wallet;
|
||||||
var walletId = wallet.credentials.walletId;
|
var walletId = wallet.credentials.walletId;
|
||||||
var config = configService.getSync();
|
var config = configService.getSync();
|
||||||
$scope.colorList = configService.getColorList();
|
|
||||||
config.colorFor = config.colorFor || {};
|
config.colorFor = config.colorFor || {};
|
||||||
$scope.currentColor = config.colorFor[walletId] || '#4A90E2';
|
|
||||||
|
|
||||||
$timeout(function() {
|
var retries = 3;
|
||||||
$scope.$apply();
|
$scope.colorCount = getColorCount();
|
||||||
});
|
setCurrentColorIndex();
|
||||||
|
|
||||||
|
$scope.save = function(i) {
|
||||||
|
var color = indexToColor(i);
|
||||||
|
if (!color) return;
|
||||||
|
|
||||||
$scope.save = function(color) {
|
|
||||||
var opts = {
|
var opts = {
|
||||||
colorFor: {}
|
colorFor: {}
|
||||||
};
|
};
|
||||||
|
@ -24,4 +25,53 @@ angular.module('copayApp.controllers').controller('preferencesColorController',
|
||||||
$ionicHistory.goBack();
|
$ionicHistory.goBack();
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
function getColorDefault() {
|
||||||
|
return rgb2hex(window.getComputedStyle(document.getElementsByClassName('wallet-color-default')[0]).color);
|
||||||
|
};
|
||||||
|
|
||||||
|
function getColorCount() {
|
||||||
|
var count = window.getComputedStyle(document.getElementsByClassName('wallet-color-count')[0]).content;
|
||||||
|
return parseInt(count.replace(/[^0-9]/g, ''));
|
||||||
|
};
|
||||||
|
|
||||||
|
function setCurrentColorIndex() {
|
||||||
|
try {
|
||||||
|
$scope.currentColorIndex = colorToIndex(config.colorFor[walletId]);
|
||||||
|
if ($scope.currentColorIndex == undefined) {
|
||||||
|
$scope.currentColorIndex = colorToIndex(getColorDefault());
|
||||||
|
}
|
||||||
|
} catch(e) {
|
||||||
|
// Wait for DOM to render and try again.
|
||||||
|
$timeout(function() {
|
||||||
|
if (retries > 0) {
|
||||||
|
retries -= 1;
|
||||||
|
setCurrentColorIndex();
|
||||||
|
}
|
||||||
|
}, 100);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
function colorToIndex(color) {
|
||||||
|
for (var i = 0; i < $scope.colorCount; i++) {
|
||||||
|
if (indexToColor(i) == color) {
|
||||||
|
return i;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return undefined;
|
||||||
|
};
|
||||||
|
|
||||||
|
function indexToColor(i) {
|
||||||
|
// Expect an exception to be thrown if can't getComputedStyle().
|
||||||
|
return rgb2hex(window.getComputedStyle(document.getElementsByClassName('wallet-color-' + i)[0]).backgroundColor);
|
||||||
|
};
|
||||||
|
|
||||||
|
function rgb2hex(rgb) {
|
||||||
|
rgb = rgb.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
|
||||||
|
return (rgb && rgb.length === 4) ? "#" +
|
||||||
|
("0" + parseInt(rgb[1],10).toString(16)).slice(-2) +
|
||||||
|
("0" + parseInt(rgb[2],10).toString(16)).slice(-2) +
|
||||||
|
("0" + parseInt(rgb[3],10).toString(16)).slice(-2) : '';
|
||||||
|
};
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
|
@ -0,0 +1,44 @@
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
angular.module('copayApp.directives')
|
||||||
|
/**
|
||||||
|
* Replaces img tag with its svg content to allow for CSS styling of the svg.
|
||||||
|
*/
|
||||||
|
.directive('svg', function($http) {
|
||||||
|
return {
|
||||||
|
restrict: 'C',
|
||||||
|
link: function(scope, element, attrs) {
|
||||||
|
var imgId = attrs.id;
|
||||||
|
var imgClass = attrs.class;
|
||||||
|
var imgUrl = attrs.src;
|
||||||
|
var svg;
|
||||||
|
|
||||||
|
// Load svg content
|
||||||
|
$http.get(imgUrl).success(function(data, status) {
|
||||||
|
svg = angular.element(data);
|
||||||
|
for (var i = svg.length - 1; i >= 0; i--) {
|
||||||
|
if (svg[i].constructor == SVGSVGElement) {
|
||||||
|
svg = angular.element(svg[i]);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof imgId !== 'undefined') {
|
||||||
|
svg.attr('id', imgId);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof imgClass !== 'undefined') {
|
||||||
|
svg.attr('class', imgClass);
|
||||||
|
}
|
||||||
|
// Remove invalid attributes
|
||||||
|
svg = svg.removeAttr('xmlns:a');
|
||||||
|
element.replaceWith(svg);
|
||||||
|
});
|
||||||
|
|
||||||
|
scope.$on('$destroy', function() {
|
||||||
|
if (svg) svg.remove();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
});
|
||||||
|
|
|
@ -71,4 +71,12 @@ angular.module('copayApp.filters', [])
|
||||||
if (reverse) filtered.reverse();
|
if (reverse) filtered.reverse();
|
||||||
return filtered;
|
return filtered;
|
||||||
};
|
};
|
||||||
|
})
|
||||||
|
.filter('range', function() {
|
||||||
|
return function(input, total) {
|
||||||
|
total = parseInt(total);
|
||||||
|
for (var i = 0; i < total; i++)
|
||||||
|
input.push(i);
|
||||||
|
return input;
|
||||||
|
};
|
||||||
});
|
});
|
||||||
|
|
|
@ -83,69 +83,6 @@ angular.module('copayApp.services').factory('configService', function(storageSer
|
||||||
|
|
||||||
var configCache = null;
|
var configCache = null;
|
||||||
|
|
||||||
var colorList = [
|
|
||||||
{
|
|
||||||
color: "#DD4B39",
|
|
||||||
name: "Cinnabar"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
color: "#F38F12",
|
|
||||||
name: "Carrot Orange"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
color: "#FAA77F",
|
|
||||||
name: "Light Salmon"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
color: "#D0B136",
|
|
||||||
name: "Metallic Gold"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
color: "#9EDD72",
|
|
||||||
name: "Feijoa"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
color: "#29BB9C",
|
|
||||||
name: "Shamrock"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
color: "#019477",
|
|
||||||
name: "Observatory"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
color: "#77DADA",
|
|
||||||
name: "Turquoise Blue"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
color: "#4A90E2",
|
|
||||||
name: "Cornflower Blue"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
color: "#484ED3",
|
|
||||||
name: "Free Speech Blue"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
color: "#9B59B6",
|
|
||||||
name: "Deep Lilac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
color: "#E856EF",
|
|
||||||
name: "Free Speech Magenta"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
color: "#FF599E",
|
|
||||||
name: "Brilliant Rose"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
color: "#7A8C9E",
|
|
||||||
name: "Light Slate Grey"
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
root.getColorList = function() {
|
|
||||||
return colorList;
|
|
||||||
};
|
|
||||||
|
|
||||||
root.getSync = function() {
|
root.getSync = function() {
|
||||||
if (!configCache)
|
if (!configCache)
|
||||||
throw new Error('configService#getSync called when cache is not initialized');
|
throw new Error('configService#getSync called when cache is not initialized');
|
||||||
|
|
|
@ -33,7 +33,7 @@ angular.module('copayApp.services')
|
||||||
configService.whenAvailable(function(config) {
|
configService.whenAvailable(function(config) {
|
||||||
wallet.usingCustomBWS = config.bwsFor && config.bwsFor[wallet.id] && (config.bwsFor[wallet.id] != defaults.bws.url);
|
wallet.usingCustomBWS = config.bwsFor && config.bwsFor[wallet.id] && (config.bwsFor[wallet.id] != defaults.bws.url);
|
||||||
wallet.name = (config.aliasFor && config.aliasFor[wallet.id]) || wallet.credentials.walletName;
|
wallet.name = (config.aliasFor && config.aliasFor[wallet.id]) || wallet.credentials.walletName;
|
||||||
wallet.color = (config.colorFor && config.colorFor[wallet.id]) || '#4A90E2';
|
wallet.color = (config.colorFor && config.colorFor[wallet.id]);
|
||||||
wallet.email = config.emailFor && config.emailFor[wallet.id];
|
wallet.email = config.emailFor && config.emailFor[wallet.id];
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
|
@ -0,0 +1,70 @@
|
||||||
|
/*
|
||||||
|
* Copay Distribution SCSS overrides
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* Colors */
|
||||||
|
$v-primary-color: #192c3a;
|
||||||
|
$v-secondary-color: #31465b;
|
||||||
|
$v-accent-color: #1abb9b;
|
||||||
|
|
||||||
|
$v-text-primary-color: #192c3a;
|
||||||
|
$v-text-secondary-color: #c2c9d1;
|
||||||
|
$v-text-accent-color: #1abb9b;
|
||||||
|
|
||||||
|
$v-success-color: #1abb9b;
|
||||||
|
$v-warning-color: #bb331a;
|
||||||
|
|
||||||
|
/* Theme */
|
||||||
|
$v-default-wallet-color-index: 6;
|
||||||
|
$v-top-tabs-color: $v-accent-color;
|
||||||
|
$v-wallet-backup-phrase-color: $v-text-primary-color;
|
||||||
|
$v-wallet-backup-select-phrase-color: $v-secondary-color;
|
||||||
|
$v-wallet-backup-select-word-bg: $v-accent-color;
|
||||||
|
$v-wallet-backup-select-word-color: $v-text-primary-color;
|
||||||
|
$v-wallet-backup-select-word-disabled-color: $v-accent-color;
|
||||||
|
$v-tou-bg: $v-secondary-color;
|
||||||
|
$v-tou-color: $v-text-secondary-color;
|
||||||
|
$v-icon-border-radius: 3px;
|
||||||
|
$v-bitcoin-icon: url('../img/app/icon-bitcoin.svg');
|
||||||
|
|
||||||
|
$v-button-primary-color: $v-text-primary-color;
|
||||||
|
$v-button-primary-outline-active-color: $v-text-primary-color;
|
||||||
|
|
||||||
|
$v-button-secondary-bg: $v-secondary-color;
|
||||||
|
$v-button-secondary-color: $v-accent-color;
|
||||||
|
$v-button-secondary-active-bg: darken($v-secondary-color, 10%);
|
||||||
|
$v-button-secondary-clear-color: $v-accent-color;
|
||||||
|
$v-button-secondary-outline-border: $v-accent-color;
|
||||||
|
$v-button-secondary-outline-color: $v-accent-color;
|
||||||
|
$v-button-secondary-outline-active-bg: darken($v-accent-color, 10%);
|
||||||
|
$v-button-secondary-outline-active-color: $v-accent-color;
|
||||||
|
|
||||||
|
/* Onboarding */
|
||||||
|
$v-onboarding-welcome-bg: none;
|
||||||
|
$v-onboarding-color: $v-text-secondary-color;
|
||||||
|
$v-onboarding-bar-header-color: $v-text-primary-color;
|
||||||
|
$v-onboarding-bar-header-button-color: $v-accent-color;
|
||||||
|
|
||||||
|
$v-onboarding-tour-phone-bg: url(../img/app/onboarding/tour-phone.svg);
|
||||||
|
$v-onboarding-tour-currency-bg: url(../img/app/onboarding/tour-currency.svg);
|
||||||
|
$v-onboarding-tour-control-bg: url(../img/app/onboarding/tour-control.svg);
|
||||||
|
$v-onboarding-push-notification-bg: url(../img/app/onboarding/push-notifications.svg);
|
||||||
|
$v-onboarding-backup-warning-bg: url(../img/app/backup-warning.svg);
|
||||||
|
|
||||||
|
$v-onboarding-button-back-color: $v-accent-color;
|
||||||
|
|
||||||
|
$v-onboarding-button-secondary-bg: $v-secondary-color;
|
||||||
|
$v-onboarding-button-secondary-color: $v-accent-color;
|
||||||
|
$v-onboarding-button-secondary-active-bg: darken($v-secondary-color, 10%);
|
||||||
|
$v-onboarding-button-secondary-clear-color: $v-accent-color;
|
||||||
|
$v-onboarding-button-secondary-outline-border: $v-accent-color;
|
||||||
|
$v-onboarding-button-secondary-outline-color: $v-accent-color;
|
||||||
|
$v-onboarding-button-secondary-outline-active-bg: darken($v-accent-color, 10%);
|
||||||
|
$v-onboarding-button-secondary-outline-active-color: $v-accent-color;
|
||||||
|
|
||||||
|
/* Main tabs */
|
||||||
|
$v-tab-home-selected-icon: url('../img/app/tab-icons/ico-home-selected.svg');
|
||||||
|
$v-tab-receive-selected-icon: url('../img/app/tab-icons/ico-receive-selected.svg');
|
||||||
|
$v-tab-settings-selected-icon: url('../img/app/tab-icons/ico-settings-selected.svg');
|
||||||
|
$v-tab-scan-selected-icon: url('../img/app/tab-icons/ico-scan-selected.svg');
|
||||||
|
$v-tab-send-selected-icon: url('../img/app/tab-icons/ico-send-selected.svg');
|
|
@ -1,24 +1,3 @@
|
||||||
// white on $positive
|
|
||||||
$button-primary-bg: $positive;
|
|
||||||
$button-primary-text: #fff;
|
|
||||||
$button-primary-border: transparent;
|
|
||||||
$button-primary-active-bg: darken($positive, 5%);
|
|
||||||
$button-primary-active-border: transparent;
|
|
||||||
|
|
||||||
//white on translucent-white
|
|
||||||
$button-secondary-onboarding-bg: rgba($light-gray, 0.1); // rgba(215, 215, 215, 0.1);
|
|
||||||
$button-secondary-onboarding-text: #fff;
|
|
||||||
$button-secondary-onboarding-border: transparent;
|
|
||||||
$button-secondary-onboarding-active-bg: rgba($light-gray, 0.2); // rgba(215, 215, 215, 0.2);
|
|
||||||
$button-secondary-onboarding-active-border: transparent;
|
|
||||||
|
|
||||||
//dark-gray on translucent-gray
|
|
||||||
$button-secondary-bg: $subtle-gray;
|
|
||||||
$button-secondary-text: $dark-gray;
|
|
||||||
$button-secondary-border: transparent;
|
|
||||||
$button-secondary-active-bg: darken($subtle-gray, 5%);
|
|
||||||
$button-secondary-active-border: transparent;
|
|
||||||
|
|
||||||
%button-standard {
|
%button-standard {
|
||||||
width: 85%;
|
width: 85%;
|
||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
|
@ -30,9 +9,9 @@ $button-secondary-active-border: transparent;
|
||||||
.button,
|
.button,
|
||||||
.onboarding .button {
|
.onboarding .button {
|
||||||
&.button-primary {
|
&.button-primary {
|
||||||
@include button-style($button-primary-bg, $button-primary-border, $button-primary-active-bg, $button-primary-active-border, $button-primary-text);
|
@include button-style($v-button-primary-bg, $v-button-primary-border, $v-button-primary-active-bg, $v-button-primary-active-border, $v-button-primary-color);
|
||||||
@include button-clear($button-primary-bg);
|
@include button-clear($v-button-primary-bg);
|
||||||
@include button-outline($button-primary-bg);
|
@include button-outline($v-button-primary-bg);
|
||||||
}
|
}
|
||||||
&.button-primary,
|
&.button-primary,
|
||||||
&.button-secondary,
|
&.button-secondary,
|
||||||
|
@ -48,16 +27,16 @@ $button-secondary-active-border: transparent;
|
||||||
}
|
}
|
||||||
.onboarding .button {
|
.onboarding .button {
|
||||||
&.button-secondary {
|
&.button-secondary {
|
||||||
@include button-style($button-secondary-onboarding-bg, $button-secondary-onboarding-border, $button-secondary-onboarding-active-bg, $button-secondary-onboarding-active-border, $button-secondary-onboarding-text);
|
@include button-style($v-onboarding-button-secondary-bg, $v-onboarding-button-secondary-border, $v-onboarding-button-secondary-active-bg, $v-onboarding-button-secondary-active-border, $v-onboarding-button-secondary-color);
|
||||||
@include button-clear($button-secondary-onboarding-text);
|
@include button-clear($v-onboarding-button-secondary-color);
|
||||||
@include button-outline($button-secondary-onboarding-text);
|
@include button-outline($v-onboarding-button-secondary-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.button {
|
.button {
|
||||||
&.button-secondary {
|
&.button-secondary {
|
||||||
@include button-style($button-secondary-bg, $button-secondary-border, $button-secondary-active-bg, $button-secondary-active-border, $button-secondary-text);
|
@include button-style($v-button-secondary-bg, $v-button-secondary-border, $v-button-secondary-active-bg, $v-button-secondary-active-border, $v-button-secondary-color);
|
||||||
@include button-clear($button-secondary-text);
|
@include button-clear($v-button-secondary-color);
|
||||||
@include button-outline($button-secondary-text);
|
@include button-outline($v-button-secondary-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
.gravatar {
|
.gravatar {
|
||||||
border-radius: 50%;
|
border-radius: $v-icon-border-radius;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
|
@ -37,10 +37,10 @@
|
||||||
.big-icon-svg {
|
.big-icon-svg {
|
||||||
padding: 0 7px;
|
padding: 0 7px;
|
||||||
> .bg {
|
> .bg {
|
||||||
border-radius: 50%;
|
border-radius: $v-icon-border-radius;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
box-shadow: $hovering-box-shadow;
|
box-shadow: $v-hovering-box-shadow;
|
||||||
background-repeat:no-repeat;
|
background-repeat:no-repeat;
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
background-size: 103%;
|
background-size: 103%;
|
||||||
|
@ -61,12 +61,12 @@
|
||||||
&.circle{
|
&.circle{
|
||||||
left:8px;
|
left:8px;
|
||||||
.bg {
|
.bg {
|
||||||
border-radius: 50%;
|
border-radius: $v-icon-border-radius;
|
||||||
width: 70px;
|
width: 70px;
|
||||||
height: 70px;
|
height: 70px;
|
||||||
padding:.1rem;
|
padding:.1rem;
|
||||||
margin: 0.2rem;
|
margin: 0.2rem;
|
||||||
box-shadow: 0px 1px 5px rgba($mid-gray, .1);
|
box-shadow: 0px 1px 5px rgba($v-mid-gray, .1);
|
||||||
display:flex;
|
display:flex;
|
||||||
margin:auto;
|
margin:auto;
|
||||||
}
|
}
|
||||||
|
|
|
@ -32,7 +32,7 @@ $placeholder-icon-padding: 10px;
|
||||||
|
|
||||||
// the default .item p color of #666 cannot be modified by a variable
|
// the default .item p color of #666 cannot be modified by a variable
|
||||||
.item p {
|
.item p {
|
||||||
color: $mid-gray;
|
color: $v-mid-gray;
|
||||||
}
|
}
|
||||||
|
|
||||||
// we'd like to diverge from the standard ionic formula for left-right card margins
|
// we'd like to diverge from the standard ionic formula for left-right card margins
|
||||||
|
|
|
@ -1,3 +1,4 @@
|
||||||
|
@import "app/overrides";
|
||||||
@import "fonts";
|
@import "fonts";
|
||||||
@import "variables";
|
@import "variables";
|
||||||
@import "ionic";
|
@import "ionic";
|
||||||
|
|
|
@ -27,7 +27,7 @@
|
||||||
color: #fff;
|
color: #fff;
|
||||||
&.warning-red{
|
&.warning-red{
|
||||||
border-color: #EB475A;
|
border-color: #EB475A;
|
||||||
background-color: $warning-red;
|
background-color: $v-warning-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.error {
|
&.error {
|
||||||
|
@ -151,8 +151,8 @@ input[type=number] {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
background-color: $subtle-gray;
|
background-color: $v-subtle-gray;
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
padding: 2px 10px;
|
padding: 2px 10px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
|
@ -1,57 +1,188 @@
|
||||||
/* constants */
|
/*
|
||||||
$royal: #1e3186;
|
* App variables
|
||||||
$soft-blue: #647ce8;
|
*/
|
||||||
$fill-blue: #D5DFFF;
|
|
||||||
$subtle-gray: darken(#fff, 5%);
|
|
||||||
$roboto: "Roboto", sans-serif;
|
|
||||||
$roboto-light: "Roboto-Light", sans-serif-light;
|
|
||||||
$light-green: rgb(19, 229, 182);
|
|
||||||
$success-green: #17ae8c;
|
|
||||||
$warning-orange: #ffa500;
|
|
||||||
$warning-red: #E15061;
|
|
||||||
$dark-gray: #445;
|
|
||||||
$mid-gray: #667;
|
|
||||||
$light-gray: #9b9bab;
|
|
||||||
$subtle-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
|
|
||||||
$hovering-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.3);
|
|
||||||
$subtle-radius: 3px;
|
|
||||||
$visible-radius: 6px;
|
|
||||||
$unmistakable-radius: 12px;
|
|
||||||
|
|
||||||
/* Set ionic variables */
|
/* Fonts */
|
||||||
|
$v-font-family: "Roboto", sans-serif !default;
|
||||||
|
$v-font-family-light: "Roboto-Light", sans-serif-light !default;
|
||||||
|
|
||||||
$positive: $soft-blue;
|
/* Colors */
|
||||||
|
$v-bitcoin-orange: #ff9900 !default;
|
||||||
|
|
||||||
$font-size-base: 16px;
|
$v-dark-gray: #445 !default;
|
||||||
$font-size-small: 12px;
|
$v-mid-gray: #667 !default;
|
||||||
$font-family-sans-serif: $roboto;
|
$v-light-gray: #9b9bab !default;
|
||||||
$font-family-light-sans-serif: $roboto-light;
|
$v-subtle-gray: darken(#ffffff, 5%) !default;
|
||||||
|
|
||||||
$button-border-radius: $subtle-radius;
|
$v-primary-color: #1e3186 !default;
|
||||||
$button-height: 52px;
|
$v-secondary-color: #111b49 !default;
|
||||||
$button-padding: 16px;
|
$v-accent-color: #647ce8 !default;
|
||||||
|
|
||||||
$base-background-color: $subtle-gray;
|
$v-text-primary-color: #1e3186 !default;
|
||||||
|
$v-text-secondary-color: #ffffff !default;
|
||||||
|
$v-text-accent-color: #647ce8 !default;
|
||||||
|
|
||||||
$item-default-active-bg: $subtle-gray;
|
$v-success-color: #13e5b6 !default;
|
||||||
$item-icon-font-size: 24px;
|
$v-warning-color: #ffa500 !default;
|
||||||
|
|
||||||
$input-color: $dark-gray;
|
$v-wallet-color-map: (
|
||||||
$input-border: $light-gray;
|
0: (color: #dd4b39, name: 'Cinnabar'),
|
||||||
$input-label-color: $mid-gray;
|
1: (color: #f38f12, name: 'Carrot Orange'),
|
||||||
$input-color-placeholder: lighten($dark-gray, 40%);
|
2: (color: #faa77f, name: 'Light Salmon'),
|
||||||
|
3: (color: #d0b136, name: 'Metallic Gold'),
|
||||||
|
4: (color: #9edd72, name: 'Feijoa'),
|
||||||
|
5: (color: #29bb9c, name: 'Shamrock'),
|
||||||
|
6: (color: #019477, name: 'Observatory'),
|
||||||
|
7: (color: #77dada, name: 'Turquoise Blue'),
|
||||||
|
8: (color: #4a90e2, name: 'Cornflower Blue'),
|
||||||
|
9: (color: #484ed3, name: 'Free Speech Blue'),
|
||||||
|
10: (color: #9b59b6, name: 'Deep Lilac'),
|
||||||
|
11: (color: #e856ef, name: 'Free Speech Magenta'),
|
||||||
|
12: (color: #ff599e, name: 'Brilliant Rose'),
|
||||||
|
13: (color: #7a8c9e, name: 'Light Slate Grey')
|
||||||
|
) !default;
|
||||||
|
|
||||||
$item-default-bg: #ffffff;
|
/* Theme */
|
||||||
$item-default-border: $subtle-gray;
|
$v-default-wallet-color-index: 6 !default; // See $v-wallet-color-map
|
||||||
$item-default-text: $dark-gray;
|
$v-subtle-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !default;
|
||||||
$item-default-active-bg: darken(#ffffff, 7%);
|
$v-hovering-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.3) !default;
|
||||||
$item-default-active-border: darken($subtle-gray, 7%);
|
$v-subtle-radius: 3px !default;
|
||||||
$item-divider-bg: $subtle-gray;
|
$v-visible-radius: 6px !default;
|
||||||
|
$v-unmistakable-radius: 12px !default;
|
||||||
|
$v-scanner-background-color: $v-primary-color !default;
|
||||||
|
$v-scanner-guide-color: $v-accent-color !default;
|
||||||
|
$v-top-tabs-color: $v-primary-color !default;
|
||||||
|
|
||||||
$bar-default-border: $subtle-gray;
|
$v-wallet-backup-bg: #ffffff !default;
|
||||||
|
$v-wallet-backup-phrase-bg: $v-subtle-gray !default;
|
||||||
|
$v-wallet-backup-phrase-color: $v-dark-gray !default;
|
||||||
|
$v-wallet-backup-select-phrase-color: $v-subtle-gray;
|
||||||
|
$v-wallet-backup-select-word-bg: #ffffff !default;
|
||||||
|
$v-wallet-backup-select-word-color: $v-dark-gray !default;
|
||||||
|
$v-wallet-backup-select-word-disabled-color: $v-light-gray !default;
|
||||||
|
$v-tou-bg: #ffffff !default;
|
||||||
|
$v-tou-color: $v-dark-gray !default;
|
||||||
|
$v-icon-color: $v-accent-color !default;
|
||||||
|
$v-icon-negative-color: $v-accent-color !default;
|
||||||
|
$v-icon-border-radius: 50% !default;
|
||||||
|
$v-bitcoin-icon: url('../img/icon-bitcoin.svg') !default;
|
||||||
|
|
||||||
$tabs-icon-size: 22px;
|
$v-button-primary-bg: $v-accent-color !default;
|
||||||
|
$v-button-primary-color: #ffffff !default;
|
||||||
|
$v-button-primary-border: transparent !default;
|
||||||
|
$v-button-primary-active-bg: darken($v-accent-color, 10%) !default;
|
||||||
|
$v-button-primary-active-border: transparent !default;
|
||||||
|
$v-button-primary-clear-bg: none !default;
|
||||||
|
$v-button-primary-clear-color: $v-accent-color !default;
|
||||||
|
$v-button-primary-outline-bg: transparent !default;
|
||||||
|
$v-button-primary-outline-border: $v-accent-color !default;
|
||||||
|
$v-button-primary-outline-color: $v-accent-color !default;
|
||||||
|
$v-button-primary-outline-active-bg: $v-accent-color !default;
|
||||||
|
$v-button-primary-outline-active-color: #ffffff !default;
|
||||||
|
|
||||||
$ios-transition-duration: 200ms;
|
$v-button-secondary-bg: $v-subtle-gray !default;
|
||||||
|
$v-button-secondary-color: $v-dark-gray !default;
|
||||||
|
$v-button-secondary-border: transparent !default;
|
||||||
|
$v-button-secondary-active-bg: $v-subtle-gray !default;
|
||||||
|
$v-button-secondary-active-border: transparent !default;
|
||||||
|
$v-button-secondary-clear-bg: none !default;
|
||||||
|
$v-button-secondary-clear-color: $v-dark-gray !default;
|
||||||
|
$v-button-secondary-outline-border: $v-dark-gray !default;
|
||||||
|
$v-button-secondary-outline-bg: transparent !default;
|
||||||
|
$v-button-secondary-outline-color: $v-dark-gray !default;
|
||||||
|
$v-button-secondary-outline-active-bg: $v-dark-gray !default;
|
||||||
|
$v-button-secondary-outline-active-color: #ffffff !default;
|
||||||
|
|
||||||
$card-box-shadow: $subtle-box-shadow;
|
/* Onboarding */
|
||||||
|
$v-onboarding-pane-bg: $v-primary-color !default;
|
||||||
|
$v-onboarding-gradient-top-color: $v-primary-color !default;
|
||||||
|
$v-onboarding-gradient-bottom-color: $v-secondary-color !default;
|
||||||
|
$v-onboarding-welcome-bg: url(../img/onboarding-welcome-bg.png) !default;
|
||||||
|
$v-onboarding-color: #ffffff !default;
|
||||||
|
$v-onboarding-bar-header-color: #ffffff !default;
|
||||||
|
$v-onboarding-bar-header-button-color: #ffffff !default;
|
||||||
|
$v-onboarding-tour-swiper-pagination-bg: $v-accent-color !default;
|
||||||
|
$v-onboarding-backup-alert-icon-color: $v-accent-color !default;
|
||||||
|
$v-onboarding-checkbox-off-border: $v-accent-color !default;
|
||||||
|
$v-onboarding-checkbox-on-border: $v-success-color !default;
|
||||||
|
|
||||||
|
$v-onboarding-tour-phone-bg: url(../img/onboarding-tour-phone.svg) !default;
|
||||||
|
$v-onboarding-tour-currency-bg: url(../img/onboarding-tour-currency-bg.svg) !default;
|
||||||
|
$v-onboarding-tour-control-bg: url(../img/onboarding-tour-control.svg) !default;
|
||||||
|
$v-onboarding-push-notification-bg: url(../img/onboarding-push-notifications.svg) !default;
|
||||||
|
$v-onboarding-backup-warning-bg: url(../img/backup-warning.svg) !default;
|
||||||
|
|
||||||
|
$v-onboarding-button-back-color: #ffffff !default;
|
||||||
|
|
||||||
|
$v-onboarding-button-secondary-bg: rgba($v-light-gray, 0.1) !default;
|
||||||
|
$v-onboarding-button-secondary-color: #ffffff !default;
|
||||||
|
$v-onboarding-button-secondary-border: transparent !default;
|
||||||
|
$v-onboarding-button-secondary-active-bg: rgba($v-light-gray, 0.2) !default;
|
||||||
|
$v-onboarding-button-secondary-active-border: transparent !default;
|
||||||
|
$v-onboarding-button-secondary-clear-bg: transparent !default;
|
||||||
|
$v-onboarding-button-secondary-clear-color: #ffffff !default;
|
||||||
|
$v-onboarding-button-secondary-outline-border: #ffffff !default;
|
||||||
|
$v-onboarding-button-secondary-outline-bg: transparent !default;
|
||||||
|
$v-onboarding-button-secondary-outline-color: #ffffff !default;
|
||||||
|
$v-onboarding-button-secondary-outline-active-bg: #ffffff !default;
|
||||||
|
$v-onboarding-button-secondary-outline-active-color: #ffffff !default;
|
||||||
|
|
||||||
|
/* Main tabs */
|
||||||
|
$v-tab-home-icon: url('../img/tab-icons/ico-home.svg') !default;
|
||||||
|
$v-tab-home-selected-icon: url('../img/tab-icons/ico-home-selected.svg') !default;
|
||||||
|
$v-tab-receive-icon: url('../img/tab-icons/ico-receive.svg') !default;
|
||||||
|
$v-tab-receive-selected-icon: url('../img/tab-icons/ico-receive-selected.svg') !default;
|
||||||
|
$v-tab-settings-icon: url('../img/tab-icons/ico-settings.svg') !default;
|
||||||
|
$v-tab-settings-selected-icon: url('../img/tab-icons/ico-settings-selected.svg') !default;
|
||||||
|
$v-tab-scan-icon: url('../img/tab-icons/ico-scan.svg') !default;
|
||||||
|
$v-tab-scan-selected-icon: url('../img/tab-icons/ico-scan-selected.svg') !default;
|
||||||
|
$v-tab-send-icon: url('../img/tab-icons/ico-send.svg') !default;
|
||||||
|
$v-tab-send-selected-icon: url('../img/tab-icons/ico-send-selected.svg') !default;
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Ionic variables
|
||||||
|
*/
|
||||||
|
$royal: $v-primary-color !default;
|
||||||
|
$positive: $v-accent-color !default;
|
||||||
|
|
||||||
|
$font-size-base: 16px !default;
|
||||||
|
$font-size-small: 12px !default;
|
||||||
|
$font-family-sans-serif: $v-font-family !default;
|
||||||
|
$font-family-light-sans-serif: $v-font-family-light !default;
|
||||||
|
|
||||||
|
$link-color: $v-accent-color !default;
|
||||||
|
|
||||||
|
$button-border-radius: $v-subtle-radius !default;
|
||||||
|
$button-height: 52px !default;
|
||||||
|
$button-padding: 16px !default;
|
||||||
|
|
||||||
|
$base-background-color: $v-subtle-gray !default;
|
||||||
|
|
||||||
|
$item-default-active-bg: $v-subtle-gray !default;
|
||||||
|
$item-icon-font-size: 24px !default;
|
||||||
|
|
||||||
|
$input-color: $v-dark-gray !default;
|
||||||
|
$input-border: $v-light-gray !default;
|
||||||
|
$input-label-color: $v-mid-gray !default;
|
||||||
|
$input-color-placeholder: lighten($v-dark-gray, 40%) !default;
|
||||||
|
|
||||||
|
$item-default-bg: #ffffff !default;
|
||||||
|
$item-default-border: $v-subtle-gray !default;
|
||||||
|
$item-default-text: $v-dark-gray !default;
|
||||||
|
$item-default-active-bg: darken(#ffffff, 7%) !default;
|
||||||
|
$item-default-active-border: darken($v-subtle-gray, 7%) !default;
|
||||||
|
$item-divider-bg: $v-subtle-gray !default;
|
||||||
|
|
||||||
|
$bar-default-border: $v-subtle-gray !default;
|
||||||
|
$bar-royal-bg: $v-primary-color !default;
|
||||||
|
$bar-royal-border: $v-primary-color !default;
|
||||||
|
$bar-royal-text: #ffffff !default;
|
||||||
|
|
||||||
|
$tabs-icon-size: 22px !default;
|
||||||
|
|
||||||
|
$ios-transition-duration: 200ms !default;
|
||||||
|
|
||||||
|
$card-box-shadow: $v-subtle-box-shadow !default;
|
||||||
|
|
||||||
|
$toggle-on-positive-border: $v-accent-color !default;
|
||||||
|
$toggle-on-positive-bg: $v-accent-color !default;
|
||||||
|
|
|
@ -13,10 +13,10 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.add-type {
|
.add-type {
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
}
|
}
|
||||||
.bg{
|
.bg{
|
||||||
background-color:rgb(100,124,232);
|
background-color: $v-icon-color;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
padding:4px;
|
padding:4px;
|
||||||
|
|
|
@ -19,7 +19,7 @@
|
||||||
.icon {
|
.icon {
|
||||||
&.valid {
|
&.valid {
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
color: #13E5B6;
|
color: $v-success-color;
|
||||||
}
|
}
|
||||||
&.invalid {
|
&.invalid {
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
|
@ -39,17 +39,17 @@
|
||||||
}
|
}
|
||||||
.add-address-list {
|
.add-address-list {
|
||||||
.item {
|
.item {
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
padding-top: 1.3rem;
|
padding-top: 1.3rem;
|
||||||
padding-bottom: 1.3rem;
|
padding-bottom: 1.3rem;
|
||||||
&.item-divider {
|
&.item-divider {
|
||||||
color: $mid-gray;
|
color: $v-mid-gray;
|
||||||
padding-bottom: .5rem;
|
padding-bottom: .5rem;
|
||||||
font-size: .9rem;
|
font-size: .9rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.item-note {
|
.item-note {
|
||||||
color: $light-gray;
|
color: $v-light-gray;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -58,6 +58,9 @@
|
||||||
.scroll {
|
.scroll {
|
||||||
height:100%;
|
height:100%;
|
||||||
}
|
}
|
||||||
|
i.icon>svg#Add_Contact path.st0 {
|
||||||
|
stroke: $v-icon-negative-color;
|
||||||
|
}
|
||||||
.list {
|
.list {
|
||||||
.item {
|
.item {
|
||||||
color: #444;
|
color: #444;
|
||||||
|
@ -94,7 +97,7 @@
|
||||||
.big-icon-svg {
|
.big-icon-svg {
|
||||||
padding: 0 7px;
|
padding: 0 7px;
|
||||||
> .bg {
|
> .bg {
|
||||||
border-radius: 50%;
|
border-radius: $v-icon-border-radius;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
|
@ -128,16 +131,16 @@
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
display: block;
|
display: block;
|
||||||
color: $mid-gray;
|
color: $v-mid-gray;
|
||||||
}
|
}
|
||||||
.big-icon-svg {
|
.big-icon-svg {
|
||||||
padding: 0 7px;
|
padding: 0 7px;
|
||||||
> .bg {
|
> .bg {
|
||||||
background-color: #f2f2f2;
|
background-color: #f2f2f2;
|
||||||
border-radius: 50%;
|
border-radius: $v-icon-border-radius;
|
||||||
width: 70px;
|
width: 70px;
|
||||||
height: 70px;
|
height: 70px;
|
||||||
box-shadow: 0px 1px 5px rgba($mid-gray, .1);
|
box-shadow: 0px 1px 5px rgba($v-mid-gray, .1);
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
background-size: 103%;
|
background-size: 103%;
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
&-description {
|
&-description {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
color: $mid-gray;
|
color: $v-mid-gray;
|
||||||
margin: 1rem 0;
|
margin: 1rem 0;
|
||||||
a {
|
a {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
@ -28,13 +28,16 @@
|
||||||
.banner-icon {
|
.banner-icon {
|
||||||
margin-top: 25px;
|
margin-top: 25px;
|
||||||
i {
|
i {
|
||||||
box-shadow: $hovering-box-shadow;
|
box-shadow: $v-hovering-box-shadow;
|
||||||
|
img {
|
||||||
|
content: $v-tab-receive-selected-icon;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.addr-list {
|
.addr-list {
|
||||||
.item {
|
.item {
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
padding-top: 1.3rem;
|
padding-top: 1.3rem;
|
||||||
padding-bottom: 1.3rem;
|
padding-bottom: 1.3rem;
|
||||||
&.has-addr-value {
|
&.has-addr-value {
|
||||||
|
@ -42,7 +45,7 @@
|
||||||
padding-bottom: .65rem;
|
padding-bottom: .65rem;
|
||||||
}
|
}
|
||||||
&.item-divider {
|
&.item-divider {
|
||||||
color: $mid-gray;
|
color: $v-mid-gray;
|
||||||
padding-bottom: .5rem;
|
padding-bottom: .5rem;
|
||||||
font-size: .9rem;
|
font-size: .9rem;
|
||||||
}
|
}
|
||||||
|
@ -52,10 +55,10 @@
|
||||||
i {
|
i {
|
||||||
font-size: 35px;
|
font-size: 35px;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
color: #647ce8;
|
color: $link-color;
|
||||||
}
|
}
|
||||||
span {
|
span {
|
||||||
color: #647ce8;
|
color: $link-color;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -82,7 +85,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.item-note {
|
.item-note {
|
||||||
color: $light-gray;
|
color: $v-light-gray;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -12,10 +12,10 @@
|
||||||
content: '';
|
content: '';
|
||||||
}
|
}
|
||||||
&.item-divider {
|
&.item-divider {
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
}
|
}
|
||||||
.item-note {
|
.item-note {
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.has-comment {
|
.has-comment {
|
||||||
|
@ -24,7 +24,7 @@
|
||||||
.comment {
|
.comment {
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
color: $mid-gray;
|
color: $v-mid-gray;
|
||||||
font-size:0.9em;
|
font-size:0.9em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
.recipient-label {
|
.recipient-label {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
color: $mid-gray;
|
color: $v-mid-gray;
|
||||||
}
|
}
|
||||||
.item-no-bottom-border + .item {
|
.item-no-bottom-border + .item {
|
||||||
border-top: 0;
|
border-top: 0;
|
||||||
|
@ -54,7 +54,7 @@
|
||||||
.title {
|
.title {
|
||||||
float: left;
|
float: left;
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@media(max-height: 480px) {
|
@media(max-height: 480px) {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
|
@ -73,7 +73,7 @@
|
||||||
bottom: 254px;
|
bottom: 254px;
|
||||||
top: 66px;
|
top: 66px;
|
||||||
.light {
|
.light {
|
||||||
color: $light-gray;
|
color: $v-light-gray;
|
||||||
}
|
}
|
||||||
@media(max-height: 480px) {
|
@media(max-height: 480px) {
|
||||||
top: 45px;
|
top: 45px;
|
||||||
|
@ -93,11 +93,11 @@
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
.title {
|
.title {
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
.limits {
|
.limits {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
color: $light-gray;
|
color: $v-light-gray;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
.select {
|
.select {
|
||||||
|
@ -114,7 +114,7 @@
|
||||||
bottom: 254px;
|
bottom: 254px;
|
||||||
top: 66px;
|
top: 66px;
|
||||||
.light {
|
.light {
|
||||||
color: $light-gray;
|
color: $v-light-gray;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -131,15 +131,15 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&--placeholder {
|
&--placeholder {
|
||||||
color: $light-gray;
|
color: $v-light-gray;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&__number {
|
&__number {
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
}
|
}
|
||||||
&__currency-toggle {
|
&__currency-toggle {
|
||||||
border: 1px solid $subtle-gray;
|
border: 1px solid $v-subtle-gray;
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
@ -157,11 +157,11 @@
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
}
|
}
|
||||||
&--placeholder {
|
&--placeholder {
|
||||||
color: $light-gray;
|
color: $v-light-gray;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&__result {
|
&__result {
|
||||||
color: $light-gray;
|
color: $v-light-gray;
|
||||||
font-size: .9em;
|
font-size: .9em;
|
||||||
margin-bottom: -.9em;
|
margin-bottom: -.9em;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
|
@ -170,7 +170,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&__result-equiv {
|
&__result-equiv {
|
||||||
color: $mid-gray;
|
color: $v-mid-gray;
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
@media(max-height: 480px) {
|
@media(max-height: 480px) {
|
||||||
|
@ -186,7 +186,7 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
color: $mid-gray;
|
color: $v-mid-gray;
|
||||||
|
|
||||||
.row {
|
.row {
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
|
@ -198,12 +198,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.operator {
|
.operator {
|
||||||
background-color: $subtle-gray;
|
background-color: $v-subtle-gray;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background-color: $light-gray;
|
background-color: $v-light-gray;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -221,10 +221,10 @@
|
||||||
|
|
||||||
.digit{
|
.digit{
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border-top: 1px solid $subtle-gray;
|
border-top: 1px solid $v-subtle-gray;
|
||||||
border-left: 1px solid $subtle-gray;
|
border-left: 1px solid $v-subtle-gray;
|
||||||
&:active {
|
&:active {
|
||||||
background-color: $subtle-gray;
|
background-color: $v-subtle-gray;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -134,7 +134,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.disclosure {
|
.disclosure {
|
||||||
color: $light-gray;
|
color: $v-light-gray;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 1rem;
|
margin: 1rem;
|
||||||
|
@ -200,7 +200,7 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.item-select select {
|
.item-select select {
|
||||||
color: #667;
|
color: $v-mid-gray;
|
||||||
}
|
}
|
||||||
|
|
||||||
.get-started {
|
.get-started {
|
||||||
|
|
|
@ -49,7 +49,7 @@
|
||||||
color: rgba(255, 255, 255, .7);
|
color: rgba(255, 255, 255, .7);
|
||||||
}
|
}
|
||||||
.slider-pager .slider-pager-page {
|
.slider-pager .slider-pager-page {
|
||||||
color: $soft-blue;
|
color: $v-accent-color;
|
||||||
font-size: 8px;
|
font-size: 8px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
|
@ -8,7 +8,7 @@
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
color: $light-gray;
|
color: $v-light-gray;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
&.item-icon-right {
|
&.item-icon-right {
|
||||||
|
|
|
@ -7,12 +7,15 @@
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
border-radius: 50%;
|
border-radius: $v-icon-border-radius;
|
||||||
box-shadow: $subtle-box-shadow;
|
box-shadow: $v-subtle-box-shadow;
|
||||||
background-color: #fa912b;
|
background-color: #fa912b;
|
||||||
img {
|
img {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
content: $v-bitcoin-icon;
|
||||||
|
background-color: $v-bitcoin-orange;
|
||||||
|
border-radius: $v-icon-border-radius;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.explain {
|
.explain {
|
||||||
|
@ -30,6 +33,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.item-note {
|
.item-note {
|
||||||
color: $light-gray;
|
color: $v-light-gray;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -10,7 +10,7 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 10px 5px;
|
padding: 10px 5px;
|
||||||
border-bottom-width: 2px;
|
border-bottom-width: 2px;
|
||||||
border-bottom-color: #172565;
|
border-bottom-color: $v-top-tabs-color;
|
||||||
}
|
}
|
||||||
input[type="password"] {
|
input[type="password"] {
|
||||||
border: none;
|
border: none;
|
||||||
|
|
|
@ -29,14 +29,14 @@
|
||||||
.feedback-title {
|
.feedback-title {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
margin: 20px 10px;
|
margin: 20px 10px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.subtitle {
|
.subtitle {
|
||||||
padding: 10px 30px 20px;
|
padding: 10px 30px 20px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: $mid-gray;
|
color: $v-mid-gray;
|
||||||
}
|
}
|
||||||
.icon-svg > img {
|
.icon-svg > img {
|
||||||
height: 16rem;
|
height: 16rem;
|
||||||
|
@ -54,7 +54,7 @@
|
||||||
}
|
}
|
||||||
.share-buttons {
|
.share-buttons {
|
||||||
padding: 50px 10px 30px;
|
padding: 50px 10px 30px;
|
||||||
background-color: $subtle-gray;
|
background-color: $v-subtle-gray;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
transform: translateY(100%);
|
transform: translateY(100%);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
@ -66,7 +66,7 @@
|
||||||
}
|
}
|
||||||
.share-buttons__action {
|
.share-buttons__action {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
color: #667;
|
color: $v-mid-gray;
|
||||||
font-size: .9rem;
|
font-size: .9rem;
|
||||||
width: 90px;
|
width: 90px;
|
||||||
height: 90px;
|
height: 90px;
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
.skip-rating {
|
.skip-rating {
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 5px;
|
top: 5px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
|
@ -16,7 +16,7 @@
|
||||||
.feedback-title {
|
.feedback-title {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
margin: 80px 50px 10px;
|
margin: 80px 50px 10px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
@ -26,13 +26,13 @@
|
||||||
}
|
}
|
||||||
.subtitle {
|
.subtitle {
|
||||||
padding: 10px 30px 20px 40px;
|
padding: 10px 30px 20px 40px;
|
||||||
color: #667;
|
color: $v-mid-gray;
|
||||||
}
|
}
|
||||||
.rate-buttons {
|
.rate-buttons {
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background-color: $subtle-gray;
|
background-color: $v-subtle-gray;
|
||||||
padding: 30px 0 15px;
|
padding: 30px 0 15px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -14,7 +14,7 @@
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
}
|
}
|
||||||
.rating {
|
.rating {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
|
@ -25,11 +25,11 @@
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
}
|
}
|
||||||
.user-feedback {
|
.user-feedback {
|
||||||
border-top: 1px solid $subtle-gray;
|
border-top: 1px solid $v-subtle-gray;
|
||||||
border-bottom: 1px solid $subtle-gray;
|
border-bottom: 1px solid $v-subtle-gray;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 10px 5px;
|
padding: 10px 5px;
|
||||||
border-bottom-width: 2px;
|
border-bottom-width: 2px;
|
||||||
border-bottom-color: #172565;
|
border-bottom-color: $v-top-tabs-color;
|
||||||
}
|
}
|
||||||
.qr-scan-icon a {
|
.qr-scan-icon a {
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
|
|
|
@ -29,7 +29,7 @@ account-selector {
|
||||||
background-color: $royal;
|
background-color: $royal;
|
||||||
|
|
||||||
&.icon-add {
|
&.icon-add {
|
||||||
background-color: $light-gray;
|
background-color: $v-light-gray;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -17,7 +17,7 @@ item-selector {
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
|
|
||||||
> i {
|
> i {
|
||||||
color: #647ce8;
|
color: $v-accent-color;
|
||||||
padding: 0 0 5px 0;
|
padding: 0 0 5px 0;
|
||||||
margin-left: -5px;
|
margin-left: -5px;
|
||||||
|
|
||||||
|
|
|
@ -8,17 +8,17 @@
|
||||||
max-width: 350px;
|
max-width: 350px;
|
||||||
-webkit-transform: translate(-50%, -50%);
|
-webkit-transform: translate(-50%, -50%);
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
border-radius: $unmistakable-radius;
|
border-radius: $v-unmistakable-radius;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
&-header {
|
&-header {
|
||||||
&-success {
|
&-success {
|
||||||
background: $success-green;
|
background: $v-success-color;
|
||||||
}
|
}
|
||||||
&-warning {
|
&-warning {
|
||||||
background: $warning-orange;
|
background: $v-warning-color;
|
||||||
}
|
}
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
border-radius: $unmistakable-radius $unmistakable-radius 0 0;
|
border-radius: $v-unmistakable-radius $v-unmistakable-radius 0 0;
|
||||||
min-height: 120px;
|
min-height: 120px;
|
||||||
&-img{
|
&-img{
|
||||||
height: 6rem;
|
height: 6rem;
|
||||||
|
@ -45,14 +45,14 @@
|
||||||
}
|
}
|
||||||
&-heading {
|
&-heading {
|
||||||
margin:0 0 1rem;
|
margin:0 0 1rem;
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
&-message {
|
&-message {
|
||||||
color: $mid-gray;
|
color: $v-mid-gray;
|
||||||
font-weight: 200;
|
font-weight: 200;
|
||||||
}
|
}
|
||||||
.button {
|
.button {
|
||||||
|
@ -60,12 +60,12 @@
|
||||||
}
|
}
|
||||||
&-content-success {
|
&-content-success {
|
||||||
.button {
|
.button {
|
||||||
color: $success-green !important;
|
color: $v-success-color !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&-content-warning {
|
&-content-warning {
|
||||||
.button {
|
.button {
|
||||||
color: $warning-orange !important;
|
color: $v-warning-color !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -202,8 +202,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
> div {
|
> div {
|
||||||
border: 3px solid #13e5b6;
|
border: 3px solid $v-success-color;
|
||||||
border-radius: 50%;
|
border-radius: $v-icon-border-radius;
|
||||||
display: flex;
|
display: flex;
|
||||||
height: 26px;
|
height: 26px;
|
||||||
width: 26px;
|
width: 26px;
|
||||||
|
@ -212,7 +212,7 @@
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
color: #13e5b6;
|
color: $v-success-color;
|
||||||
|
|
||||||
&.rejected {
|
&.rejected {
|
||||||
background: #E15061;
|
background: #E15061;
|
||||||
|
@ -263,6 +263,6 @@
|
||||||
.glidera-description {
|
.glidera-description {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: $mid-gray;
|
color: $v-mid-gray;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
}
|
}
|
||||||
.card {
|
.card {
|
||||||
max-width: 350px;
|
max-width: 350px;
|
||||||
box-shadow:$subtle-box-shadow;
|
box-shadow:$v-subtle-box-shadow;
|
||||||
padding:0;
|
padding:0;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
|
@ -133,20 +133,20 @@
|
||||||
}
|
}
|
||||||
.glidera-lead {
|
.glidera-lead {
|
||||||
margin: 2rem 1rem;
|
margin: 2rem 1rem;
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.glidera-text {
|
.glidera-text {
|
||||||
margin: 2rem 1rem;
|
margin: 2rem 1rem;
|
||||||
color: $mid-gray;
|
color: $v-mid-gray;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.disclosure {
|
.disclosure {
|
||||||
color: $light-gray;
|
color: $v-light-gray;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 1rem;
|
margin: 1rem;
|
||||||
|
|
|
@ -45,7 +45,7 @@
|
||||||
margin-right: 2em;
|
margin-right: 2em;
|
||||||
}
|
}
|
||||||
input {
|
input {
|
||||||
border-bottom: 2px solid $light-gray;
|
border-bottom: 2px solid $v-light-gray;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -17,7 +17,7 @@
|
||||||
.icon {
|
.icon {
|
||||||
&.valid {
|
&.valid {
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
color: #13E5B6;
|
color: $v-success-color;
|
||||||
}
|
}
|
||||||
&.invalid {
|
&.invalid {
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
}
|
}
|
||||||
#arrow-down {
|
#arrow-down {
|
||||||
font-size: 4.2rem;
|
font-size: 4.2rem;
|
||||||
color: $soft-blue;
|
color: $v-accent-color;
|
||||||
}
|
}
|
||||||
#backup-tldr {
|
#backup-tldr {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
|
|
@ -41,20 +41,20 @@ $relish-success: 1.3s;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.heading {
|
.heading {
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin: 3rem 0 1rem;
|
margin: 3rem 0 1rem;
|
||||||
}
|
}
|
||||||
.prompt {
|
.prompt {
|
||||||
margin: 1rem 1.5rem;
|
margin: 1rem 1.5rem;
|
||||||
color: $mid-gray;
|
color: $v-mid-gray;
|
||||||
}
|
}
|
||||||
#email-form {
|
#email-form {
|
||||||
margin: 0 1.5rem 1rem;
|
margin: 0 1.5rem 1rem;
|
||||||
}
|
}
|
||||||
#email-label {
|
#email-label {
|
||||||
border-radius: $visible-radius;
|
border-radius: $v-visible-radius;
|
||||||
background: rgba(200, 200, 200, 0.20);
|
background: rgba(200, 200, 200, 0.20);
|
||||||
height: 3rem;
|
height: 3rem;
|
||||||
margin-top:0;
|
margin-top:0;
|
||||||
|
@ -102,12 +102,12 @@ $relish-success: 1.3s;
|
||||||
}
|
}
|
||||||
.checkbox input:checked:after,
|
.checkbox input:checked:after,
|
||||||
input:checked + .checkbox-icon:after {
|
input:checked + .checkbox-icon:after {
|
||||||
border-color: rgb(19, 229, 182);
|
border-color: $v-onboarding-checkbox-on-border;
|
||||||
top: 4px;
|
top: 4px;
|
||||||
left: 6px;
|
left: 6px;
|
||||||
}
|
}
|
||||||
.item-content {
|
.item-content {
|
||||||
color: $mid-gray;
|
color: $v-mid-gray;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin-left: 75px;
|
margin-left: 75px;
|
||||||
white-space: initial;
|
white-space: initial;
|
||||||
|
@ -122,11 +122,11 @@ $relish-success: 1.3s;
|
||||||
}
|
}
|
||||||
.checkbox input:before,
|
.checkbox input:before,
|
||||||
.checkbox .checkbox-icon:before{
|
.checkbox .checkbox-icon:before{
|
||||||
border-color: $soft-blue;
|
border-color: $v-onboarding-checkbox-on-border;
|
||||||
}
|
}
|
||||||
.checkbox input:checked:before,
|
.checkbox input:checked:before,
|
||||||
.checkbox input:checked + .checkbox-icon:before {
|
.checkbox input:checked + .checkbox-icon:before {
|
||||||
border-color: rgb(19, 229, 182);
|
border-color: $v-onboarding-checkbox-on-border;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,15 +1,15 @@
|
||||||
#onboarding-disclaimer {
|
#onboarding-disclaimer {
|
||||||
.checkbox input, .checkbox-icon {
|
.checkbox input, .checkbox-icon {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 50px;
|
width: 28px;
|
||||||
height: 50px;
|
height: 28px;
|
||||||
display: block;
|
display: block;
|
||||||
border: 0;
|
border: 0;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
}
|
}
|
||||||
color: #fff;
|
color: $v-text-secondary-color;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
transition: transform 2.5s ease;
|
transition: transform 2.5s ease;
|
||||||
&.shrink{
|
&.shrink{
|
||||||
|
@ -70,23 +70,17 @@
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
.checkbox input:before,
|
.checkbox input:before,
|
||||||
.checkbox .checkbox-icon:before,
|
.checkbox .checkbox-icon:before{
|
||||||
.checkbox input:after,
|
border-color: $v-onboarding-checkbox-off-border;
|
||||||
.checkbox-icon:after,
|
background: transparent;
|
||||||
.checkbox input:checked:after,
|
|
||||||
input:checked + .checkbox-icon:after{
|
|
||||||
border:none;
|
|
||||||
}
|
}
|
||||||
.checkbox input:before,
|
.checkbox input:after,
|
||||||
.checkbox .checkbox-icon:before {
|
.checkbox .checkbox-icon:after{
|
||||||
padding: 1.2rem;
|
border-color: $v-onboarding-checkbox-on-border;
|
||||||
position: relative;
|
|
||||||
background:url("../img/onboarding-checkbox-unchecked.svg") top center no-repeat;
|
|
||||||
}
|
}
|
||||||
.checkbox input:checked:before,
|
.checkbox input:checked:before,
|
||||||
.checkbox input:checked + .checkbox-icon:before {
|
.checkbox input:checked + .checkbox-icon:before {
|
||||||
border:none;
|
border-color: $v-onboarding-checkbox-on-border;
|
||||||
background:url("../img/onboarding-checkbox-checked.svg") top center no-repeat;
|
|
||||||
}
|
}
|
||||||
.item-content {
|
.item-content {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
|
@ -136,7 +130,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#agree-to-terms {
|
#agree-to-terms {
|
||||||
background: #fff;
|
background: $v-tou-bg;
|
||||||
padding:1rem;
|
padding:1rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
|
@ -148,7 +142,7 @@
|
||||||
@include center-block();
|
@include center-block();
|
||||||
}
|
}
|
||||||
.item{
|
.item{
|
||||||
color:rgb(58,58,58);
|
background-color: transparent;
|
||||||
padding-bottom: 2.5rem;
|
padding-bottom: 2.5rem;
|
||||||
float: left;
|
float: left;
|
||||||
border:none;
|
border:none;
|
||||||
|
@ -157,7 +151,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
p{
|
p{
|
||||||
color:rgb(58,58,58);
|
color: $v-tou-color;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
@media (min-width:450px){
|
@media (min-width:450px){
|
||||||
|
@ -168,16 +162,16 @@
|
||||||
}
|
}
|
||||||
.checkbox input:before,
|
.checkbox input:before,
|
||||||
.checkbox .checkbox-icon:before{
|
.checkbox .checkbox-icon:before{
|
||||||
border-color:$soft-blue;
|
border-color: $v-onboarding-checkbox-off-border;
|
||||||
background:#fff;
|
background: transparent;
|
||||||
}
|
}
|
||||||
.checkbox input:after,
|
.checkbox input:after,
|
||||||
.checkbox .checkbox-icon:after{
|
.checkbox .checkbox-icon:after{
|
||||||
border-color:#13e5b6;
|
border-color: $v-onboarding-checkbox-on-border;
|
||||||
}
|
}
|
||||||
.checkbox input:checked:before,
|
.checkbox input:checked:before,
|
||||||
.checkbox input:checked + .checkbox-icon:before {
|
.checkbox input:checked + .checkbox-icon:before {
|
||||||
border-color: rgb(19, 229, 182);
|
border-color: $v-onboarding-checkbox-on-border;
|
||||||
}
|
}
|
||||||
button {
|
button {
|
||||||
margin-top: 1.5rem;
|
margin-top: 1.5rem;
|
||||||
|
|
|
@ -20,9 +20,9 @@
|
||||||
}
|
}
|
||||||
.swiper-pagination {
|
.swiper-pagination {
|
||||||
&-bullet {
|
&-bullet {
|
||||||
background: $soft-blue;
|
background: $v-onboarding-tour-swiper-pagination-bg;
|
||||||
&-active {
|
&-active {
|
||||||
background: $soft-blue;
|
background: $v-onboarding-tour-swiper-pagination-bg;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
#onboard-welcome {
|
#onboard-welcome {
|
||||||
& > ion-content {
|
& > ion-content {
|
||||||
background: url(../img/onboarding-welcome-bg.png);
|
background: $v-onboarding-welcome-bg;
|
||||||
background-position: top center;
|
background-position: top center;
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
|
|
@ -1,15 +1,15 @@
|
||||||
.onboarding {
|
.onboarding {
|
||||||
background: #1e3186;
|
background: $v-onboarding-gradient-top-color;
|
||||||
color: #fff;
|
color: $v-onboarding-color;
|
||||||
background-image: linear-gradient(to bottom, #1e3186 0%, #111b49 100%);
|
background-image: linear-gradient(to bottom, $v-onboarding-gradient-top-color 0%, $v-onboarding-gradient-bottom-color 100%);
|
||||||
height: 100%;
|
height: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
.bar.bar-header {
|
.bar.bar-header {
|
||||||
background: none;
|
background: none;
|
||||||
border: 0 none transparent;
|
border: 0 none transparent;
|
||||||
color: #fff;
|
color: $v-onboarding-bar-header-color;
|
||||||
button {
|
button {
|
||||||
color: #fff;
|
color: $v-onboarding-bar-header-button-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.onboarding-topic,
|
.onboarding-topic,
|
||||||
|
@ -50,6 +50,18 @@
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
svg#alert-icon g {
|
||||||
|
stroke: $v-onboarding-backup-alert-icon-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
#arrow-down {
|
||||||
|
color: $v-onboarding-backup-alert-icon-color !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-button .icon:before {
|
||||||
|
color: $v-onboarding-button-back-color;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
%cta-buttons {
|
%cta-buttons {
|
||||||
|
@ -60,7 +72,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.pane-onboarding{
|
.pane-onboarding{
|
||||||
background: #0B1E4F;
|
background: $v-onboarding-pane-bg;
|
||||||
}
|
}
|
||||||
|
|
||||||
@import "terms-of-use";
|
@import "terms-of-use";
|
||||||
|
@ -101,23 +113,23 @@
|
||||||
|
|
||||||
.onboarding-illustration {
|
.onboarding-illustration {
|
||||||
&-secure {
|
&-secure {
|
||||||
@extend %onboarding-illustration;
|
@extend %onboarding-illustration;
|
||||||
background-image: url(../img/onboarding-tour-phone.svg);
|
background-image: $v-onboarding-tour-phone-bg;
|
||||||
}
|
}
|
||||||
&-currency {
|
&-currency {
|
||||||
@extend %onboarding-illustration;
|
@extend %onboarding-illustration;
|
||||||
background-image: url(../img/onboarding-tour-currency-bg.svg);
|
background-image: $v-onboarding-tour-currency-bg;
|
||||||
}
|
}
|
||||||
&-control {
|
&-control {
|
||||||
@extend %onboarding-illustration;
|
@extend %onboarding-illustration;
|
||||||
background-image: url(../img/onboarding-tour-control.svg);
|
background-image: $v-onboarding-tour-control-bg;
|
||||||
}
|
}
|
||||||
&-notifications {
|
&-notifications {
|
||||||
@extend %onboarding-illustration;
|
@extend %onboarding-illustration;
|
||||||
background-image: url(../img/onboarding-push-notifications.svg);
|
background-image: $v-onboarding-push-notification-bg;
|
||||||
}
|
}
|
||||||
&-backup-warning {
|
&-backup-warning {
|
||||||
@extend %onboarding-illustration;
|
@extend %onboarding-illustration;
|
||||||
background-image: url(../img/backup-warning.svg);
|
background-image: $v-onboarding-backup-warning-bg;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,24 +2,26 @@
|
||||||
.terms {
|
.terms {
|
||||||
&__heading {
|
&__heading {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#terms-of-use {
|
#terms-of-use {
|
||||||
ion-header-bar {
|
ion-header-bar {
|
||||||
background: #fff;
|
background: $bar-royal-bg;
|
||||||
box-shadow: $subtle-box-shadow;
|
box-shadow: $v-subtle-box-shadow;
|
||||||
|
color: $bar-royal-text;
|
||||||
.primary-buttons{
|
.primary-buttons{
|
||||||
.button{
|
.button{
|
||||||
|
color: $bar-royal-text;
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
ion-content{
|
ion-content{
|
||||||
padding-top: 1.5rem;
|
padding-top: 1.5rem;
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
margin-bottom: 210px;
|
margin-bottom: 210px;
|
||||||
p {
|
p {
|
||||||
padding: 0 2.5%;
|
padding: 0 2.5%;
|
||||||
|
@ -29,63 +31,4 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#agree-to-terms {
|
|
||||||
background: #fff;
|
|
||||||
padding: 1rem;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
width: 100%;
|
|
||||||
.text-center {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.checkbox input:before,
|
|
||||||
.checkbox .checkbox-icon:before {
|
|
||||||
border-radius: 50% !important;
|
|
||||||
background: none;
|
|
||||||
border-width: 2px;
|
|
||||||
padding: .9rem;
|
|
||||||
position: relative;
|
|
||||||
left: -7px;
|
|
||||||
top: -8px;
|
|
||||||
}
|
|
||||||
.checkbox input:checked:before,
|
|
||||||
.checkbox input:checked + .checkbox-icon:before {
|
|
||||||
border-color: $light-green;
|
|
||||||
}
|
|
||||||
.checkbox input:checked:after,
|
|
||||||
input:checked + .checkbox-icon:after {
|
|
||||||
border-color: $light-green;
|
|
||||||
top: 20%;
|
|
||||||
left: 11%;
|
|
||||||
}
|
|
||||||
.item {
|
|
||||||
color: $dark-gray;
|
|
||||||
padding-bottom: 1.2rem;
|
|
||||||
padding-bottom: 2.5rem;
|
|
||||||
float: left;
|
|
||||||
border: none;
|
|
||||||
width: 10%;
|
|
||||||
position: relative;
|
|
||||||
padding-right: 0;
|
|
||||||
padding-left: 50px;
|
|
||||||
.item-content {
|
|
||||||
white-space: normal;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
color: $dark-gray;
|
|
||||||
}
|
|
||||||
.checkbox input:before,
|
|
||||||
.checkbox .checkbox-icon:before {
|
|
||||||
border-color: $soft-blue;
|
|
||||||
}
|
|
||||||
.checkbox input:checked:before,
|
|
||||||
.checkbox input:checked + .checkbox-icon:before {
|
|
||||||
border-color: $light-green;
|
|
||||||
}
|
|
||||||
button {
|
|
||||||
margin-top: 1.5rem;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,11 +1,11 @@
|
||||||
#starting {
|
#starting {
|
||||||
background: rgba(30, 49, 134, 1);
|
background: $v-primary-color;
|
||||||
background: -moz-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
|
background: -moz-linear-gradient(top, $v-primary-color 0%, $v-secondary-color 100%);
|
||||||
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(30, 49, 134, 1)), color-stop(100%, rgba(17, 27, 73, 1)));
|
background: -webkit-gradient(left top, left bottom, color-stop(0%, $v-primary-color), color-stop(100%, $v-secondary-color));
|
||||||
background: -webkit-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
|
background: -webkit-linear-gradient(top, $v-primary-color 0%, $v-secondary-color 100%);
|
||||||
background: -o-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
|
background: -o-linear-gradient(top, $v-primary-color 0%, $v-secondary-color 100%);
|
||||||
background: -ms-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
|
background: -ms-linear-gradient(top, $v-primary-color 0%, $v-secondary-color 100%);
|
||||||
background: linear-gradient(to bottom, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
|
background: linear-gradient(to bottom, $v-primary-color 0%, $v-secondary-color 100%);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
.scroll-content {
|
.scroll-content {
|
||||||
|
|
|
@ -4,7 +4,8 @@
|
||||||
background-color: #4A90E2; // default wallet color
|
background-color: #4A90E2; // default wallet color
|
||||||
}
|
}
|
||||||
.icon-buy-bitcoin {
|
.icon-buy-bitcoin {
|
||||||
background-image: url("../img/icon-bitcoin.svg");
|
background-image: $v-bitcoin-icon;
|
||||||
|
background-color: $v-bitcoin-orange;
|
||||||
}
|
}
|
||||||
.icon-bitpay-card {
|
.icon-bitpay-card {
|
||||||
background-image: url("../img/icon-card.svg");
|
background-image: url("../img/icon-card.svg");
|
||||||
|
@ -78,14 +79,14 @@
|
||||||
& > .title {
|
& > .title {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
margin: 20px 10px;
|
margin: 20px 10px;
|
||||||
}
|
}
|
||||||
& > .subtitle {
|
& > .subtitle {
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
margin: 20px 3em 2.5em;
|
margin: 20px 3em 2.5em;
|
||||||
}
|
}
|
||||||
.big-icon-svg{
|
.big-icon-svg{
|
||||||
|
@ -109,14 +110,14 @@
|
||||||
&__multisig-number {
|
&__multisig-number {
|
||||||
font-size: .8rem;
|
font-size: .8rem;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
color: $light-gray;
|
color: $v-light-gray;
|
||||||
}
|
}
|
||||||
&__status-icon {
|
&__status-icon {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 1px;
|
top: 1px;
|
||||||
color: $light-gray;
|
color: $v-light-gray;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -49,7 +49,7 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 40px;
|
min-height: 40px;
|
||||||
#next-address {
|
#next-address {
|
||||||
color:$light-gray;
|
color:$v-light-gray;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.incomplete {
|
.incomplete {
|
||||||
|
@ -127,7 +127,7 @@
|
||||||
@media(min-width:450px) {
|
@media(min-width:450px) {
|
||||||
font-size:1rem;
|
font-size:1rem;
|
||||||
}
|
}
|
||||||
color:$light-gray;
|
color:$v-light-gray;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.qr {
|
.qr {
|
||||||
|
|
|
@ -1,5 +1,3 @@
|
||||||
$scannerBackgroundColor: #060d2d;
|
|
||||||
|
|
||||||
#tab-scan {
|
#tab-scan {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -7,12 +5,15 @@ $scannerBackgroundColor: #060d2d;
|
||||||
.bar-header {
|
.bar-header {
|
||||||
opacity: .9;
|
opacity: .9;
|
||||||
}
|
}
|
||||||
|
svg#QR-scanner-guides path.st1 {
|
||||||
|
stroke: $v-scanner-guide-color;
|
||||||
|
}
|
||||||
.zero-state-cta {
|
.zero-state-cta {
|
||||||
padding-bottom: 6vh;
|
padding-bottom: 6vh;
|
||||||
}
|
}
|
||||||
&-has-problems,
|
&-has-problems,
|
||||||
&-loading-camera {
|
&-loading-camera {
|
||||||
background-color: $scannerBackgroundColor;
|
background-color: $v-scanner-background-color;
|
||||||
}
|
}
|
||||||
&-loading-camera {
|
&-loading-camera {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
@ -72,5 +73,5 @@ $scannerBackgroundColor: #060d2d;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cordova-plugin-qrscanner-still, #cordova-plugin-qrscanner-video-preview {
|
#cordova-plugin-qrscanner-still, #cordova-plugin-qrscanner-video-preview {
|
||||||
background-color: $scannerBackgroundColor !important;
|
background-color: $v-scanner-background-color !important;
|
||||||
}
|
}
|
||||||
|
|
|
@ -64,20 +64,23 @@
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
background: 0 none;
|
background: 0 none;
|
||||||
}
|
}
|
||||||
|
img {
|
||||||
|
content: $v-tab-send-selected-icon;
|
||||||
|
}
|
||||||
.item {
|
.item {
|
||||||
border-style: none;
|
border-style: none;
|
||||||
}
|
}
|
||||||
& > .title {
|
& > .title {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
margin: 20px 10px;
|
margin: 20px 10px;
|
||||||
}
|
}
|
||||||
& > .subtitle {
|
& > .subtitle {
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
margin: 20px 1em 2.5em;
|
margin: 20px 1em 2.5em;
|
||||||
}
|
}
|
||||||
.big-icon-svg{
|
.big-icon-svg{
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
background-image: url("../img/icon-bitpay.svg");
|
background-image: url("../img/icon-bitpay.svg");
|
||||||
}
|
}
|
||||||
.item {
|
.item {
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
border-color: rgba(221, 221, 221, 0.3);
|
border-color: rgba(221, 221, 221, 0.3);
|
||||||
}
|
}
|
||||||
.has-comment {
|
.has-comment {
|
||||||
|
@ -13,8 +13,8 @@
|
||||||
.comment {
|
.comment {
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
color: $mid-gray;
|
|
||||||
font-size:0.9em;
|
font-size:0.9em;
|
||||||
|
color: $v-mid-gray;
|
||||||
}
|
}
|
||||||
&-explanation, &-button-group {
|
&-explanation, &-button-group {
|
||||||
padding: 0 1rem;
|
padding: 0 1rem;
|
||||||
|
@ -22,11 +22,11 @@
|
||||||
}
|
}
|
||||||
&-heading {
|
&-heading {
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
margin: 1rem 0;
|
margin: 1rem 0;
|
||||||
}
|
}
|
||||||
&-description {
|
&-description {
|
||||||
color: $mid-gray;
|
color: $v-mid-gray;
|
||||||
margin: 1rem 0;
|
margin: 1rem 0;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
}
|
}
|
||||||
|
@ -42,7 +42,7 @@
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
.setting-value {
|
.setting-value {
|
||||||
color: $light-gray;
|
color: $v-light-gray;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
.settings-input-group {
|
.settings-input-group {
|
||||||
|
@ -58,7 +58,7 @@
|
||||||
}
|
}
|
||||||
.settings-list {
|
.settings-list {
|
||||||
.item {
|
.item {
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
padding-top: 1.3rem;
|
padding-top: 1.3rem;
|
||||||
padding-bottom: 1.3rem;
|
padding-bottom: 1.3rem;
|
||||||
&.has-setting-value {
|
&.has-setting-value {
|
||||||
|
@ -66,16 +66,16 @@
|
||||||
padding-bottom: .65rem;
|
padding-bottom: .65rem;
|
||||||
}
|
}
|
||||||
&.item-divider {
|
&.item-divider {
|
||||||
color: $mid-gray;
|
color: $v-mid-gray;
|
||||||
padding-bottom: .5rem;
|
padding-bottom: .5rem;
|
||||||
font-size: .9rem;
|
font-size: .9rem;
|
||||||
}
|
}
|
||||||
.icon {
|
.icon {
|
||||||
color: $light-gray;
|
color: $v-light-gray;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.item-note {
|
.item-note {
|
||||||
color: $light-gray;
|
color: $v-light-gray;
|
||||||
}
|
}
|
||||||
.item-toggle .toggle,
|
.item-toggle .toggle,
|
||||||
.item-button-right > .button {
|
.item-button-right > .button {
|
||||||
|
@ -100,11 +100,11 @@
|
||||||
&.circle{
|
&.circle{
|
||||||
left:8px;
|
left:8px;
|
||||||
.bg {
|
.bg {
|
||||||
border-radius: 50%;
|
border-radius: $v-icon-border-radius;
|
||||||
width: 25px;
|
width: 25px;
|
||||||
height: 25px;
|
height: 25px;
|
||||||
padding:.1rem;
|
padding:.1rem;
|
||||||
box-shadow: 0px 1px 5px rgba($mid-gray, .1);
|
box-shadow: 0px 1px 5px rgba($v-mid-gray, .1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -138,7 +138,7 @@
|
||||||
#settings-fee {
|
#settings-fee {
|
||||||
.estimates {
|
.estimates {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
margin-bottom: .5rem;
|
margin-bottom: .5rem;
|
||||||
}
|
}
|
||||||
.fee-minutes, .fee-rate {
|
.fee-minutes, .fee-rate {
|
||||||
|
|
|
@ -4,34 +4,34 @@
|
||||||
background-position: center;
|
background-position: center;
|
||||||
margin: 6px 0 2px;
|
margin: 6px 0 2px;
|
||||||
&.ico-home {
|
&.ico-home {
|
||||||
background-image: url('../img/tab-icons/ico-home.svg');
|
background-image: $v-tab-home-icon;
|
||||||
}
|
}
|
||||||
&.ico-home-selected {
|
&.ico-home-selected {
|
||||||
background-image: url('../img/tab-icons/ico-home-selected.svg');
|
background-image: $v-tab-home-selected-icon;
|
||||||
}
|
}
|
||||||
&.ico-receive {
|
&.ico-receive {
|
||||||
background-image: url('../img/tab-icons/ico-receive.svg');
|
background-image: $v-tab-receive-icon;
|
||||||
}
|
}
|
||||||
&.ico-receive-selected {
|
&.ico-receive-selected {
|
||||||
background-image: url('../img/tab-icons/ico-receive-selected.svg');
|
background-image: $v-tab-receive-selected-icon;
|
||||||
}
|
}
|
||||||
&.ico-settings {
|
&.ico-settings {
|
||||||
background-image: url('../img/tab-icons/ico-settings.svg');
|
background-image: $v-tab-settings-icon;
|
||||||
}
|
}
|
||||||
&.ico-settings-selected {
|
&.ico-settings-selected {
|
||||||
background-image: url('../img/tab-icons/ico-settings-selected.svg');
|
background-image: $v-tab-settings-selected-icon;
|
||||||
}
|
}
|
||||||
&.ico-scan {
|
&.ico-scan {
|
||||||
background-image: url('../img/tab-icons/ico-scan.svg');
|
background-image: $v-tab-scan-icon;
|
||||||
}
|
}
|
||||||
&.ico-scan-selected {
|
&.ico-scan-selected {
|
||||||
background-image: url('../img/tab-icons/ico-scan-selected.svg');
|
background-image: $v-tab-scan-selected-icon;
|
||||||
}
|
}
|
||||||
&.ico-send {
|
&.ico-send {
|
||||||
background-image: url('../img/tab-icons/ico-send.svg');
|
background-image: $v-tab-send-icon;
|
||||||
}
|
}
|
||||||
&.ico-send-selected {
|
&.ico-send-selected {
|
||||||
background-image: url('../img/tab-icons/ico-send-selected.svg');
|
background-image: $v-tab-send-selected-icon;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -39,12 +39,12 @@
|
||||||
#tab-home, #tab-send {
|
#tab-home, #tab-send {
|
||||||
.card, .list {
|
.card, .list {
|
||||||
.icon {
|
.icon {
|
||||||
color: $light-gray;
|
color: $v-light-gray;
|
||||||
}
|
}
|
||||||
& > .item-heading {
|
& > .item-heading {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
.icon {
|
.icon {
|
||||||
color: $mid-gray;
|
color: $v-mid-gray;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -9,6 +9,7 @@
|
||||||
@import "tab-scan";
|
@import "tab-scan";
|
||||||
@import "tab-send";
|
@import "tab-send";
|
||||||
@import "tab-settings";
|
@import "tab-settings";
|
||||||
|
@import "wallet-colors";
|
||||||
@import "walletBalance";
|
@import "walletBalance";
|
||||||
@import "walletDetails";
|
@import "walletDetails";
|
||||||
@import "advancedSettings";
|
@import "advancedSettings";
|
||||||
|
|
|
@ -9,7 +9,7 @@
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
.password-prompt {
|
.password-prompt {
|
||||||
background-color: $subtle-gray;
|
background-color: $v-subtle-gray;
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
.explanation {
|
.explanation {
|
||||||
padding: 0 1rem;
|
padding: 0 1rem;
|
||||||
|
@ -29,14 +29,14 @@
|
||||||
.bar.bar-royal .title {
|
.bar.bar-royal .title {
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
background: #fff;
|
background: $v-wallet-backup-bg;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
.backup-phrase {
|
.backup-phrase {
|
||||||
background-color: $subtle-gray;
|
background: $v-wallet-backup-phrase-bg;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border: 2px dashed darken($subtle-gray, 10%);
|
border: 2px dashed darken($v-subtle-gray, 10%);
|
||||||
border-radius: $subtle-radius;
|
border-radius: $v-subtle-radius;
|
||||||
color: #2b2b2b;
|
color: $v-wallet-backup-phrase-color;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
max-width: 500px;
|
max-width: 500px;
|
||||||
min-height: 9rem;
|
min-height: 9rem;
|
||||||
|
@ -62,7 +62,7 @@
|
||||||
}
|
}
|
||||||
&-step-1 {
|
&-step-1 {
|
||||||
height: 70%;
|
height: 70%;
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
.initial-prompt {
|
.initial-prompt {
|
||||||
padding: 2.3rem;
|
padding: 2.3rem;
|
||||||
@media(max-height: 480px) {
|
@media(max-height: 480px) {
|
||||||
|
@ -94,13 +94,13 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#select-phrase {
|
#select-phrase {
|
||||||
background: $subtle-gray;
|
background: $v-wallet-backup-select-phrase-color;
|
||||||
.select-word {
|
.select-word {
|
||||||
&.button[disabled] {
|
&.button[disabled] {
|
||||||
background: transparent !important;
|
background: transparent !important;
|
||||||
box-shadow: none !important;
|
box-shadow: none !important;
|
||||||
color: transparent;
|
color: transparent;
|
||||||
border: 1px solid rgb(211, 211, 211);
|
border: 1px solid $v-wallet-backup-select-word-disabled-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&-content {
|
&-content {
|
||||||
|
@ -121,8 +121,9 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.select-word {
|
.select-word {
|
||||||
background: #fff;
|
background: $v-wallet-backup-select-word-bg;
|
||||||
box-shadow: $subtle-box-shadow;
|
color: $v-wallet-backup-select-word-color;
|
||||||
|
box-shadow: $v-subtle-box-shadow;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 3px 0;
|
margin: 3px 0;
|
||||||
min-height: 35px;
|
min-height: 35px;
|
||||||
|
|
|
@ -0,0 +1,29 @@
|
||||||
|
/*
|
||||||
|
* Generate wallet colors from color map
|
||||||
|
*/
|
||||||
|
|
||||||
|
.wallet-color-count {
|
||||||
|
content: '' + length($v-wallet-color-map);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* background-color and color defaults should be the same */
|
||||||
|
$default-wallet-color: map-get( map-get($v-wallet-color-map, $v-default-wallet-color-index) , color);
|
||||||
|
|
||||||
|
.wallet-background-color-default {
|
||||||
|
background-color: $default-wallet-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wallet-color-default {
|
||||||
|
color: $default-wallet-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* generate classes for all colors */
|
||||||
|
@each $id, $map in $v-wallet-color-map {
|
||||||
|
.wallet-color-#{$id} {
|
||||||
|
background: map-get($map, color);
|
||||||
|
}
|
||||||
|
.wallet-color-#{$id}:before {
|
||||||
|
content: map-get($map, name);
|
||||||
|
margin-left: 2.4rem;
|
||||||
|
}
|
||||||
|
}
|
|
@ -5,7 +5,7 @@
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
|
||||||
&--total {
|
&--total {
|
||||||
color: $mid-gray;
|
color: $v-mid-gray;
|
||||||
}
|
}
|
||||||
|
|
||||||
&--available {
|
&--available {
|
||||||
|
@ -21,7 +21,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&--alternative {
|
&--alternative {
|
||||||
color: $light-gray;
|
color: $v-light-gray;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -29,14 +29,14 @@
|
||||||
|
|
||||||
&__title {
|
&__title {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__icon {
|
&__icon {
|
||||||
float: left;
|
float: left;
|
||||||
margin-right: 1rem;
|
margin-right: 1rem;
|
||||||
color: $light-gray;
|
color: $v-light-gray;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -81,13 +81,13 @@
|
||||||
|
|
||||||
&__heading {
|
&__heading {
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
color: #445;
|
color: $v-dark-gray;
|
||||||
margin: 1rem 1rem 1rem 1rem;
|
margin: 1rem 1rem 1rem 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__description {
|
&__description {
|
||||||
font-size: 12.5px;
|
font-size: 12.5px;
|
||||||
color: #667;
|
color: $v-mid-gray;
|
||||||
margin: 0.7rem;
|
margin: 0.7rem;
|
||||||
line-height: 16px;
|
line-height: 16px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,23 +2,23 @@
|
||||||
&__tx-amount {
|
&__tx-amount {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
&--recent {
|
&--recent {
|
||||||
color: $mid-gray;
|
color: $v-mid-gray;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
&--received {
|
&--received {
|
||||||
color: #09C286;
|
color: #09C286;
|
||||||
}
|
}
|
||||||
&--sent {
|
&--sent {
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&__tx-time {
|
&__tx-time {
|
||||||
color: $light-gray;
|
color: $v-light-gray;
|
||||||
font-size: 12.5px;
|
font-size: 12.5px;
|
||||||
}
|
}
|
||||||
&__tx-title {
|
&__tx-title {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
color: $dark-gray;
|
color: $v-dark-gray;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
&__tx-icon {
|
&__tx-icon {
|
||||||
|
@ -207,7 +207,7 @@
|
||||||
background-color: #f2f2f2;
|
background-color: #f2f2f2;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
color: $mid-gray;
|
color: $v-mid-gray;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -244,6 +244,6 @@ a.item {
|
||||||
}
|
}
|
||||||
|
|
||||||
.updatingHistory {
|
.updatingHistory {
|
||||||
color: #445;
|
color: $v-dark-gray;
|
||||||
font-size:0.9em;
|
font-size:0.9em;
|
||||||
}
|
}
|
||||||
|
|
|
@ -9,9 +9,9 @@
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
border-radius: 50%;
|
border-radius: $v-icon-border-radius;
|
||||||
padding: 13px;
|
padding: 13px;
|
||||||
box-shadow: $subtle-box-shadow;
|
box-shadow: $v-subtle-box-shadow;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
img {
|
img {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
|
@ -8,7 +8,7 @@
|
||||||
<g id="Wallet/Icon/Import" transform="translate(0.000000, -1.000000)">
|
<g id="Wallet/Icon/Import" transform="translate(0.000000, -1.000000)">
|
||||||
<g id="arrows-24px-outline-2_square-download" transform="translate(-1.000000, 0.000000)">
|
<g id="arrows-24px-outline-2_square-download" transform="translate(-1.000000, 0.000000)">
|
||||||
<g id="Group" transform="translate(0.500000, 0.500000)">
|
<g id="Group" transform="translate(0.500000, 0.500000)">
|
||||||
<ellipse id="Oval-87" fill="#647CE8" cx="25.6597034" cy="25.694296" rx="25.1597034" ry="25.194296"></ellipse>
|
<ellipse id="Oval-87" fill="none" cx="25.6597034" cy="25.694296" rx="25.1597034" ry="25.194296"></ellipse>
|
||||||
<path d="M16,29 L16,32 C16,33.6568542 17.343312,35 18.9942021,35 L33.0057979,35 C34.6594501,35 36,33.6534829 36,32 L36,29" id="Shape" stroke="#FFFFFF"></path>
|
<path d="M16,29 L16,32 C16,33.6568542 17.343312,35 18.9942021,35 L33.0057979,35 C34.6594501,35 36,33.6534829 36,32 L36,29" id="Shape" stroke="#FFFFFF"></path>
|
||||||
<path d="M26,15 L26,30" id="Shape" stroke="#FFFFFF"></path>
|
<path d="M26,15 L26,30" id="Shape" stroke="#FFFFFF"></path>
|
||||||
<polyline id="Shape" stroke="#FFFFFF" points="20 24 26 30 32 24"></polyline>
|
<polyline id="Shape" stroke="#FFFFFF" points="20 24 26 30 32 24"></polyline>
|
||||||
|
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
|
@ -14,7 +14,7 @@
|
||||||
<ion-content scroll="false" id="add-address" ng-show="isEmptyList">
|
<ion-content scroll="false" id="add-address" ng-show="isEmptyList">
|
||||||
<div class="zero-state">
|
<div class="zero-state">
|
||||||
<i class="icon zero-state-icon">
|
<i class="icon zero-state-icon">
|
||||||
<img src="img/address-book-add.svg"/>
|
<img class="svg" src="img/address-book-add.svg"/>
|
||||||
</i>
|
</i>
|
||||||
<div class="zero-state-heading" translate>No contacts yet</div>
|
<div class="zero-state-heading" translate>No contacts yet</div>
|
||||||
<div class="zero-state-description" translate>Get started by adding your first one.</div>
|
<div class="zero-state-description" translate>Get started by adding your first one.</div>
|
||||||
|
|
|
@ -19,7 +19,7 @@
|
||||||
|
|
||||||
<div class="item item-text-wrap item-icon-left bitcoin-address">
|
<div class="item item-text-wrap item-icon-left bitcoin-address">
|
||||||
<i class="icon big-icon-svg" ng-if="recipientType == 'wallet'">
|
<i class="icon big-icon-svg" ng-if="recipientType == 'wallet'">
|
||||||
<img src="img/icon-wallet.svg" ng-style="{'background-color': toColor}" class="bg"/>
|
<img src="img/icon-wallet.svg" ng-class="{'wallet-background-color-default': !toColor}" ng-style="{'background-color': toColor}" class="bg"/>
|
||||||
</i>
|
</i>
|
||||||
<span ng-if="recipientType == 'contact'">
|
<span ng-if="recipientType == 'contact'">
|
||||||
<i class="icon big-icon-svg" ng-if="isChromeApp">
|
<i class="icon big-icon-svg" ng-if="isChromeApp">
|
||||||
|
|
|
@ -29,7 +29,7 @@
|
||||||
<div class="label">From</div>
|
<div class="label">From</div>
|
||||||
<div class="wallet">
|
<div class="wallet">
|
||||||
<i class="icon big-icon-svg">
|
<i class="icon big-icon-svg">
|
||||||
<img src="img/icon-wallet.svg" ng-style="{'background-color': wallet.color}" class="bg">
|
<img src="img/icon-wallet.svg" ng-class="{'wallet-background-color-default': !wallet.color}" ng-style="{'background-color': wallet.color}" class="bg">
|
||||||
</i>
|
</i>
|
||||||
{{wallet ? wallet.name : '...'}}
|
{{wallet ? wallet.name : '...'}}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -38,7 +38,7 @@
|
||||||
<div class="label">Receive in</div>
|
<div class="label">Receive in</div>
|
||||||
<div class="wallet">
|
<div class="wallet">
|
||||||
<i class="icon big-icon-svg">
|
<i class="icon big-icon-svg">
|
||||||
<img src="img/icon-wallet.svg" ng-style="{'background-color': wallet.color}" class="bg">
|
<img src="img/icon-wallet.svg" ng-class="{'wallet-background-color-default': !wallet.color}" ng-style="{'background-color': wallet.color}" class="bg">
|
||||||
</i>
|
</i>
|
||||||
{{wallet ? wallet.name : '...'}}
|
{{wallet ? wallet.name : '...'}}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -65,7 +65,7 @@
|
||||||
<span class="label" translate>From</span>
|
<span class="label" translate>From</span>
|
||||||
<div class="wallet" ng-if="wallet">
|
<div class="wallet" ng-if="wallet">
|
||||||
<i class="icon big-icon-svg">
|
<i class="icon big-icon-svg">
|
||||||
<img src="img/icon-wallet.svg" ng-style="{'background-color': wallet.color}" class="bg"/>
|
<img src="img/icon-wallet.svg" ng-class="{'wallet-background-color-default': !wallet.color}" ng-style="{'background-color': wallet.color}" class="bg"/>
|
||||||
</i>
|
</i>
|
||||||
<div>{{wallet.name}}</div>
|
<div>{{wallet.name}}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -31,7 +31,7 @@
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="half-row left">
|
<div class="half-row left">
|
||||||
<button ng-click="accept()" class="round expand" ng-style="{'background-color': color}" autofocus>
|
<button ng-click="accept()" class="round expand" ng-class="{'wallet-background-color-default': !color}" ng-style="{'background-color': color}" autofocus>
|
||||||
<span class="size-12" translate>Confirm</span>
|
<span class="size-12" translate>Confirm</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -57,7 +57,7 @@
|
||||||
|
|
||||||
<p class="wallet-activity-note">
|
<p class="wallet-activity-note">
|
||||||
<!-- {{notification.types}} -->
|
<!-- {{notification.types}} -->
|
||||||
<i class="icon ion-record wallet-activity-note-child" ng-style="{'color':notification.wallet.color}"></i>
|
<i class="icon ion-record wallet-activity-note-child" ng-class="{'wallet-color-default': !notification.wallet.color}" ng-style="{'color':notification.wallet.color}"></i>
|
||||||
<span ng-if="notification.creatorName" class="wallet-activity-note-child">{{ notification.creatorName}}@</span>
|
<span ng-if="notification.creatorName" class="wallet-activity-note-child">{{ notification.creatorName}}@</span>
|
||||||
<span class="wallet-activity-note-child">{{notification.wallet.name}}</span>
|
<span class="wallet-activity-note-child">{{notification.wallet.name}}</span>
|
||||||
<time class="wallet-activity-note-child">{{ notification.createdOn * 1000 | amTimeAgo}}</time>
|
<time class="wallet-activity-note-child">{{ notification.createdOn * 1000 | amTimeAgo}}</time>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<div class="wallet-item">
|
<div class="wallet-item">
|
||||||
<i class="icon big-icon-svg circle">
|
<i class="icon big-icon-svg circle">
|
||||||
<img src="img/icon-wallet.svg" ng-style="{'background-color': wallet.color}" class="bg"/>
|
<img src="img/icon-wallet.svg" ng-class="{'wallet-background-color-default': !wallet.color}" ng-style="{'background-color': wallet.color}" class="bg"/>
|
||||||
</i>
|
</i>
|
||||||
<div class="name">
|
<div class="name">
|
||||||
{{wallet.name || wallet.id}}
|
{{wallet.name || wallet.id}}
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
ng-click="selectWallet(w)"
|
ng-click="selectWallet(w)"
|
||||||
>
|
>
|
||||||
<i class="icon big-icon-svg">
|
<i class="icon big-icon-svg">
|
||||||
<img src="img/icon-wallet.svg" ng-style="{'background-color': w.color}" class="bg">
|
<img src="img/icon-wallet.svg" ng-class="{'wallet-background-color-default': !w.color}" ng-style="{'background-color': w.color}" class="bg">
|
||||||
</i>
|
</i>
|
||||||
<div class="wallet-inner">
|
<div class="wallet-inner">
|
||||||
<div class="wallet-details">
|
<div class="wallet-details">
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<div class="card" ng-click="slider.slideTo($index)">
|
<div class="card" ng-click="slider.slideTo($index)">
|
||||||
<div class="item item-icon-left text-right" ng-class="{'noBalance': !wallet.status.availableBalanceStr}">
|
<div class="item item-icon-left text-right" ng-class="{'noBalance': !wallet.status.availableBalanceStr}">
|
||||||
<i class="icon big-icon-svg">
|
<i class="icon big-icon-svg">
|
||||||
<img src="img/icon-wallet.svg" ng-style="{'background-color': wallet.color}" class="bg"/>
|
<img src="img/icon-wallet.svg" ng-class="{'wallet-background-color-default': !wallet.color}" ng-style="{'background-color': wallet.color}" class="bg"/>
|
||||||
</i>
|
</i>
|
||||||
<span class="wallet-name">{{wallet.name || wallet.id}}</span>
|
<span class="wallet-name">{{wallet.name || wallet.id}}</span>
|
||||||
<span class="item-note m10l" ng-if="!wallet.balanceHidden">
|
<span class="item-note m10l" ng-if="!wallet.balanceHidden">
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<ion-modal-view id="terms-of-use">
|
<ion-modal-view id="terms-of-use">
|
||||||
<ion-nav-bar class="bar-ligt">
|
<ion-nav-bar>
|
||||||
<ion-nav-title>{{'Terms of Use' | translate}}</ion-nav-title>
|
<ion-nav-title>{{'Terms of Use' | translate}}</ion-nav-title>
|
||||||
<ion-nav-buttons side="primary">
|
<ion-nav-buttons side="primary">
|
||||||
<button class="button no-border" ng-click="termsModal.hide()">
|
<button class="button no-border" ng-click="termsModal.hide()">
|
||||||
|
|
|
@ -74,7 +74,7 @@
|
||||||
<span class="label" translate>From</span>
|
<span class="label" translate>From</span>
|
||||||
<div class="wallet">
|
<div class="wallet">
|
||||||
<i class="icon big-icon-svg">
|
<i class="icon big-icon-svg">
|
||||||
<img src="img/icon-wallet.svg" ng-style="{'background-color': wallet.color}" class="bg"/>
|
<img src="img/icon-wallet.svg" ng-class="{'wallet-background-color-default': !wallet.color}" ng-style="{'background-color': wallet.color}" class="bg"/>
|
||||||
</i>
|
</i>
|
||||||
<div>{{wallet.name}}</div>
|
<div>{{wallet.name}}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<ion-modal-view id="wallet-balance">
|
<ion-modal-view id="wallet-balance">
|
||||||
<ion-header-bar align-title="center" ng-style="{'background-color': wallet.color}">
|
<ion-header-bar align-title="center" ng-class="{'wallet-background-color-default': !wallet.color}" ng-style="{'background-color': wallet.color}">
|
||||||
<button class="button button-clear" ng-click="close()" translate>
|
<button class="button button-clear" ng-click="close()" translate>
|
||||||
Close
|
Close
|
||||||
</button>
|
</button>
|
||||||
|
|
|
@ -35,7 +35,7 @@
|
||||||
<li class="line-b" ng-repeat="w in wallets">
|
<li class="line-b" ng-repeat="w in wallets">
|
||||||
<a ng-click="selectWallet(w.id)" class="db oh">
|
<a ng-click="selectWallet(w.id)" class="db oh">
|
||||||
<div class="avatar-wallet"
|
<div class="avatar-wallet"
|
||||||
ng-style="{'background-color':w.color}">
|
ng-class="{'wallet-background-color-default': !w.color}" ng-style="{'background-color':w.color}">
|
||||||
<i class="icon-wallet size-21"></i>
|
<i class="icon-wallet size-21"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="ellipsis name-wallet text-bold">
|
<div class="ellipsis name-wallet text-bold">
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<ion-view id="onboarding-backup-request" class="onboarding">
|
<ion-view id="onboarding-backup-request" class="onboarding">
|
||||||
<ion-content ng-controller="backupRequestController" scroll="false">
|
<ion-content ng-controller="backupRequestController" scroll="false">
|
||||||
<div id="warning">
|
<div id="warning">
|
||||||
<img src="img/onboarding-warning.svg" id="alert-icon">
|
<img class="svg" src="img/onboarding-warning.svg" id="alert-icon">
|
||||||
<div class="onboarding-topic" translate>No backup, no bitcoin.</div>
|
<div class="onboarding-topic" translate>No backup, no bitcoin.</div>
|
||||||
<div class="onboarding-description" id="backup-description" translate>Since only you control your money, you’ll need to save your backup phrase in case this app is deleted.</div>
|
<div class="onboarding-description" id="backup-description" translate>Since only you control your money, you’ll need to save your backup phrase in case this app is deleted.</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -25,7 +25,7 @@
|
||||||
</ion-content>
|
</ion-content>
|
||||||
</ion-view>
|
</ion-view>
|
||||||
<div id="terms-of-use" ng-class="{'slideUp': shrinkView}">
|
<div id="terms-of-use" ng-class="{'slideUp': shrinkView}">
|
||||||
<ion-nav-bar class="bar-ligt">
|
<ion-nav-bar>
|
||||||
<ion-nav-title>{{'Terms of Use' | translate}}</ion-nav-title>
|
<ion-nav-title>{{'Terms of Use' | translate}}</ion-nav-title>
|
||||||
<ion-nav-buttons side="primary">
|
<ion-nav-buttons side="primary">
|
||||||
<button class="button no-border" ng-click="openTerms()">
|
<button class="button no-border" ng-click="openTerms()">
|
||||||
|
@ -37,12 +37,11 @@
|
||||||
<div ng-include="'views/includes/terms.html'" direction="y"></div>
|
<div ng-include="'views/includes/terms.html'" direction="y"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div id="agree-to-terms" ng-if="accepted.first && accepted.second" ng-class="{'header-present': backedUp == 'false'}">
|
<div id="agree-to-terms" ng-if="accepted.first && accepted.second" ng-class="{'header-present': backedUp == 'false'}">
|
||||||
<div id="agree-to-terms-content" class="center-block">
|
<div id="agree-to-terms-content" class="center-block">
|
||||||
<ion-checkbox ng-model="terms.accepted"></ion-checkbox>
|
<ion-checkbox ng-model="terms.accepted"></ion-checkbox>
|
||||||
<p translate>I have read, understood, and agree to the <a ng-click="openTerms()" translate>Terms of Use</a>.</p>
|
<p translate>I have read, understood, and agree to the <a ng-click="openTerms()" translate>Terms of Use</a>.</p>
|
||||||
<button ng-disabled="!accepted.first || !accepted.second || !terms.accepted" class="button button-block button-positive" ng-click="confirm()" translate>Confirm & Finish</button>
|
<button ng-disabled="!accepted.first || !accepted.second || !terms.accepted" class="button button-block button-primary" ng-click="confirm()" translate>Confirm & Finish</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</ion-pane>
|
</ion-pane>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<ion-view id="onboard-welcome" class="onboarding">
|
<ion-view id="onboard-welcome" class="onboarding">
|
||||||
<ion-content ng-controller="welcomeController" ng-init="createProfile()" scroll="false">
|
<ion-content ng-controller="welcomeController" ng-init="createProfile()" scroll="false">
|
||||||
<div id="logo-tagline">
|
<div id="logo-tagline">
|
||||||
<img src='img/bitpay-logo.svg' id="logo" />
|
<img src='img/app/logo-negative.svg' id="logo" />
|
||||||
<p id="lead" translate>Take control of your money,<br />get started with bitcoin.</p>
|
<p id="lead" translate>Take control of your money,<br />get started with bitcoin.</p>
|
||||||
</div>
|
</div>
|
||||||
<div id="cta-buttons">
|
<div id="cta-buttons">
|
||||||
|
|
|
@ -32,7 +32,7 @@
|
||||||
<li class="panel" ng-repeat="w in wallets">
|
<li class="panel" ng-repeat="w in wallets">
|
||||||
<a ng-click="payment.selectWallet(w.id)">
|
<a ng-click="payment.selectWallet(w.id)">
|
||||||
<div class="avatar-wallet"
|
<div class="avatar-wallet"
|
||||||
ng-style="{'background-color':w.color}">
|
ng-class="{'wallet-background-color-default': !w.color}" ng-style="{'background-color':w.color}">
|
||||||
<i class="icon-wallet size-21"></i>
|
<i class="icon-wallet size-21"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="ellipsis">{{w.name || w.id}}</div>
|
<div class="ellipsis">{{w.name || w.id}}</div>
|
||||||
|
|
|
@ -27,7 +27,9 @@
|
||||||
<a class="item item-icon-right" ui-sref="tabs.preferences.preferencesColor">
|
<a class="item item-icon-right" ui-sref="tabs.preferences.preferencesColor">
|
||||||
<span translate>Color</span>
|
<span translate>Color</span>
|
||||||
<span class="item-note">
|
<span class="item-note">
|
||||||
<span class="settings-color-block" ng-style="{'background-color': wallet.color, 'color': wallet.color}"></span>
|
<span class="settings-color-block"
|
||||||
|
ng-class="{'wallet-background-color-default': !wallet.color, 'wallet-color-default': !wallet.color}"
|
||||||
|
ng-style="{'background-color': wallet.color, 'color': wallet.color}"></span>
|
||||||
</span>
|
</span>
|
||||||
<i class="icon bp-arrow-right"></i>
|
<i class="icon bp-arrow-right"></i>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
@ -6,10 +6,9 @@
|
||||||
<ion-nav-back-button>
|
<ion-nav-back-button>
|
||||||
</ion-nav-back-button>
|
</ion-nav-back-button>
|
||||||
</ion-nav-bar>
|
</ion-nav-bar>
|
||||||
<ion-content>
|
<ion-content class="wallet-color-count wallet-color-default">
|
||||||
<ion-radio ng-repeat="c in colorList" ng-value="c.color" ng-model="currentColor" ng-click="save(c.color)">
|
<ion-radio ng-repeat="i in [] | range:colorCount" ng-value="i" ng-model="currentColorIndex" ng-click="save(i)">
|
||||||
<span ng-style="{'background-color': c.color, 'color' : c.color}" class="settings-color-block"></span>
|
<span class="settings-color-block wallet-color-{{i}}"></span>
|
||||||
<span class="settings-color-name"> {{c.name}}</span>
|
|
||||||
</ion-radio>
|
</ion-radio>
|
||||||
</ion-content>
|
</ion-content>
|
||||||
</ion-view>
|
</ion-view>
|
||||||
|
|
|
@ -29,7 +29,7 @@
|
||||||
<div class="label">From</div>
|
<div class="label">From</div>
|
||||||
<div class="wallet">
|
<div class="wallet">
|
||||||
<i class="icon big-icon-svg">
|
<i class="icon big-icon-svg">
|
||||||
<img src="img/icon-wallet.svg" ng-style="{'background-color': wallet.color}" class="bg">
|
<img src="img/icon-wallet.svg" ng-class="{'wallet-background-color-default': !wallet.color}" ng-style="{'background-color': wallet.color}" class="bg">
|
||||||
</i>
|
</i>
|
||||||
{{wallet ? wallet.name : '...'}}
|
{{wallet ? wallet.name : '...'}}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -25,7 +25,7 @@
|
||||||
<span translate ng-show="showAdv">Hide advanced options</span>
|
<span translate ng-show="showAdv">Hide advanced options</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<ion-checkbox ng-show="showAdv" ng-model="formData.noSignEnabled" class="checkbox-balanced" ng-change="noSignEnabledChange(); resizeView()">
|
<ion-checkbox ng-show="showAdv" ng-model="formData.noSignEnabled" class="checkbox-positive" ng-change="noSignEnabledChange(); resizeView()">
|
||||||
<span class="toggle-label" translate>Do not include private key</span>
|
<span class="toggle-label" translate>Do not include private key</span>
|
||||||
</ion-checkbox>
|
</ion-checkbox>
|
||||||
</div>
|
</div>
|
||||||
|
@ -53,7 +53,7 @@
|
||||||
ng-click="downloadWalletBackup()"
|
ng-click="downloadWalletBackup()"
|
||||||
class="button button-standard button-primary"
|
class="button button-standard button-primary"
|
||||||
ng-disabled="(!formData.password || formData.password != formData.repeatpassword)"
|
ng-disabled="(!formData.password || formData.password != formData.repeatpassword)"
|
||||||
ng-style="{'background-color':wallet.color}"
|
ng-class="{'wallet-background-color-default': !wallet.color}" ng-style="{'background-color':wallet.color}"
|
||||||
ng-show="!isSafari && !isCordova">
|
ng-show="!isSafari && !isCordova">
|
||||||
<i class="fi-download"></i>
|
<i class="fi-download"></i>
|
||||||
<span translate>Download</span>
|
<span translate>Download</span>
|
||||||
|
@ -63,7 +63,7 @@
|
||||||
ng-click="viewWalletBackup()"
|
ng-click="viewWalletBackup()"
|
||||||
class="button button-standard button-primary"
|
class="button button-standard button-primary"
|
||||||
ng-disabled="(!formData.password || formData.password != formData.repeatpassword)"
|
ng-disabled="(!formData.password || formData.password != formData.repeatpassword)"
|
||||||
ng-style="{'background-color':wallet.color}"
|
ng-class="{'wallet-background-color-default': !wallet.color}" ng-style="{'background-color':wallet.color}"
|
||||||
ng-show="isSafari && !isCordova">
|
ng-show="isSafari && !isCordova">
|
||||||
<i class="fi-eye"></i>
|
<i class="fi-eye"></i>
|
||||||
<span translate>View</span>
|
<span translate>View</span>
|
||||||
|
@ -72,12 +72,12 @@
|
||||||
<div ng-show="isCordova">
|
<div ng-show="isCordova">
|
||||||
<button class="button button-standard button-primary"
|
<button class="button button-standard button-primary"
|
||||||
ng-disabled="(!formData.password || formData.password != formData.repeatpassword)"
|
ng-disabled="(!formData.password || formData.password != formData.repeatpassword)"
|
||||||
ng-style="{'background-color':wallet.color}"
|
ng-class="{'wallet-background-color-default': !wallet.color}" ng-style="{'background-color':wallet.color}"
|
||||||
ng-click="copyWalletBackup()">
|
ng-click="copyWalletBackup()">
|
||||||
<i class="fi-clipboard-pencil"></i>
|
<i class="fi-clipboard-pencil"></i>
|
||||||
<span translate>Copy to clipboard</span></button>
|
<span translate>Copy to clipboard</span></button>
|
||||||
<button class="button button-standard button-primary" ng-disabled="(!formData.password || formData.password != formData.repeatpassword)"
|
<button class="button button-standard button-primary" ng-disabled="(!formData.password || formData.password != formData.repeatpassword)"
|
||||||
ng-style="{'background-color':wallet.color}"
|
ng-class="{'wallet-background-color-default': !wallet.color}" ng-style="{'background-color':wallet.color}"
|
||||||
ng-click="sendWalletBackup()"><i class="fi-mail"></i>
|
ng-click="sendWalletBackup()"><i class="fi-mail"></i>
|
||||||
<span translate>Send by email</span></button>
|
<span translate>Send by email</span></button>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -80,7 +80,7 @@
|
||||||
class="item item-sub item-icon-left item-big-icon-left item-icon-right wallet"
|
class="item item-sub item-icon-left item-big-icon-left item-icon-right wallet"
|
||||||
ng-click="openWallet(wallet)">
|
ng-click="openWallet(wallet)">
|
||||||
<i class="icon big-icon-svg">
|
<i class="icon big-icon-svg">
|
||||||
<img src="img/icon-wallet.svg" ng-style="{'background-color': wallet.color}" class="bg wallet"/>
|
<img src="img/icon-wallet.svg" ng-class="{'wallet-background-color-default': !wallet.color}" ng-style="{'background-color': wallet.color}" class="bg wallet"/>
|
||||||
</i>
|
</i>
|
||||||
<span>
|
<span>
|
||||||
{{wallet.name || wallet.id}}
|
{{wallet.name || wallet.id}}
|
||||||
|
|
|
@ -81,7 +81,7 @@
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="item item-icon-left text-right" ng-class="{'noBalance': !wallet.status.availableBalanceStr}">
|
<div class="item item-icon-left text-right" ng-class="{'noBalance': !wallet.status.availableBalanceStr}">
|
||||||
<i class="icon big-icon-svg">
|
<i class="icon big-icon-svg">
|
||||||
<img src="img/icon-wallet.svg" ng-style="{'background-color': wallet.color}" class="bg"/>
|
<img src="img/icon-wallet.svg" ng-class="{'wallet-background-color-default': !wallet.color}" ng-style="{'background-color': wallet.color}" class="bg"/>
|
||||||
</i>
|
</i>
|
||||||
<span class="wallet-name">{{wallet.name || wallet.id}}</span>
|
<span class="wallet-name">{{wallet.name || wallet.id}}</span>
|
||||||
<span class="item-note m10l">
|
<span class="item-note m10l">
|
||||||
|
|