theme updated

server/i18n/de.json

@@ -19,10 +19,10 @@
         "VIEWALL": "Alle Diagramme anzeigen",
         "BLOCKCHAIN_HEIGHT": "Blockchain Höhe",
         "LATEST_BLOCKS" : "Letzter Blocks",
-        "LATEST_BLOCK": "Letzter Block",
+        "LATEST_BLOCK_AGE": "Letzter Block",
-        "LATEST_BLOCK1": "Aktuelle Zielschwierigkeit",
+        "CURRENT_TARGET_DIFF": "Aktuelle Zielschwierigkeit",
-				"LATEST_BLOCK2": "Aktuelle Gesamtschwierigkeit",
+				"CURRENT_TOTAL_DIFF": "Aktuelle Gesamtschwierigkeit",
-        "COIN_IN": "Zirkulierende Versorgung",
+        "CIRCULATING_SUPPLY": "Zirkulierende Versorgung",
         "HEIGHT": "Höhe",
         "HASH": "Hash",
         "AGE": "Alter",

server/i18n/en.json

@@ -19,10 +19,10 @@
         "VIEWALL": "View All Charts",
         "BLOCKCHAIN_HEIGHT": "Blockchain Height",
         "LATEST_BLOCKS" : "Latest Blocks",
-        "LATEST_BLOCK": "Latest Block",
+        "LATEST_BLOCK_AGE": "Latest Block",
-				"LATEST_BLOCK1": "Current Target Difficulty",
+				"CURRENT_TARGET_DIFF": "Current Target Difficulty",
-				"LATEST_BLOCK2": "Current Total Difficulty",
+				"CURRENT_TOTAL_DIFF": "Current Total Difficulty",
-        "COIN_IN": "Circulating Supply",
+        "CIRCULATING_SUPPLY": "Circulating Supply",
         "HEIGHT": "Height",
         "HASH": "Hash",
         "AGE": "Age",

src/app/view/home/block-detail-list/block-detail-list.component.html

@@ -43,7 +43,7 @@
     <div
       class="text-center detail_div"
     >
-      <p class="mb-0 desc">{{ "home.LATEST_BLOCK" | translate }}</p>
+      <p class="mb-0 desc">{{ "home.LATEST_BLOCK_AGE" | translate }}</p>
       <p
         class="count mb-0"
         [ngClass]="latestblockdetail.blink == true ? 'item-highlight' : ''"
@@ -55,7 +55,7 @@
   </div>
   <!-- <div class="col-md-3">
     <div class="text-center detail_div" #minhgt>
-      <p class="mb-2 desc">{{ "home.LATEST_BLOCK1" | translate }}</p>
+      <p class="mb-2 desc">{{ "home.CURRENT_TARGET_DIFF" | translate }}</p>
       <div
         class=" text-center d-inline-block"
         [ngClass]="latestblockdetail.blink == true ? 'item-highlight' : ''"
@@ -92,49 +92,58 @@
       </div>
     </div>
   </div> -->
+
+
   <div class="col-md-3">
     <div class="text-center detail_div" #minhgt>
-      <p class="mb-2 desc">{{ "home.LATEST_BLOCK2" | translate }}</p>
+      <p class="mb-2 desc">{{ "home.CURRENT_TARGET_DIFF" | translate }}</p>
+      <div
+        class=" text-left mx-auto d-inline-block"
+        [ngClass]="latestblockdetail.blink == true ? 'item-highlight' : ''"
+      >
+        <div class="difficulty_datas">
+          <span class="day60_txt">Cuckoo &nbsp;&nbsp;&nbsp;&nbsp;: </span>
+            <span> {{ latestblockdetail.targetdifficultycuckatoo | number }}</span>
+        </div>
+        <div class="difficulty_datas">
+            <span class="day60_txt">ProgPow &nbsp;&nbsp;: </span>
+              <span class="diff_span" style="width:110px;" title="{{ latestblockdetail.targetdifficultyprogpow | number }}"> {{ latestblockdetail.targetdifficultyprogpow | number }}</span>
+          </div>
+          <div class="difficulty_datas">
+             <span class="day60_txt"> RandomX &nbsp;: </span>
+                <span > {{ latestblockdetail.targetdifficultyrandomx | number }}</span>
+            </div>
+      </div>
+    </div>
+  </div>
+  
+  <!-- <div class="col-md-3">
+    <div class="text-center detail_div" #minhgt>
+      <p class="mb-2 desc">{{ "home.CURRENT_TOTAL_DIFF" | translate }}</p>
       <div
         class=" text-left mx-auto d-inline-block"
         [ngClass]="latestblockdetail.blink == true ? 'item-highlight' : ''"
       >
-
-        <!-- <p class="difficulty_datas">Cuckaroo : {{latestblockdetail.targetdifficultycuckaroo | number}} / {{latestblockdetail.TotalDifficultyCuckatoo | number}}</p> -->
         <div class="difficulty_datas">
           <span class="day60_txt">Cuckoo &nbsp;&nbsp;&nbsp;&nbsp;: </span>
-            <!-- <span>Target:</span><span>{{ latestblockdetail.targetdifficultycuckatoo | number }}, </span> -->
-            <!-- <span>Total :</span> -->
             <span> {{ latestblockdetail.TotalDifficultyCuckatoo | number }}</span>
         </div>
         <div class="difficulty_datas">
             <span class="day60_txt">ProgPow &nbsp;&nbsp;: </span>
-              <!-- <span>Target:</span><span class="diff_span" title="{{ latestblockdetail.targetdifficultyprogpow | number }}">{{ latestblockdetail.targetdifficultyprogpow | number }} </span>, -->
-              <!-- <span>Total:</span> -->
               <span class="diff_span" style="width:110px;" title="{{ latestblockdetail.TotalDifficultyProgpow | number }}"> {{ latestblockdetail.TotalDifficultyProgpow | number }}</span>
           </div>
           <div class="difficulty_datas">
              <span class="day60_txt"> RandomX &nbsp;: </span>
-                <!-- <span>Target:</span><span>{{ latestblockdetail.targetdifficultyrandomx | number }}, </span> -->
-                <!-- <span>Total:</span> -->
                 <span > {{ latestblockdetail.TotalDifficultyRandomx | number }}</span>
             </div>
-        <!-- <p class="difficulty_datas">
-          ProgPow : {{ latestblockdetail.targetdifficultyprogpow | number }} /
-          {{ latestblockdetail.TotalDifficultyProgpow | number }}
-        </p>
-        <p class="difficulty_datas">
-          RandomX : {{ latestblockdetail.targetdifficultyrandomx | number }} /
-          {{ latestblockdetail.TotalDifficultyRandomx | number }}
-        </p> -->
-      </div>
       </div>
     </div>
+  </div> -->
   <div class="col-md-3">
     <div
       class="text-center detail_div"
     >
-      <p class="mb-0 desc">{{ "home.COIN_IN" | translate }}</p>
+      <p class="mb-0 desc">{{ "home.CIRCULATING_SUPPLY" | translate }}</p>
       <p
         class="count mb-0"
         [ngClass]="latestblockdetail.blink == true ? 'item-highlight' : ''"

src/app/view/home/graph-list/graph-list.component.ts

@@ -455,7 +455,7 @@ export class GraphListComponent implements OnInit {
                         type: 'scatter',
                         name: 'Progpow',
                         yaxis: 'y2',
-                        line: { color: '#e2e2e2' },
+                        line: { color: '#818787' },
                         hovertemplate: 'Progpow : %{y:,}',
                         hoverlabel: {namelength : 0}
                       },
@@ -711,7 +711,7 @@ export class GraphListComponent implements OnInit {
           hovertemplate: '%{x}<br> RandomX : %{text:,}',
           hoverlabel: {namelength : 0},
           marker: {
-            color: '#e2e2e2',
+            color: '#818787',
           },
         }
 
@@ -1070,7 +1070,7 @@ export class GraphListComponent implements OnInit {
           type: 'line',
           name: 'RandomX',
           line: {
-            color: '#e2e2e2',
+            color: '#818787',
           },
         },
         {
@@ -1203,7 +1203,7 @@ export class GraphListComponent implements OnInit {
           text: Ttotalkernal,
           hovertemplate: 'Total Kernel : %{text:,} ',
           hoverlabel: {namelength : 0},
-          line: { color: '#e2e2e2' },
+          line: { color: '#818787' },
         },
         {
           type: 'scatter',

src/index.html

@@ -10,7 +10,7 @@
   <link rel="icon" type="image/x-icon" href="favicon.ico">
 -->
 </head>
-<body>
+<body class="dark_theme">
   <app-root></app-root>
 </body>
 <script>