From a87f8deda102ef526f6170063a25ce54939a5166 Mon Sep 17 00:00:00 2001 From: Yana Date: Thu, 24 Jul 2025 18:01:01 +0300 Subject: [PATCH] revert re-skin --- explorer-v2/src/components/nodeTable/NodeTable.tsx | 9 +++++---- .../nymNodePageComponents/DelegationsTable.tsx | 9 +++++---- explorer-v2/src/components/staking/StakeTable.tsx | 9 +++++---- explorer-v2/src/theme/colours.ts | 6 +++--- 4 files changed, 18 insertions(+), 15 deletions(-) diff --git a/explorer-v2/src/components/nodeTable/NodeTable.tsx b/explorer-v2/src/components/nodeTable/NodeTable.tsx index b9370d8c81..8cbcaed2cd 100644 --- a/explorer-v2/src/components/nodeTable/NodeTable.tsx +++ b/explorer-v2/src/components/nodeTable/NodeTable.tsx @@ -31,6 +31,7 @@ import { fee } from "../staking/schemas"; import ConnectWallet from "../wallet/ConnectWallet"; import type { MappedNymNode, MappedNymNodes } from "./NodeTableWithAction"; import CopyToClipboard from "../copyToClipboard/CopyToClipboard"; +import { colours } from "@/theme/colours"; const ColumnHeading = ({ children, @@ -518,14 +519,14 @@ const NodeTable = ({ nodes }: { nodes: MappedNymNodes }) => { ":nth-child(even)": { bgcolor: theme.palette.mode === "dark" - ? "#06252B !important" - : "white !important", + ? `${colours.pine[950]} !important` + : `${colours.base.white} !important`, }, ":nth-child(odd)": { bgcolor: theme.palette.mode === "dark" - ? "#0A333B !important" - : "#F3F7FB !important", + ? `${colours.pine[800]} !important` + : `${colours.haze[25]} !important`, }, "&:hover": { backgroundColor: `${theme.palette.mode === "dark" ? "#004449" : "#E5E7EB"} !important`, diff --git a/explorer-v2/src/components/nymNodePageComponents/DelegationsTable.tsx b/explorer-v2/src/components/nymNodePageComponents/DelegationsTable.tsx index 2451724ced..ccb0f81071 100644 --- a/explorer-v2/src/components/nymNodePageComponents/DelegationsTable.tsx +++ b/explorer-v2/src/components/nymNodePageComponents/DelegationsTable.tsx @@ -11,6 +11,7 @@ import { import { useRouter } from "next/navigation"; import { useMemo } from "react"; import type { NodeRewardDetails } from "../../app/api/types"; +import { colours } from "@/theme/colours"; const ColumnHeading = ({ children, @@ -144,14 +145,14 @@ const DelegationsTable = ({ id }: Props) => { ":nth-child(even)": { bgcolor: theme.palette.mode === "dark" - ? "#06252B !important" - : "white !important", + ? `${colours.pine[950]} !important` + : `${colours.base.white} !important`, }, ":nth-child(odd)": { bgcolor: theme.palette.mode === "dark" - ? "#0A333B !important" - : "#F3F7FB !important", + ? `${colours.pine[800]} !important` + : `${colours.haze[25]} !important`, }, "&:hover": { backgroundColor: `${theme.palette.mode === "dark" ? "#004449" : "#E5E7EB"} !important`, diff --git a/explorer-v2/src/components/staking/StakeTable.tsx b/explorer-v2/src/components/staking/StakeTable.tsx index d094e349d6..ca1b677104 100644 --- a/explorer-v2/src/components/staking/StakeTable.tsx +++ b/explorer-v2/src/components/staking/StakeTable.tsx @@ -37,6 +37,7 @@ import StakeActions from "./StakeActions"; import StakeModal from "./StakeModal"; import type { MappedNymNode, MappedNymNodes } from "./StakeTableWithAction"; import { fee } from "./schemas"; +import { colours } from "@/theme/colours"; type DelegationWithNodeDetails = { @@ -659,14 +660,14 @@ const StakeTable = ({ nodes }: { nodes: MappedNymNodes }) => { ":nth-child(even)": { bgcolor: theme.palette.mode === "dark" - ? "#06252B !important" - : "white !important", + ? `${colours.pine[950]} !important` + : `${colours.base.white} !important`, }, ":nth-child(odd)": { bgcolor: theme.palette.mode === "dark" - ? "#0A333B !important" - : "#F3F7FB !important", + ? `${colours.pine[800]} !important` + : `${colours.haze[25]} !important`, }, "&:hover": { backgroundColor: `${theme.palette.mode === "dark" ? "#004449" : "#E5E7EB"} !important`, diff --git a/explorer-v2/src/theme/colours.ts b/explorer-v2/src/theme/colours.ts index 683e5b1810..c010f5ccf0 100644 --- a/explorer-v2/src/theme/colours.ts +++ b/explorer-v2/src/theme/colours.ts @@ -19,9 +19,9 @@ export const colours = { 200: "#CAD6D7", 300: "#A6B9BA", 600: "#4C666A", - 800: "#004449", - 900: "#0A333B", - 950: "#06252B", + 800: "#374042", + 900: "#374042", + 950: "#242B2D", }, base: { white: "#FFFFFF",