From fb48236a61df7aabc69290d7a7d4a85699caf782 Mon Sep 17 00:00:00 2001
From: Muhdsodiq Bolarinwa <105107754+Amity808@users.noreply.github.com>
Date: Tue, 11 Mar 2025 02:54:40 +0000
Subject: [PATCH 1/2] fix darkmode dispaly hash display result

---
 packages/page-explorer/src/Forks.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/page-explorer/src/Forks.tsx b/packages/page-explorer/src/Forks.tsx
index d58f44d550be..04be16f8fad0 100644
--- a/packages/page-explorer/src/Forks.tsx
+++ b/packages/page-explorer/src/Forks.tsx
@@ -5,6 +5,7 @@ import type { Header } from '@polkadot/types/interfaces';
 
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 
+
 import { CardSummary, IdentityIcon, styled, SummaryBox } from '@polkadot/react-components';
 import { useApi } from '@polkadot/react-hooks';
 import { formatNumber } from '@polkadot/util';
@@ -134,9 +135,11 @@ function isSingleRow (cols: Col[]): boolean {
 }
 
 function renderCol ({ author, hash, isEmpty, isFinalized, parent, width }: Col, index: number): React.ReactNode {
+ 
+  
   return (
     <td
-      className={`header ${isEmpty ? 'isEmpty' : ''} ${isFinalized ? 'isFinalized' : ''}`}
+      className={`header ${isEmpty ? 'isEmpty' : ''} ${isFinalized ? 'isFinalized' : 'isNotFinal'}`}
       colSpan={width}
       key={`${hash}:${index}:${width}`}
     >
@@ -442,6 +445,11 @@ const StyledDiv = styled.div`
         &.isFinalized {
           background: rgba(0, 255, 0, 0.1);
         }
+        
+        &.isNotFinal {
+        color: rgba(0,0,0);
+        }
+        
 
         &.isLink {
           background: transparent;

From 4d5242500d011ee6522004cd3e91a9df35d7639d Mon Sep 17 00:00:00 2001
From: Muhdsodiq Bolarinwa <105107754+Amity808@users.noreply.github.com>
Date: Tue, 11 Mar 2025 03:19:26 +0000
Subject: [PATCH 2/2] run yarn lint fix

---
 packages/page-explorer/src/Forks.tsx | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/packages/page-explorer/src/Forks.tsx b/packages/page-explorer/src/Forks.tsx
index 04be16f8fad0..ed8d2ed98796 100644
--- a/packages/page-explorer/src/Forks.tsx
+++ b/packages/page-explorer/src/Forks.tsx
@@ -5,7 +5,6 @@ import type { Header } from '@polkadot/types/interfaces';
 
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 
-
 import { CardSummary, IdentityIcon, styled, SummaryBox } from '@polkadot/react-components';
 import { useApi } from '@polkadot/react-hooks';
 import { formatNumber } from '@polkadot/util';
@@ -135,8 +134,6 @@ function isSingleRow (cols: Col[]): boolean {
 }
 
 function renderCol ({ author, hash, isEmpty, isFinalized, parent, width }: Col, index: number): React.ReactNode {
- 
-  
   return (
     <td
       className={`header ${isEmpty ? 'isEmpty' : ''} ${isFinalized ? 'isFinalized' : 'isNotFinal'}`}
@@ -447,9 +444,8 @@ const StyledDiv = styled.div`
         }
         
         &.isNotFinal {
-        color: rgba(0,0,0);
+          color: rgba(0,0,0);
         }
-        
 
         &.isLink {
           background: transparent;