Update tooltip colors

src/components/ui/Tooltip.tsx

@@ -10,6 +10,7 @@ const ArrowDown = styled(Box)`
   border-left: 8px solid transparent;
   border-right: 8px solid transparent;
   border-top: 8px solid ${(props) => props.theme.global.colors.backgroundTip};
+  border-bottom: 0 solid transparent;
 `
 
 export const TipContent = (props: { message: string | JSX.Element, showArrow?: boolean }) => {

src/pages/AddressPage/tabs/transactions/columns/common.tsx

@@ -53,8 +53,7 @@ export const TxMethod = styled(Text)`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  // background: ${(props) => props.theme.global.colors.backgroundTip};
-  background-color: #EFF8FF;
+  background: ${(props) => props.theme.global.colors.backgroundMark};
   font-size: 12px;
 `
 
@@ -64,7 +63,6 @@ export const TextEllipsis = styled(Text)`
   text-overflow: ellipsis;
 `
 
-
 export const memo = (f: Function) => {
   const cache = new Map()
 

src/theme.ts

@@ -3,6 +3,7 @@ export const palette = {
   LightGrey: "#e7ecf7",
   Grey: "#b1b1b1",
   CoolGray: "#758796",
+  WhiteBlue: '#EFF8FF',
   Purple: "#00AEE9",
   ElectricBlue: "#00AEE9",
   ElectricBlueLight: "#e8f3ff",
@@ -43,6 +44,7 @@ export const theme = {
       backgroundSuccess: "rgb(106 250 188 / 44%)",
       backgroundToaster: "rgba(0, 174, 233, 0.7)",
       backgroundTip: palette.MidnightBlue,
+      backgroundMark: palette.WhiteBlue,
       warning: palette.GoldenBrown,
       warningBackground: palette.WhiteBrown,
       success: palette.DarkGreen,
@@ -135,6 +137,7 @@ export const darkTheme = {
       backgroundToaster: "rgb(93 111 181 / 70%)",
       selected: "#3c53a2",
       backgroundTip: '#22577E',
+      backgroundMark: '#3660ad',
       warning: palette.GoldenBrown,
       warningBackground: palette.WhiteBrown,
       success: palette.DarkGreen,