From 919b37288ac1ef5b5cee3ca83f3f7bf32b3f36bc Mon Sep 17 00:00:00 2001
From: Prema <premlatha.blaze@gmail.com>
Date: Wed, 28 Aug 2019 10:57:48 +0530
Subject: [PATCH] Ui changes

---
 .../graph-detail/graph-detail.component.html  | 36 ++++++-------
 .../home/graph-list/graph-list.component.html | 50 +++++++++----------
 src/assets/css/style.css                      | 36 ++++++-------
 3 files changed, 61 insertions(+), 61 deletions(-)

diff --git a/src/app/view/graph-view/graph-detail/graph-detail.component.html b/src/app/view/graph-view/graph-detail/graph-detail.component.html
index 4105224..5d2cb66 100644
--- a/src/app/view/graph-view/graph-detail/graph-detail.component.html
+++ b/src/app/view/graph-view/graph-detail/graph-detail.component.html
@@ -14,10 +14,10 @@
               <div class="day_filter diff_margin">
                 <a href="JavaScript:void(0);" (click)="
           totalDifficultyreq('', '', '1 day',''); selectedTarget = 6; TdifficultyRange = '1 day'
-        " id="6" #itemtarget6 [ngClass]="{ active: selectedTarget == itemtarget6.id, txt_primay: true }">1 Day</a>
+        " id="6" #itemtarget6 [ngClass]="{ active: selectedTarget == itemtarget6.id, txt_primary: true }">1 Day</a>
                 <a href="JavaScript:void(0);" (click)="
             totalDifficultyreq('', '', '1 week',''); selectedTarget = 1; TdifficultyRange = '1 week'
-          " id="1" #itemtarget1 [ngClass]="{ active: selectedTarget == itemtarget1.id, txt_primay: true }">1
+          " id="1" #itemtarget1 [ngClass]="{ active: selectedTarget == itemtarget1.id, txt_primary: true }">1
                   {{'home.WEEK' | translate}}</a>
                 <a href="JavaScript:void(0);" (click)="
             totalDifficultyreq('', '', '15 days',''); selectedTarget = 2; TdifficultyRange = '15 days'
@@ -40,15 +40,15 @@
                 <a href="JavaScript:void(0);" (click)="
           totalDifficultyreq('', '', TdifficultyRange,'cuckatoo'); selectedTarget12 = 1
         " id="1" #itemtarget121
-                  [ngClass]="{ active: selectedTarget12 == itemtarget121.id, txt_primay: true }">Cuckoo</a>
+                  [ngClass]="{ active: selectedTarget12 == itemtarget121.id, txt_primary: true }">Cuckoo</a>
                 <a href="JavaScript:void(0);" (click)="
         totalDifficultyreq('', '', TdifficultyRange,'progpow'); selectedTarget12 = 2
         " id="2" #itemtarget122
-                  [ngClass]="{ active: selectedTarget12 == itemtarget122.id, txt_primay: true }">ProgPow</a>
+                  [ngClass]="{ active: selectedTarget12 == itemtarget122.id, txt_primary: true }">ProgPow</a>
                 <a href="JavaScript:void(0);" (click)="
         totalDifficultyreq('', '', TdifficultyRange,'randomx'); selectedTarget12 = 3
         " id="3" #itemtarget123
-                  [ngClass]="{ active: selectedTarget12 == itemtarget123.id, txt_primay: true }">RandomX</a>
+                  [ngClass]="{ active: selectedTarget12 == itemtarget123.id, txt_primary: true }">RandomX</a>
               </div>
 
             </div>
@@ -70,29 +70,29 @@
                 <!-- <div class="day_filter" *ngIf="this.title=='Target Difficulty'">
                     <a href="JavaScript:void(0);" (click)="
                     ChartFromView('', '', comp.difficultyRange,'all'); selectedItem12 = 4
-                  " id="4" #item124 [ngClass]="{ active: selectedItem12 == item124.id, txt_primay: true }">All</a>
+                  " id="4" #item124 [ngClass]="{ active: selectedItem12 == item124.id, txt_primary: true }">All</a>
                     <a href="JavaScript:void(0);" (click)="
                 ChartFromView('', '', comp.difficultyRange,'cuckatoo'); selectedItem12 = 1
-              " id="1" #item121 [ngClass]="{ active: selectedItem12 == item121.id, txt_primay: true }">Cuckoo</a>
+              " id="1" #item121 [ngClass]="{ active: selectedItem12 == item121.id, txt_primary: true }">Cuckoo</a>
                     <a href="JavaScript:void(0);" (click)="
               ChartFromView('', '', comp.difficultyRange,'progpow'); selectedItem12 = 2
-              " id="2" #item122 [ngClass]="{ active: selectedItem12 == item122.id, txt_primay: true }">ProgPow</a>
+              " id="2" #item122 [ngClass]="{ active: selectedItem12 == item122.id, txt_primary: true }">ProgPow</a>
                     <a href="JavaScript:void(0);" (click)="
               ChartFromView('', '', comp.difficultyRange,'randomx'); selectedItem12 = 3
-              " id="3" #item123 [ngClass]="{ active: selectedItem12 == item123.id, txt_primay: true }">RandomX</a>
+              " id="3" #item123 [ngClass]="{ active: selectedItem12 == item123.id, txt_primary: true }">RandomX</a>
                   </div>
                   <div class="day_filter" *ngIf="this.title=='Total Difficulty'">
                     <a href="JavaScript:void(0);" (click)="
                   ChartFromView('', '', comp.TdifficultyRange,'cuckatoo'); selectedItem12 = 4
-                " id="4" #item124 [ngClass]="{ active: selectedItem12 == item124.id, txt_primay: true }">All</a>       <a href="JavaScript:void(0);" (click)="
+                " id="4" #item124 [ngClass]="{ active: selectedItem12 == item124.id, txt_primary: true }">All</a>       <a href="JavaScript:void(0);" (click)="
                   ChartFromView('', '', comp.TdifficultyRange,'cuckatoo'); selectedItem12 = 1
-                " id="1" #item121 [ngClass]="{ active: selectedItem12 == item121.id, txt_primay: true }">Cuckoo</a>
+                " id="1" #item121 [ngClass]="{ active: selectedItem12 == item121.id, txt_primary: true }">Cuckoo</a>
                       <a href="JavaScript:void(0);" (click)="
                 ChartFromView('', '', comp.TdifficultyRange,'progpow'); selectedItem12 = 2
-                " id="2" #item122 [ngClass]="{ active: selectedItem12 == item122.id, txt_primay: true }">ProgPow</a>
+                " id="2" #item122 [ngClass]="{ active: selectedItem12 == item122.id, txt_primary: true }">ProgPow</a>
                       <a href="JavaScript:void(0);" (click)="
                 ChartFromView('', '', comp.TdifficultyRange,'randomx'); selectedItem12 = 3
-                " id="3" #item123 [ngClass]="{ active: selectedItem12 == item123.id, txt_primay: true }">RandomX</a>
+                " id="3" #item123 [ngClass]="{ active: selectedItem12 == item123.id, txt_primary: true }">RandomX</a>
                     </div> -->
               <epic-explorer-plotly *ngIf="hashdata.data" [data]="hashdata.data" [layout]="hashdata.layout">
               </epic-explorer-plotly>
@@ -100,10 +100,10 @@
 
                 <a href="JavaScript:void(0);" *ngIf="this.title=='Total Difficulty' || this.title=='Target Difficulty' || this.title == 'Blocks'" (click)="
             ChartFromView('', '', '1 day', comp.Type); selectedItem = 6; comp.difficultyRange = '1 day';comp.TdifficultyRange = '1 day'
-              " id="6" #item6 [ngClass]="{ active: selectedItem == item6.id, txt_primay: true }">1 Day</a>
+              " id="6" #item6 [ngClass]="{ active: selectedItem == item6.id, txt_primary: true }">1 Day</a>
                 <a href="JavaScript:void(0);" (click)="
             ChartFromView('', '', '1 week', comp.Type); selectedItem = 1; comp.difficultyRange = '1 week';comp.TdifficultyRange = '1 week'
-              " id="1" #item1 [ngClass]="{ active: selectedItem == item1.id, txt_primay: true }">1
+              " id="1" #item1 [ngClass]="{ active: selectedItem == item1.id, txt_primary: true }">1
                   {{'home.WEEK' | translate}}</a>
                 <a href="JavaScript:void(0);" (click)="
             ChartFromView('', '', '15 days', comp.Type); selectedItem = 2; comp.difficultyRange = '15 days';comp.TdifficultyRange = '15 days'
@@ -126,7 +126,7 @@
               <div class="day_filter" *ngIf="this.title=='Transactions over time'">
                 <a href="JavaScript:void(0);"
                   (click)="ChartFromView(GraphtDate, GraphtHour, GraphtInput,'Input'); selectedItem8 = 1" id="1" #item1
-                  [ngClass]="{ active: selectedItem8 == item1.id, txt_primay: true }">{{'home.INPUT' | translate}}</a>
+                  [ngClass]="{ active: selectedItem8 == item1.id, txt_primary: true }">{{'home.INPUT' | translate}}</a>
                 <a href="JavaScript:void(0);"
                   (click)="ChartFromView(GraphtDate, GraphtHour, GraphtKernal,'Kernal'); selectedItem8 = 2" id="2"
                   #item2
@@ -141,10 +141,10 @@
               <div class="day_filter" *ngIf="this.title=='Block Interval'">
                 <a href="JavaScript:void(0);" (click)="
                 ChartFromView('today'); selectedInteverval = 1
-                    " id="1" #intevalitem1 [ngClass]="{ active: selectedInteverval == intevalitem1.id, txt_primay: true }">Today</a>
+                    " id="1" #intevalitem1 [ngClass]="{ active: selectedInteverval == intevalitem1.id, txt_primary: true }">Today</a>
               <a href="JavaScript:void(0);" (click)="
               ChartFromView('yesterday'); selectedInteverval = 2
-                  " id="2" #intevalitem2 [ngClass]="{ active: selectedInteverval == intevalitem2.id, txt_primay: true }">Yesterday</a>
+                  " id="2" #intevalitem2 [ngClass]="{ active: selectedInteverval == intevalitem2.id, txt_primary: true }">Yesterday</a>
                   <a href="JavaScript:void(0);" (click)="ChartFromView('previous'); "><</a>
                   <span>{{showcurrentIntervalDate}}</span>
                   <a href="JavaScript:void(0);" (click)="ChartFromView('next'); ">></a>
diff --git a/src/app/view/home/graph-list/graph-list.component.html b/src/app/view/home/graph-list/graph-list.component.html
index 5f26269..327a793 100644
--- a/src/app/view/home/graph-list/graph-list.component.html
+++ b/src/app/view/home/graph-list/graph-list.component.html
@@ -11,16 +11,16 @@
             <!-- <div class="difficulty_filter day_filter p-0 bg-transparent mt-2">
                 <a href="JavaScript:void(0);" (click)="
                 Difficultyreq('target', '', '', difficultyRange,'all'); selectedItem12 = 4
-              " id="4" #item124 [ngClass]="{ active: selectedItem12 == item124.id, txt_primay: true }">All</a>
+              " id="4" #item124 [ngClass]="{ active: selectedItem12 == item124.id, txt_primary: true }">All</a>
                 <a href="JavaScript:void(0);" (click)="
                 Difficultyreq('target', '', '', difficultyRange,'cuckatoo'); selectedItem12 = 1
-              " id="1" #item121 [ngClass]="{ active: selectedItem12 == item121.id, txt_primay: true }">Cuckoo</a>
+              " id="1" #item121 [ngClass]="{ active: selectedItem12 == item121.id, txt_primary: true }">Cuckoo</a>
               <a href="JavaScript:void(0);" (click)="
                 Difficultyreq('target', '', '', difficultyRange,'progpow'); selectedItem12 = 2
-              " id="2" #item122 [ngClass]="{ active: selectedItem12 == item122.id, txt_primay: true }">ProgPow</a>
+              " id="2" #item122 [ngClass]="{ active: selectedItem12 == item122.id, txt_primary: true }">ProgPow</a>
               <a href="JavaScript:void(0);" (click)="
                 Difficultyreq('target', '', '', difficultyRange,'randomx'); selectedItem12 = 3
-              " id="3" #item123 [ngClass]="{ active: selectedItem12 == item123.id, txt_primay: true }">RandomX</a>
+              " id="3" #item123 [ngClass]="{ active: selectedItem12 == item123.id, txt_primary: true }">RandomX</a>
           </div> -->
           <epic-explorer-plotly *ngIf="linearGraphData.data" [data]="linearGraphData.data" [layout]="linearGraphData.layout">
           </epic-explorer-plotly>
@@ -45,10 +45,10 @@
       <div class="day_filter">
         <a href="JavaScript:void(0);" (click)="
           Difficultyreq('target', '', '', '1 day',''); selectedItem = 6; difficultyRange = '1 day'
-        " id="6" #item6 [ngClass]="{ active: selectedItem == item6.id, txt_primay: true }">1 day</a>
+        " id="6" #item6 [ngClass]="{ active: selectedItem == item6.id, txt_primary: true }">1 day</a>
         <a href="JavaScript:void(0);" (click)="
             Difficultyreq('target', '', '', '1 week',''); selectedItem = 1; difficultyRange = '1 week'
-          " id="1" #item1 [ngClass]="{ active: selectedItem == item1.id, txt_primay: true }">1 {{'home.WEEK' | translate}}</a>
+          " id="1" #item1 [ngClass]="{ active: selectedItem == item1.id, txt_primary: true }">1 {{'home.WEEK' | translate}}</a>
         <!-- <a href="JavaScript:void(0);" (click)="
             Difficultyreq('target', '', '', '15 days',''); selectedItem = 2; difficultyRange = '15 days'
           " id="2" #item2 [ngClass]="{ active: selectedItem == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a> -->
@@ -99,7 +99,7 @@
 
     <div class="day_filter">
       <a href="JavaScript:void(0);" (click)="transactionheatmapFunc(tDate, tHour, tInput,'Input'); selectedItem81 = 1" id="1" #item1
-        [ngClass]="{ active: selectedItem81 == item1.id, txt_primay: true }">{{'home.INPUT' | translate}}</a>
+        [ngClass]="{ active: selectedItem81 == item1.id, txt_primary: true }">{{'home.INPUT' | translate}}</a>
       <a href="JavaScript:void(0);" (click)="transactionheatmapFunc(tDate, tHour, tKernal,'Kernal'); selectedItem81 = 2" id="2" #item2
         [ngClass]="{ active: selectedItem81 == item2.id, day15_txt: true }">{{'home.KERNEL' | translate}}</a>
       <a href="JavaScript:void(0);" (click)="transactionheatmapFunc(tDate, tHour, tOutput,'Output'); selectedItem81 = 3" id="3" #item3
@@ -141,10 +141,10 @@
     <div class="day_filter">
         <a href="JavaScript:void(0);" (click)="
         blockreq('', '', '1 day'); selectedItem3 = 2
-            " id="2" #item32 [ngClass]="{ active: selectedItem3 == item32.id, txt_primay: true }">1 day</a>
+            " id="2" #item32 [ngClass]="{ active: selectedItem3 == item32.id, txt_primary: true }">1 day</a>
       <a href="JavaScript:void(0);" (click)="
       blockreq('', '', '1 week'); selectedItem3 = 1
-          " id="1" #item31 [ngClass]="{ active: selectedItem3 == item31.id, txt_primay: true }">1 {{'home.WEEK' | translate}}</a>
+          " id="1" #item31 [ngClass]="{ active: selectedItem3 == item31.id, txt_primary: true }">1 {{'home.WEEK' | translate}}</a>
       <!-- <a href="JavaScript:void(0);" (click)="
       blockreq('', '', '15 days'); selectedItem3 = 2
           " id="2" #item32 [ngClass]="{ active: selectedItem3 == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a> -->
@@ -194,7 +194,7 @@
     </div>
     <div class="day_filter">
       <a href="JavaScript:void(0);" (click)="Growthreq('', '', '1 week'); selectedItem5 = 1" id="1" #item1
-        [ngClass]="{ active: selectedItem5 == item1.id, txt_primay: true }">1 {{'home.WEEK' | translate}}</a>
+        [ngClass]="{ active: selectedItem5 == item1.id, txt_primary: true }">1 {{'home.WEEK' | translate}}</a>
       <a href="JavaScript:void(0);" (click)="Growthreq('', '', '15 days'); selectedItem5 = 2" id="2" #item2
         [ngClass]="{ active: selectedItem5 == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a>
       <a href="JavaScript:void(0);" (click)="Growthreq('', '', '30 days'); selectedItem5 = 3" id="3" #item3
@@ -242,7 +242,7 @@
 
 <div class="day_filter">
   <a href="JavaScript:void(0);" (click)="Transcationreq('', '', '1 week'); selectedItem4 = 1" id="1" #item1
-    [ngClass]="{ active: selectedItem4 == item1.id, txt_primay: true }">1 {{'home.WEEK' | translate}}</a>
+    [ngClass]="{ active: selectedItem4 == item1.id, txt_primary: true }">1 {{'home.WEEK' | translate}}</a>
   <a href="JavaScript:void(0);" (click)="Transcationreq('', '', '15 days'); selectedItem4 = 2" id="2" #item2
     [ngClass]="{ active: selectedItem4 == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a>
   <a href="JavaScript:void(0);" (click)="Transcationreq('', '', '30 days'); selectedItem4 = 3" id="3" #item3
@@ -289,7 +289,7 @@
     </div>
     <div class="day_filter">
       <a href="JavaScript:void(0);" (click)="Blockminedreq('', '', '1 week'); selectedItem7 = 1" id="1" #item1
-        [ngClass]="{ active: selectedItem7 == item1.id, txt_primay: true }">1 {{'home.WEEK' | translate}}</a>
+        [ngClass]="{ active: selectedItem7 == item1.id, txt_primary: true }">1 {{'home.WEEK' | translate}}</a>
       <a href="JavaScript:void(0);" (click)="Blockminedreq('', '', '15 days'); selectedItem7 = 2" id="2" #item2
         [ngClass]="{ active: selectedItem7 == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a>
       <a href="JavaScript:void(0);" (click)="Blockminedreq('', '', '30 days'); selectedItem7 = 3" id="3" #item3
@@ -333,7 +333,7 @@
           </div>
           <div class="day_filter">
               <a href="JavaScript:void(0);" (click)="Transactiondoublelinechartreq('', '', '1 week'); selectedItem9 = 1" id="1" #item1
-              [ngClass]="{ active: selectedItem9 == item1.id, txt_primay: true }">1 week</a>
+              [ngClass]="{ active: selectedItem9 == item1.id, txt_primary: true }">1 week</a>
             <a href="JavaScript:void(0);" (click)="Transactiondoublelinechartreq('', '', '15 days'); selectedItem9 = 2" id="2" #item2
               [ngClass]="{ active: selectedItem9 == item2.id, day15_txt: true }">15 days</a>
             <a href="JavaScript:void(0);" (click)="Transactiondoublelinechartreq('', '', '30 days'); selectedItem9 = 3" id="3" #item3
@@ -378,7 +378,7 @@
           </div>
           <div class="day_filter">
             <a href="JavaScript:void(0);" (click)="stackchartreq('', '', '1 week'); selectedItem10 = 1" id="1"
-              #item1 [ngClass]="{ active: selectedItem10 == item1.id, txt_primay: true }">1 {{'home.WEEK' | translate}}</a>
+              #item1 [ngClass]="{ active: selectedItem10 == item1.id, txt_primary: true }">1 {{'home.WEEK' | translate}}</a>
             <a href="JavaScript:void(0);" (click)="
             stackchartreq('', '', '15 days'); selectedItem10 = 2
               " id="2" #item2 [ngClass]="{ active: selectedItem10 == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a>
@@ -431,10 +431,10 @@
       <div class="day_filter">
           <a href="JavaScript:void(0);" (click)="
           Blockintervalreq('today'); selectedInteverval = 1
-              " id="1" #intevalitem1 [ngClass]="{ active: selectedInteverval == intevalitem1.id, txt_primay: true }">Today</a>
+              " id="1" #intevalitem1 [ngClass]="{ active: selectedInteverval == intevalitem1.id, txt_primary: true }">Today</a>
         <a href="JavaScript:void(0);" (click)="
         Blockintervalreq('yesterday'); selectedInteverval = 2
-            " id="2" #intevalitem2 [ngClass]="{ active: selectedInteverval == intevalitem2.id, txt_primay: true }">Yesterday</a>
+            " id="2" #intevalitem2 [ngClass]="{ active: selectedInteverval == intevalitem2.id, txt_primary: true }">Yesterday</a>
             <a href="JavaScript:void(0);" (click)="Blockintervalreq('previous'); "><</a>
             <span>{{showcurrentIntervalDate}}</span>
             <a href="JavaScript:void(0);" (click)="Blockintervalreq('next'); ">></a>
@@ -458,19 +458,19 @@
                 <a href="JavaScript:void(0);" (click)="
                 Difficultyreq('total', '', '', TdifficultyRange,'all'); selectedTarget12 = 4
               " id="4" #itemtarget124
-                        [ngClass]="{ active: selectedTarget12 == itemtarget124.id, txt_primay: true }">All</a>
+                        [ngClass]="{ active: selectedTarget12 == itemtarget124.id, txt_primary: true }">All</a>
                 <a href="JavaScript:void(0);" (click)="
                 Difficultyreq('total', '', '', TdifficultyRange,'cuckatoo'); selectedTarget12 = 1
               " id="1" #itemtarget121
-                        [ngClass]="{ active: selectedTarget12 == itemtarget121.id, txt_primay: true }">Cuckoo</a>
+                        [ngClass]="{ active: selectedTarget12 == itemtarget121.id, txt_primary: true }">Cuckoo</a>
                       <a href="JavaScript:void(0);" (click)="
               Difficultyreq('total', '', '', TdifficultyRange,'progpow'); selectedTarget12 = 2
               " id="2" #itemtarget122
-                        [ngClass]="{ active: selectedTarget12 == itemtarget122.id, txt_primay: true }">ProgPow</a>
+                        [ngClass]="{ active: selectedTarget12 == itemtarget122.id, txt_primary: true }">ProgPow</a>
                       <a href="JavaScript:void(0);" (click)="
               Difficultyreq('total', '', '', TdifficultyRange,'randomx'); selectedTarget12 = 3
               " id="3" #itemtarget123
-                        [ngClass]="{ active: selectedTarget12 == itemtarget123.id, txt_primay: true }">RandomX</a>
+                        [ngClass]="{ active: selectedTarget12 == itemtarget123.id, txt_primary: true }">RandomX</a>
           </div> -->
             <epic-explorer-plotly *ngIf="linearTotalGraphData.data" [data]="linearTotalGraphData.data"
             [layout]="linearTotalGraphData.layout">
@@ -496,10 +496,10 @@
       <div class="day_filter">
           <a href="JavaScript:void(0);" (click)="
     Difficultyreq('total', '', '', '1 day',''); selectedTarget = 6; TdifficultyRange = '1 day'
-  " id="6" #itemtarget6 [ngClass]="{ active: selectedTarget == itemtarget6.id, txt_primay: true }">1 day</a>
+  " id="6" #itemtarget6 [ngClass]="{ active: selectedTarget == itemtarget6.id, txt_primary: true }">1 day</a>
           <a href="JavaScript:void(0);" (click)="
       Difficultyreq('total', '', '', '1 week',''); selectedTarget = 1; TdifficultyRange = '1 week'
-    " id="1" #itemtarget1 [ngClass]="{ active: selectedTarget == itemtarget1.id, txt_primay: true }">1
+    " id="1" #itemtarget1 [ngClass]="{ active: selectedTarget == itemtarget1.id, txt_primary: true }">1
             {{'home.WEEK' | translate}}</a>
           <!-- <a href="JavaScript:void(0);" (click)="
       Difficultyreq('total', '', '', '15 days',''); selectedTarget = 2; TdifficultyRange = '15 days'
@@ -555,7 +555,7 @@
       </div>
       <div class="day_filter">
         <a href="JavaScript:void(0);" (click)="Blockspersecreq('', '', '1 week'); selectedItem2 = 1" id="1" #item1
-          [ngClass]="{ active: selectedItem2 == item1.id, txt_primay: true }">1 {{'home.WEEK' | translate}}</a>
+          [ngClass]="{ active: selectedItem2 == item1.id, txt_primary: true }">1 {{'home.WEEK' | translate}}</a>
         <a href="JavaScript:void(0);" (click)="Blockspersecreq('', '', '15 days'); selectedItem2 = 2" id="2" #item2
           [ngClass]="{ active: selectedItem2 == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a>
         <a href="JavaScript:void(0);" (click)="Blockspersecreq('', '', '30 days'); selectedItem2 = 3" id="3" #item3
@@ -602,7 +602,7 @@
       </div>
       <div class="day_filter">
         <a href="JavaScript:void(0);" (click)="Transactionlinechartreq('', '', '1 week'); selectedItem8 = 1" id="1"
-          #item1 [ngClass]="{ active: selectedItem8 == item1.id, txt_primay: true }">1 {{'home.WEEK' | translate}}</a>
+          #item1 [ngClass]="{ active: selectedItem8 == item1.id, txt_primary: true }">1 {{'home.WEEK' | translate}}</a>
         <a href="JavaScript:void(0);" (click)="
             Transactionlinechartreq('', '', '15 days'); selectedItem8 = 2
           " id="2" #item2 [ngClass]="{ active: selectedItem8 == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a>
@@ -654,7 +654,7 @@
       </div>
       <div class="day_filter">
         <a href="JavaScript:void(0);" (click)="piechartreq('', '', '1 week'); selectedItem10 = 1" id="1"
-          #item1 [ngClass]="{ active: selectedItem11 == item1.id, txt_primay: true }">1 {{'home.WEEK' | translate}}</a>
+          #item1 [ngClass]="{ active: selectedItem11 == item1.id, txt_primary: true }">1 {{'home.WEEK' | translate}}</a>
         <a href="JavaScript:void(0);" (click)="
         piechartreq('', '', '15 days'); selectedItem11 = 2
           " id="2" #item2 [ngClass]="{ active: selectedItem11 == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a>
diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 01d4615..53182bd 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -20,7 +20,7 @@ body {
   max-width: 75%;
   margin: 0 auto;
 }
-.text_underline{text-decoration: underline;color: #c89e61}
+.text_underline{text-decoration: underline;color: #BF9B30}
 a:hover,
 a:focus {
   text-decoration: none;
@@ -34,7 +34,7 @@ a:focus {
   }
 }
 .loaders {
-  color: #c89e61;
+  color: #BF9B30;
   font-size: 90px;
   text-indent: -9999em;
   overflow: hidden;
@@ -134,7 +134,7 @@ a:focus {
 .nav-item.dropdown.bg-white{background-color: #dadada !important;}
 /************************************************texts*****************************************/
 .txt_primary {
-  color: #c89e61;
+  color: #BF9B30;
 }
 .txt_secondary {
   color: #333333;
@@ -206,7 +206,7 @@ a:focus {
   position: absolute;
   top: 4px;
   right: 10px;
-  color: #c89e61;
+  color: #BF9B30;
 }
 .blocks {
   background: #fff;
@@ -232,7 +232,7 @@ a:focus {
   z-index: 1;
 }
 .txn_count {
-  background: #c89e61;
+  background: #BF9B30;
   vertical-align: middle;
   border-radius: 25px;
   font-size: 13px;
@@ -244,12 +244,12 @@ a:focus {
   z-index: 1;
   float: right;
   margin-top: 5px;
-  border: 1px solid #c89e61;
+  border: 1px solid #BF9B30;
   transition: all 0.3s linear;
 }
 .blocks:hover .txn_count {
   background: #fff;
-  color: #c89e61;
+  color: #BF9B30;
   transition: all 0.3s linear;
 }
 .day_filter {
@@ -273,11 +273,11 @@ a:focus {
   background: #ffffff;
   padding: 15px;
   font-size: 13px;
-  color: #c89e61;
-  border-top: 1px solid #c89e61;
+  color: #BF9B30;
+  border-top: 1px solid #BF9B30;
 }
 .explore_all a {
-  color: #c89e61;
+  color: #BF9B30;
 }
 .explore_all a:hover, .explore_all a:focus {
   color: #777777;
@@ -291,10 +291,10 @@ a:focus {
   font-size: 13px;
 }
 .ip_filter a.active {
-  color: #c89e61;
+  color: #BF9B30;
 }
 .btn_primary {
-  background: #c89e61;
+  background: #BF9B30;
   border-radius: 25px;
   color: #fff !important;
   text-transform: uppercase;
@@ -313,7 +313,7 @@ a:focus {
 }
 .detail_div .count {
   font-size: 25px;
-  color: #c89e61;
+  color: #BF9B30;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -460,8 +460,8 @@ a:focus {
       -webkit-transform: rotate(359deg);
   }
 }
-.link_to_detail{cursor: pointer;color: #c89e61;}
-.link_to_detail:hover{color: #c89e61;text-decoration: underline;}
+.link_to_detail{cursor: pointer;color: #BF9B30;}
+.link_to_detail:hover{color: #BF9B30;text-decoration: underline;}
 .mobile_table, .peer_mobile_table{border-bottom: 1px solid #686868;position: relative;}
 .mobile_table .tble_col{padding: 0;}
 .mobile_table:nth-child(even), .peer_mobile_table:nth-child(even) {
@@ -527,7 +527,7 @@ margin-right: 10px;
   margin-top: -4px;
 }
 .langbut:focus{outline: none;}
-.detail_div .difficulty_datas{font-size: 14px !important; color: #c89e61; margin-bottom: 0px;}
+.detail_div .difficulty_datas{font-size: 14px !important; color: #BF9B30; margin-bottom: 0px;}
 .net_dropdwn{
  position: absolute;
  top: 20px;
@@ -588,7 +588,7 @@ body.dark_theme {
 }
 .dark_theme .day_filter a.active {
   background-color: #1d1d1f;
-  /* border-color: #c89e61 */
+  /* border-color: #BF9B30 */
 }
 .dark_theme .chart_heading {
   color: #ffffff;
@@ -710,7 +710,7 @@ body.dark_theme {
 .sk-cube-grid .sk-cube {
   width: 33%;
   height: 33%;
-  background-color: #c89e61;
+  background-color: #BF9B30;
   float: left;
   -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
           animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;