revert re-skin

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`,

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`,

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`,

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",