diff --git a/CHANGELOG.md b/CHANGELOG.md
index 64f48e91d..2781ab0c2 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -51,6 +51,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Improvements
+- [#922](https://github.com/alleslabs/celatone-frontend/pull/922) Adjust color for latest blocks
- [#826](https://github.com/alleslabs/celatone-frontend/pull/826) Apply dynamic component theme generation
- [#795](https://github.com/alleslabs/celatone-frontend/pull/795) Rebranding
- [#907](https://github.com/alleslabs/celatone-frontend/pull/907) Migrate mahalo and minitias from 2 to 3
diff --git a/src/config/theme/default.ts b/src/config/theme/default.ts
index 445125616..cc73da92c 100644
--- a/src/config/theme/default.ts
+++ b/src/config/theme/default.ts
@@ -172,6 +172,11 @@ const DEFAULT_COMPONENT_CONFIG: ComponentConfig = {
votedAbstain: "primary.darker",
didNotVote: "gray.700",
},
+ recentBlocks: {
+ signed: "primary.dark",
+ proposed: "primary.light",
+ missed: "error.dark",
+ },
};
export const DEFAULT_THEME = generateTheme(
diff --git a/src/config/theme/initia.ts b/src/config/theme/initia.ts
index ffa75a19d..808a31c9c 100644
--- a/src/config/theme/initia.ts
+++ b/src/config/theme/initia.ts
@@ -1,3 +1,4 @@
+/* eslint-disable sonarjs/no-duplicate-string */
import type { ComponentConfig, ThemeConfig } from "./types";
import { generateTheme } from "./utils";
@@ -169,6 +170,11 @@ const INITIA_COMPONENT_CONFIG: ComponentConfig = {
votedAbstain: "primary.darker",
didNotVote: "gray.700",
},
+ recentBlocks: {
+ signed: "primary.darker",
+ proposed: "primary.lighter",
+ missed: "error.dark",
+ },
};
export const INITIA_THEME = generateTheme(
diff --git a/src/config/theme/osmosis.ts b/src/config/theme/osmosis.ts
index 28b1fdca6..eb222b87c 100644
--- a/src/config/theme/osmosis.ts
+++ b/src/config/theme/osmosis.ts
@@ -181,6 +181,11 @@ const OSMOSIS_COMPONENT_CONFIG: ComponentConfig = {
votedAbstain: "primary.darker",
didNotVote: "gray.700",
},
+ recentBlocks: {
+ signed: "primary.main",
+ proposed: "secondary.darker",
+ missed: "error.dark",
+ },
};
export const OSMOSIS_THEME = generateTheme(
diff --git a/src/config/theme/sei.ts b/src/config/theme/sei.ts
index f242b1f2b..9f020d051 100644
--- a/src/config/theme/sei.ts
+++ b/src/config/theme/sei.ts
@@ -97,7 +97,7 @@ const SEI_BASE_THEME: ThemeConfig = {
},
},
footer: {
- logo: "https://www.sei.io/_next/static/media/logo-light.1249fa55.svg",
+ logo: "https://assets.alleslabs.dev/integrations/sei/logo-sei.png",
description:
"A Smart Contract Explorer for Sei | Explore, deploy, execute, and query smart contracts on Sei from a user-friendly web UI",
iconStyle: "rounded",
@@ -178,6 +178,11 @@ const SEI_COMPONENT_CONFIG: ComponentConfig = {
votedAbstain: "accent.darker",
didNotVote: "gray.700",
},
+ recentBlocks: {
+ signed: "secondary.main",
+ proposed: "primary.main",
+ missed: "error.dark",
+ },
};
export const SEI_THEME = generateTheme(SEI_BASE_THEME, SEI_COMPONENT_CONFIG);
diff --git a/src/config/theme/types.ts b/src/config/theme/types.ts
index 68dc5bf01..6082dd691 100644
--- a/src/config/theme/types.ts
+++ b/src/config/theme/types.ts
@@ -164,4 +164,9 @@ export type ComponentConfig = {
votedAbstain: string;
didNotVote: string;
};
+ recentBlocks: {
+ signed: string;
+ proposed: string;
+ missed: string;
+ };
};
diff --git a/src/lib/components/icon/CustomIcon.tsx b/src/lib/components/icon/CustomIcon.tsx
index 733099959..9530df92f 100644
--- a/src/lib/components/icon/CustomIcon.tsx
+++ b/src/lib/components/icon/CustomIcon.tsx
@@ -13,68 +13,13 @@ export const ICONS = {
svg: (
<>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
),
viewBox: viewboxDefault,
@@ -352,64 +297,24 @@ export const ICONS = {
svg: (
<>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
),
- viewBox: "0 0 20 20",
+ viewBox: "0 0 14 14",
},
check: {
svg: (
diff --git a/src/lib/pages/interact-contract/components/InteractionTypeSwitch.tsx b/src/lib/pages/interact-contract/components/InteractionTypeSwitch.tsx
index 53ff8b23e..b67121f6b 100644
--- a/src/lib/pages/interact-contract/components/InteractionTypeSwitch.tsx
+++ b/src/lib/pages/interact-contract/components/InteractionTypeSwitch.tsx
@@ -76,7 +76,7 @@ export const InteractionTypeSwitch = <
h="22px"
position="absolute"
borderRadius="2px"
- backgroundColor="primary.dark"
+ backgroundColor="primary.darker"
animate={{
left: activeIndex === 0 ? "4px" : "100px",
}}
diff --git a/src/lib/pages/validator-details/components/performance/RecentBlocksLegends.tsx b/src/lib/pages/validator-details/components/performance/RecentBlocksLegends.tsx
index 64fd3e12d..8580bc04a 100644
--- a/src/lib/pages/validator-details/components/performance/RecentBlocksLegends.tsx
+++ b/src/lib/pages/validator-details/components/performance/RecentBlocksLegends.tsx
@@ -53,19 +53,19 @@ export const RecentBlocksLegends = ({
diff --git a/src/lib/pages/validator-details/components/performance/RecentBlocksSection.tsx b/src/lib/pages/validator-details/components/performance/RecentBlocksSection.tsx
index a1af483cb..76823f130 100644
--- a/src/lib/pages/validator-details/components/performance/RecentBlocksSection.tsx
+++ b/src/lib/pages/validator-details/components/performance/RecentBlocksSection.tsx
@@ -18,14 +18,14 @@ interface BlockProps {
const Block = forwardRef(
({ height, vote }, ref) => {
- let backgroundColor = "primary.main";
+ let backgroundColor = "recentBlocks.signed";
let voteLabel = "Signed";
if (vote === BlockVote.PROPOSE) {
- backgroundColor = "secondary.main";
+ backgroundColor = "recentBlocks.proposed";
voteLabel = "Proposed";
} else if (vote === BlockVote.ABSTAIN) {
- backgroundColor = "error.dark";
+ backgroundColor = "recentBlocks.missed";
voteLabel = "Missed";
}