diff --git a/app-template/bitcoincom/css/bitcoin.com.css b/app-template/bitcoincom/css/bitcoin.com.css
index c4a39ea12..0b7b36a29 100644
--- a/app-template/bitcoincom/css/bitcoin.com.css
+++ b/app-template/bitcoincom/css/bitcoin.com.css
@@ -212,6 +212,26 @@ div.onboarding-topic {
background-image: url('../img/shapeshifticon.png');
}
+.icon-games {
+ background-color: #494949;
+ background-image: url('../img/icon-games.svg');
+}
+
+.icon-mining {
+ background-color: #494949;
+ background-image: url('../img/icon-mining.svg');
+}
+
+.icon-news {
+ background-color: #494949;
+ background-image: url('../img/icon-news.svg');
+}
+
+.icon-tools {
+ background-color: #494949;
+ background-image: url('../img/icon-tools.svg');
+}
+
.shapeshift-banner {
background: url(../img/shapeshiftbg.jpg) center center no-repeat #28394d;
padding: 10px;
diff --git a/src/js/services/bitcoincomService.js b/src/js/services/bitcoincomService.js
index 22f6c74d0..c2982db06 100644
--- a/src/js/services/bitcoincomService.js
+++ b/src/js/services/bitcoincomService.js
@@ -19,28 +19,28 @@ angular.module('copayApp.services').factory('bitcoincomService', function($http,
var cashGamesItem = {
name: 'games',
title: 'Bitcoin Cash Games',
- icon: 'icon-bitcoincom',
+ icon: 'icon-games',
href: 'http://cashgames.bitcoin.com'
};
var newsItem = {
name: 'news',
title: 'News',
- icon: 'icon-bitcoincom',
+ icon: 'icon-news',
href: 'http://news.bitcoin.com'
};
var poolItem = {
name: 'pool',
title: 'Mining Pool',
- icon: 'icon-bitcoincom',
+ icon: 'icon-mining',
href: 'http://pool.bitcoin.com'
};
var toolsItem = {
name: 'tools',
title: 'Tools',
- icon: 'icon-bitcoincom',
+ icon: 'icon-tools',
href: 'http://tools.bitcoin.com'
}
diff --git a/www/css/bitcoin.com.css b/www/css/bitcoin.com.css
index 3d4f3807d..0730d469e 100644
--- a/www/css/bitcoin.com.css
+++ b/www/css/bitcoin.com.css
@@ -254,6 +254,26 @@ div.slide-success__background.fill-screen {
background-image: url('../img/shapeshifticon.png');
}
+.icon-games {
+ background-color: #494949;
+ background-image: url('../img/icon-games.svg');
+}
+
+.icon-mining {
+ background-color: #494949;
+ background-image: url('../img/icon-mining.svg');
+}
+
+.icon-news {
+ background-color: #494949;
+ background-image: url('../img/icon-news.svg');
+}
+
+.icon-tools {
+ background-color: #494949;
+ background-image: url('../img/icon-tools.svg');
+}
+
.tabs .tab-item .icon {
background-size: contain;
}
diff --git a/www/img/icon-games.svg b/www/img/icon-games.svg
new file mode 100644
index 000000000..4141ee166
--- /dev/null
+++ b/www/img/icon-games.svg
@@ -0,0 +1,215 @@
+
+
+
+
diff --git a/www/img/icon-mining.svg b/www/img/icon-mining.svg
new file mode 100644
index 000000000..e6d04429c
--- /dev/null
+++ b/www/img/icon-mining.svg
@@ -0,0 +1,72 @@
+
+
+
+
diff --git a/www/img/icon-news.svg b/www/img/icon-news.svg
new file mode 100644
index 000000000..20abf4dc2
--- /dev/null
+++ b/www/img/icon-news.svg
@@ -0,0 +1,39 @@
+
+
+
+
diff --git a/www/img/icon-tools.svg b/www/img/icon-tools.svg
new file mode 100644
index 000000000..fd72127d1
--- /dev/null
+++ b/www/img/icon-tools.svg
@@ -0,0 +1,74 @@
+
+
+
+