From c3a171e38e0a3322d5171b09499114d3a34d18e2 Mon Sep 17 00:00:00 2001
From: naturexie <786281870@qq.com>
Date: Tue, 25 Feb 2025 23:06:19 +0800
Subject: [PATCH] feat: rhea ui
---
components/Assets/index.tsx | 4 +-
components/ContentBox/ContentBox.tsx | 8 +--
components/CustomButton/CustomButton.tsx | 2 +-
components/CustomTable/CustomTable.tsx | 4 +-
components/CustomTooltips/CustomTooltips.tsx | 4 +-
components/Disclaimer/index.tsx | 4 +-
components/Disclaimer/svg.tsx | 6 +-
components/Header/WalletButton.tsx | 6 +-
components/Header/index.tsx | 18 ++++--
components/Header/stats/liquidity.tsx | 2 +-
components/Header/style.ts | 2 +-
components/Header/svg.tsx | 4 +-
components/Icons/Icons.tsx | 12 ++--
components/Modal/components.tsx | 4 +-
components/Modal/style.ts | 4 +-
components/NonFarmedAssets/index.tsx | 2 +-
components/Rpc/component/Common.tsx | 4 +-
components/Rpc/component/svg.tsx | 4 +-
components/SelectToken/svg.tsx | 2 +-
.../SemiCircleProgressBar.tsx | 6 +-
components/ToolTip/index.tsx | 4 +-
components/common/html-tooltip.tsx | 4 +-
components/popup/components/StakeCarousel.tsx | 32 +++++-----
.../popup/components/SupplyCarousel.tsx | 14 ++---
components/popup/index.tsx | 2 +-
pages/_app.tsx | 4 +-
pages/declaration.tsx | 4 +-
public/Rhea-logo.png | Bin 0 -> 2095542 bytes
public/brrr.svg | 2 +-
public/favicon.png | Bin 2060 -> 2025499 bytes
public/logo.svg | 27 ++++++--
public/svg/Group 24677.svg | 6 +-
public/svg/Group 24791.svg | 8 +--
public/svg/Group 74.svg | 44 ++++++-------
screens/Dashboard/dashboardOverview.tsx | 4 +-
screens/Dashboard/modalHistoryInfo.tsx | 2 +-
screens/Market/svg.tsx | 12 ++--
screens/Staking/index.tsx | 4 +-
screens/Staking/modalStaking.tsx | 2 +-
screens/TokenDetail/interestRateChart.tsx | 8 +--
screens/TokenDetail/svg.tsx | 20 +++---
.../TokenDetail/tokenBorrowSuppliesChart.tsx | 10 +--
styles/global.css | 58 +++++++++---------
tailwind.config.js | 25 ++++----
utils/theme.ts | 18 +++---
45 files changed, 222 insertions(+), 194 deletions(-)
create mode 100644 public/Rhea-logo.png
diff --git a/components/Assets/index.tsx b/components/Assets/index.tsx
index 8d8a89e1..45aa4de1 100644
--- a/components/Assets/index.tsx
+++ b/components/Assets/index.tsx
@@ -50,8 +50,8 @@ const assets = {
gradientUnits="userSpaceOnUse"
gradientTransform="rotate(90) scale(93 229.5)"
>
-
-
+
+
diff --git a/components/ContentBox/ContentBox.tsx b/components/ContentBox/ContentBox.tsx
index 87240d9c..f9a30da1 100644
--- a/components/ContentBox/ContentBox.tsx
+++ b/components/ContentBox/ContentBox.tsx
@@ -28,8 +28,8 @@ const StyledTipBox = styled.div<{ padding?: string }>`
gap: 4px;
position: relative;
border-radius: 6px;
- border: 1px solid #4f5178;
- background: #2e304b;
+ border: 1px solid #303037;
+ background: #202026;
font-size: 12px;
padding: ${(p) => p.padding ?? "20px 30px"};
`;
@@ -37,8 +37,8 @@ const StyledTipBox = styled.div<{ padding?: string }>`
const StyledBox = styled.div<{ padding?: string }>`
position: relative;
border-radius: 12px;
- border: 1px solid #31344d;
- background: #23253a;
+ border: 1px solid #303037;
+ background: #202026;
padding: ${(p) => p.padding ?? "20px 30px"};
@media (max-width: 767px) {
diff --git a/components/CustomButton/CustomButton.tsx b/components/CustomButton/CustomButton.tsx
index f0f9f5b8..1716417b 100644
--- a/components/CustomButton/CustomButton.tsx
+++ b/components/CustomButton/CustomButton.tsx
@@ -120,7 +120,7 @@ const btnColor = {
"border-primary border border-opacity-60 text-primary bg-primary hover:opacity-80 bg-opacity-5",
errorBorder:
"border border-red-50 border-opacity-60 text-red-50 bg-red-50 bg-opacity-5 hover:opacity-80",
- secondary: "border border-gray-500 hover:border-gray-400 text-gray-300",
+ secondary: "border border-gray-1300 hover:border-gray-400 text-gray-300",
secondary2: "border border-pink-400 hover:border-pink-400 text-pink-400",
third: "rounded-full border border-1 border-black text-black font-bold",
info: "border-yellow-50 bg-yellow-50 hover:opacity-80 text-black",
diff --git a/components/CustomTable/CustomTable.tsx b/components/CustomTable/CustomTable.tsx
index 8f75cc4d..1d7de9d5 100644
--- a/components/CustomTable/CustomTable.tsx
+++ b/components/CustomTable/CustomTable.tsx
@@ -256,7 +256,7 @@ const StyledTable = styled.div`
}
.custom-table-thead {
- border-bottom: 1px solid #31344d;
+ border-bottom: 1px solid #303037;
.custom-table-th {
text-align: left;
@@ -285,7 +285,7 @@ const StyledTable = styled.div`
.custom-table-row {
&.table-row-hover:hover {
- background: #33344c;
+ background: #25252c;
}
&:hover {
.custom-table-action {
diff --git a/components/CustomTooltips/CustomTooltips.tsx b/components/CustomTooltips/CustomTooltips.tsx
index 7ff23f6e..6ad646d0 100644
--- a/components/CustomTooltips/CustomTooltips.tsx
+++ b/components/CustomTooltips/CustomTooltips.tsx
@@ -25,9 +25,9 @@ const StyledWrapper = styled.div`
margin-bottom: 8px;
display: none;
border-radius: 5px;
- border: 1px solid #4f5178;
+ border: 1px solid #303037;
padding: 7px 7px 6px;
- background: #2e304b;
+ background: #202026;
line-height: 1.1;
box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.15);
width: 351px;
diff --git a/components/Disclaimer/index.tsx b/components/Disclaimer/index.tsx
index 8ae1a153..a2440a9e 100644
--- a/components/Disclaimer/index.tsx
+++ b/components/Disclaimer/index.tsx
@@ -49,7 +49,7 @@ export default function Disclaimer({ isOpen = false, onClose }) {
"&::-webkit-scrollbar, & *::-webkit-scrollbar": {
display: "none",
},
- border: "1px solid #4F5178",
+ border: "1px solid #303037",
[theme.breakpoints.down("sm")]: {
position: "absolute",
bottom: "0px",
@@ -175,7 +175,7 @@ export default function Disclaimer({ isOpen = false, onClose }) {
color: "#000",
fontSize: "16px",
textTransform: "none",
- ":hover": { backgroundColor: "#D2FF3A" },
+ ":hover": { backgroundColor: "#00F7A5" },
":disabled": { color: "#6D708D", backgroundColor: "#565874" },
}}
disabled={!checked1 || !checked2}
diff --git a/components/Disclaimer/svg.tsx b/components/Disclaimer/svg.tsx
index 8f1de2fa..ea349e21 100644
--- a/components/Disclaimer/svg.tsx
+++ b/components/Disclaimer/svg.tsx
@@ -8,10 +8,10 @@ function CheckedIcon(props: any) {
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
-
+
-
+
);
}
diff --git a/components/Header/WalletButton.tsx b/components/Header/WalletButton.tsx
index b0ecddbc..69cf976c 100644
--- a/components/Header/WalletButton.tsx
+++ b/components/Header/WalletButton.tsx
@@ -151,7 +151,7 @@ const WalletButton = () => {
padding: "0 20px",
borderRadius: "6px",
":hover": {
- backgroundColor: "#D2FF3A",
+ backgroundColor: "#00F7A5",
opacity: "0.8",
},
[theme.breakpoints.down("lg")]: {
@@ -379,7 +379,7 @@ const ClaimButtonInAccount = (props) => {
{...props}
className="flex items-center justify-center bg-primary rounded-md cursor-pointer text-sm font-bold text-dark-200 hover:opacity-80 w-20 h-8"
>
- {loading ? : <>Claim}
+ {loading ? : <>Claim}
);
};
@@ -420,7 +420,7 @@ export const ConnectWalletButton = ({
height: "42px",
borderRadius: "6px",
":hover": {
- backgroundColor: "#D2FF3A",
+ backgroundColor: "#00F7A5",
opacity: "0.8",
},
}}
diff --git a/components/Header/index.tsx b/components/Header/index.tsx
index e3afba00..3e821bd0 100644
--- a/components/Header/index.tsx
+++ b/components/Header/index.tsx
@@ -1,9 +1,9 @@
import React, { useState, useEffect } from "react";
import { useTheme, Box, Snackbar, Typography } from "@mui/material";
import { useRouter } from "next/router";
+import Image from "next/image";
import Link from "next/link";
import LogoIcon from "../../public/logo.svg";
-import BurrowIcon from "../../public/burrow.svg";
import BrrrIcon from "../../public/brrr.svg";
import WalletButton from "./WalletButton";
import Bridge from "./Bridge";
@@ -22,7 +22,7 @@ const MenuItem = ({ item }: { item: Imenu }) => {
const { title, link, allLinks } = item;
const router = useRouter();
const isSelected = allLinks?.includes(router.route);
- const style = isSelected ? { color: "#D2FF3A" } : {};
+ const style = isSelected ? { color: "#00F7A5" } : {};
return (
@@ -126,8 +126,18 @@ const Header = () => {
window.open("https://burrow.finance/");
}}
>
-
-
+ {/* */}
+ {/* 
*/}
+ {
+ window.open("https://www.ref.finance");
+ }}
+ />