diff --git a/functions/nfts/asset/__snapshots__/nft.test.ts.snap b/functions/nfts/asset/__snapshots__/nft.test.ts.snap index 788e92949fc..810d48a0449 100644 --- a/functions/nfts/asset/__snapshots__/nft.test.ts.snap +++ b/functions/nfts/asset/__snapshots__/nft.test.ts.snap @@ -128,7 +128,7 @@ exports[`should inject metadata for valid assets 1`] = ` @media (prefers-color-scheme: light) { html { - background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255); + background: radial-gradient(100% 100% at 50% 0%, rgba(184, 255, 213, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255); } } @@ -276,7 +276,7 @@ exports[`should inject metadata for valid assets 2`] = ` @media (prefers-color-scheme: light) { html { - background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255); + background: radial-gradient(100% 100% at 50% 0%, rgba(184, 255, 213, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255); } } @@ -424,7 +424,7 @@ exports[`should inject metadata for valid assets 3`] = ` @media (prefers-color-scheme: light) { html { - background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255); + background: radial-gradient(100% 100% at 50% 0%, rgba(184, 255, 213, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255); } } diff --git a/functions/nfts/collection/__snapshots__/collection.test.ts.snap b/functions/nfts/collection/__snapshots__/collection.test.ts.snap index d02070483c9..f90dd60c7c1 100644 --- a/functions/nfts/collection/__snapshots__/collection.test.ts.snap +++ b/functions/nfts/collection/__snapshots__/collection.test.ts.snap @@ -128,7 +128,7 @@ exports[`should inject metadata for collections 1`] = ` @media (prefers-color-scheme: light) { html { - background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255); + background: radial-gradient(100% 100% at 50% 0%, rgba(184, 255, 213, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255); } } @@ -276,7 +276,7 @@ exports[`should inject metadata for collections 2`] = ` @media (prefers-color-scheme: light) { html { - background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255); + background: radial-gradient(100% 100% at 50% 0%, rgba(184, 255, 213, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255); } } @@ -424,7 +424,7 @@ exports[`should inject metadata for collections 3`] = ` @media (prefers-color-scheme: light) { html { - background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255); + background: radial-gradient(100% 100% at 50% 0%, rgba(184, 255, 213, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255); } } @@ -572,7 +572,7 @@ exports[`should inject metadata for collections 4`] = ` @media (prefers-color-scheme: light) { html { - background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255); + background: radial-gradient(100% 100% at 50% 0%, rgba(184, 255, 213, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255); } } diff --git a/functions/tokens/__snapshots__/token.test.ts.snap b/functions/tokens/__snapshots__/token.test.ts.snap index 8fde560c668..ff86fc04827 100644 --- a/functions/tokens/__snapshots__/token.test.ts.snap +++ b/functions/tokens/__snapshots__/token.test.ts.snap @@ -128,7 +128,7 @@ exports[`should inject metadata for valid tokens 1`] = ` @media (prefers-color-scheme: light) { html { - background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255); + background: radial-gradient(100% 100% at 50% 0%, rgba(184, 255, 213, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255); } } @@ -276,7 +276,7 @@ exports[`should inject metadata for valid tokens 2`] = ` @media (prefers-color-scheme: light) { html { - background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255); + background: radial-gradient(100% 100% at 50% 0%, rgba(184, 255, 213, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255); } } @@ -424,7 +424,7 @@ exports[`should inject metadata for valid tokens 3`] = ` @media (prefers-color-scheme: light) { html { - background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255); + background: radial-gradient(100% 100% at 50% 0%, rgba(184, 255, 213, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255); } } @@ -572,7 +572,7 @@ exports[`should inject metadata for valid tokens 4`] = ` @media (prefers-color-scheme: light) { html { - background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255); + background: radial-gradient(100% 100% at 50% 0%, rgba(184, 255, 213, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255); } } diff --git a/package.json b/package.json index e28b5c6ad3f..2cc7f7b6fc4 100644 --- a/package.json +++ b/package.json @@ -300,7 +300,7 @@ }, "engines": { "npm": "please-use-yarn", - "node": "18.x", + "node": "20.x", "yarn": ">=1.22" } } diff --git a/public/images/256x256_App_Icon_Pink.svg b/public/images/256x256_App_Icon_Pink.svg index 8c8286838d4..76062585674 100644 --- a/public/images/256x256_App_Icon_Pink.svg +++ b/public/images/256x256_App_Icon_Pink.svg @@ -1,11 +1,11 @@ - - - - - - - - - + + + + + + + + + diff --git a/public/index.html b/public/index.html index 3f8c238b5a0..0b31e6f89f1 100644 --- a/public/index.html +++ b/public/index.html @@ -127,7 +127,7 @@ @media (prefers-color-scheme: light) { html { - background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255); + background: radial-gradient(100% 100% at 50% 0%, rgba(184, 255, 213, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255); } } diff --git a/public/manifest.json b/public/manifest.json index 64e0ec04ef9..23b53165137 100644 --- a/public/manifest.json +++ b/public/manifest.json @@ -26,5 +26,5 @@ "iconPath": "./images/256x256_App_Icon_Pink.svg", "short_name": "Uniswap", "start_url": ".", - "theme_color": "#FC72FF" + "theme_color": "#75ff72" } \ No newline at end of file diff --git a/src/assets/wallets/browser-wallet-light.svg b/src/assets/wallets/browser-wallet-light.svg index 290de6a3e64..68d91b9948a 100644 --- a/src/assets/wallets/browser-wallet-light.svg +++ b/src/assets/wallets/browser-wallet-light.svg @@ -1,5 +1,5 @@ - - + + diff --git a/src/components/About/ProtocolBanner.tsx b/src/components/About/ProtocolBanner.tsx index 9eb04a01f48..565b20869a3 100644 --- a/src/components/About/ProtocolBanner.tsx +++ b/src/components/About/ProtocolBanner.tsx @@ -25,7 +25,7 @@ const Banner = styled.div<{ isDarkMode: boolean }>` background: ${({ isDarkMode }) => isDarkMode ? `url(${meshSrc}), ${DARK_MODE_GRADIENT}` - : `url(${meshSrc}), linear-gradient(93.06deg, #FF00C7 2.66%, #FF9FFB 98.99%);`}; + : `url(${meshSrc}), linear-gradient(93.06deg, #00ff38 2.66%, #9fffa3 98.99%);`}; @media screen and (min-width: ${BREAKPOINTS.lg}px) { height: 140px; diff --git a/src/components/NavBar/__snapshots__/ChainSelectorRow.test.tsx.snap b/src/components/NavBar/__snapshots__/ChainSelectorRow.test.tsx.snap index df639228f67..1f09ec7047f 100644 --- a/src/components/NavBar/__snapshots__/ChainSelectorRow.test.tsx.snap +++ b/src/components/NavBar/__snapshots__/ChainSelectorRow.test.tsx.snap @@ -82,7 +82,7 @@ exports[`ChainSelectorRow should match snapshot for chainId 1 1`] = ` class="c3" > ` @@ -161,7 +161,7 @@ export default function AddressClaimModal({ isOpen, onDismiss }: { isOpen: boole {claimConfirmed ? Claimed : Claiming} {!claimConfirmed && ( - + {unclaimedAmount?.toFixed(0, { groupSeparator: ',' } ?? '-')} UNI )} diff --git a/src/components/earn/styled.tsx b/src/components/earn/styled.tsx index a1ca41c7ba6..92cf55fd243 100644 --- a/src/components/earn/styled.tsx +++ b/src/components/earn/styled.tsx @@ -6,7 +6,7 @@ import xlUnicorn from '../../assets/images/xl_uni.png' import { AutoColumn } from '../Column' export const DataCard = styled(AutoColumn)<{ disabled?: boolean }>` - background: radial-gradient(76.02% 75.41% at 1.84% 0%, #ff007a 0%, #2172e5 100%); + background: radial-gradient(76.02% 75.41% at 1.84% 0%, #000000 0%, #2172e5 100%); border-radius: 12px; width: 100%; position: relative; diff --git a/src/components/swap/__snapshots__/SwapLineItem.test.tsx.snap b/src/components/swap/__snapshots__/SwapLineItem.test.tsx.snap index 05b2fcf01b1..7d50326336d 100644 --- a/src/components/swap/__snapshots__/SwapLineItem.test.tsx.snap +++ b/src/components/swap/__snapshots__/SwapLineItem.test.tsx.snap @@ -64,8 +64,8 @@ exports[`SwapLineItem.tsx dutch order eth input 1`] = ` cursor: pointer; -webkit-transition-duration: 125ms; transition-duration: 125ms; - color: #FC72FF; - stroke: #FC72FF; + color: #75ff72; + stroke: #75ff72; font-weight: 500; } @@ -302,8 +302,8 @@ exports[`SwapLineItem.tsx dutch order eth input 1`] = ` cursor: pointer; -webkit-transition-duration: 125ms; transition-duration: 125ms; - color: #FC72FF; - stroke: #FC72FF; + color: #75ff72; + stroke: #75ff72; font-weight: 500; } @@ -775,8 +775,8 @@ exports[`SwapLineItem.tsx dutch order eth input 1`] = ` cursor: pointer; -webkit-transition-duration: 125ms; transition-duration: 125ms; - color: #FC72FF; - stroke: #FC72FF; + color: #75ff72; + stroke: #75ff72; font-weight: 500; } @@ -1069,8 +1069,8 @@ exports[`SwapLineItem.tsx exact input 1`] = ` cursor: pointer; -webkit-transition-duration: 125ms; transition-duration: 125ms; - color: #FC72FF; - stroke: #FC72FF; + color: #75ff72; + stroke: #75ff72; font-weight: 500; } @@ -1482,8 +1482,8 @@ exports[`SwapLineItem.tsx exact input 1`] = ` cursor: pointer; -webkit-transition-duration: 125ms; transition-duration: 125ms; - color: #FC72FF; - stroke: #FC72FF; + color: #75ff72; + stroke: #75ff72; font-weight: 500; } @@ -2499,8 +2499,8 @@ exports[`SwapLineItem.tsx exact input api 1`] = ` cursor: pointer; -webkit-transition-duration: 125ms; transition-duration: 125ms; - color: #FC72FF; - stroke: #FC72FF; + color: #75ff72; + stroke: #75ff72; font-weight: 500; } @@ -2912,8 +2912,8 @@ exports[`SwapLineItem.tsx exact input api 1`] = ` cursor: pointer; -webkit-transition-duration: 125ms; transition-duration: 125ms; - color: #FC72FF; - stroke: #FC72FF; + color: #75ff72; + stroke: #75ff72; font-weight: 500; } @@ -3929,8 +3929,8 @@ exports[`SwapLineItem.tsx exact output 1`] = ` cursor: pointer; -webkit-transition-duration: 125ms; transition-duration: 125ms; - color: #FC72FF; - stroke: #FC72FF; + color: #75ff72; + stroke: #75ff72; font-weight: 500; } @@ -4342,8 +4342,8 @@ exports[`SwapLineItem.tsx exact output 1`] = ` cursor: pointer; -webkit-transition-duration: 125ms; transition-duration: 125ms; - color: #FC72FF; - stroke: #FC72FF; + color: #75ff72; + stroke: #75ff72; font-weight: 500; } @@ -5359,8 +5359,8 @@ exports[`SwapLineItem.tsx fee on buy 1`] = ` cursor: pointer; -webkit-transition-duration: 125ms; transition-duration: 125ms; - color: #FC72FF; - stroke: #FC72FF; + color: #75ff72; + stroke: #75ff72; font-weight: 500; } @@ -5575,8 +5575,8 @@ exports[`SwapLineItem.tsx fee on buy 1`] = ` cursor: pointer; -webkit-transition-duration: 125ms; transition-duration: 125ms; - color: #FC72FF; - stroke: #FC72FF; + color: #75ff72; + stroke: #75ff72; font-weight: 500; } @@ -5978,8 +5978,8 @@ exports[`SwapLineItem.tsx fee on buy 1`] = ` cursor: pointer; -webkit-transition-duration: 125ms; transition-duration: 125ms; - color: #FC72FF; - stroke: #FC72FF; + color: #75ff72; + stroke: #75ff72; font-weight: 500; } @@ -6995,8 +6995,8 @@ exports[`SwapLineItem.tsx fee on sell 1`] = ` cursor: pointer; -webkit-transition-duration: 125ms; transition-duration: 125ms; - color: #FC72FF; - stroke: #FC72FF; + color: #75ff72; + stroke: #75ff72; font-weight: 500; } @@ -7211,8 +7211,8 @@ exports[`SwapLineItem.tsx fee on sell 1`] = ` cursor: pointer; -webkit-transition-duration: 125ms; transition-duration: 125ms; - color: #FC72FF; - stroke: #FC72FF; + color: #75ff72; + stroke: #75ff72; font-weight: 500; } @@ -7614,8 +7614,8 @@ exports[`SwapLineItem.tsx fee on sell 1`] = ` cursor: pointer; -webkit-transition-duration: 125ms; transition-duration: 125ms; - color: #FC72FF; - stroke: #FC72FF; + color: #75ff72; + stroke: #75ff72; font-weight: 500; } @@ -8613,8 +8613,8 @@ exports[`SwapLineItem.tsx preview exact in 1`] = ` cursor: pointer; -webkit-transition-duration: 125ms; transition-duration: 125ms; - color: #FC72FF; - stroke: #FC72FF; + color: #75ff72; + stroke: #75ff72; font-weight: 500; } @@ -9048,8 +9048,8 @@ exports[`SwapLineItem.tsx preview exact in 1`] = ` cursor: pointer; -webkit-transition-duration: 125ms; transition-duration: 125ms; - color: #FC72FF; - stroke: #FC72FF; + color: #75ff72; + stroke: #75ff72; font-weight: 500; } diff --git a/src/components/swap/__snapshots__/SwapModalFooter.test.tsx.snap b/src/components/swap/__snapshots__/SwapModalFooter.test.tsx.snap index 66278adacc9..dda693a071a 100644 --- a/src/components/swap/__snapshots__/SwapModalFooter.test.tsx.snap +++ b/src/components/swap/__snapshots__/SwapModalFooter.test.tsx.snap @@ -412,7 +412,7 @@ exports[`SwapModalFooter.tsx matches base snapshot, test trade exact input 1`] = } .c5 { - background-color: #FC72FF; + background-color: #75ff72; font-size: 20px; font-weight: 535; padding: 16px; @@ -922,7 +922,7 @@ exports[`SwapModalFooter.tsx renders a preview trade while disabling submission } .c5 { - background-color: #FC72FF; + background-color: #75ff72; font-size: 20px; font-weight: 535; padding: 16px; diff --git a/src/components/swap/__snapshots__/UnsupportedCurrencyFooter.test.tsx.snap b/src/components/swap/__snapshots__/UnsupportedCurrencyFooter.test.tsx.snap index d58ce885e32..16f57646c48 100644 --- a/src/components/swap/__snapshots__/UnsupportedCurrencyFooter.test.tsx.snap +++ b/src/components/swap/__snapshots__/UnsupportedCurrencyFooter.test.tsx.snap @@ -27,7 +27,7 @@ exports[`UnsupportedCurrencyFooter.tsx with unsupported tokens renders 1`] = ` } .c5 { - color: #FC72FF; + color: #75ff72; } .c2 { @@ -89,7 +89,7 @@ exports[`UnsupportedCurrencyFooter.tsx with unsupported tokens renders 1`] = ` .c3 { background-color: transparent; - color: #FC72FF; + color: #75ff72; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; diff --git a/src/nft/components/collection/__snapshots__/CollectionAsset.test.tsx.snap b/src/nft/components/collection/__snapshots__/CollectionAsset.test.tsx.snap index e60138298e3..8af4831efd0 100644 --- a/src/nft/components/collection/__snapshots__/CollectionAsset.test.tsx.snap +++ b/src/nft/components/collection/__snapshots__/CollectionAsset.test.tsx.snap @@ -104,7 +104,7 @@ exports[`NftCard renders correctly 1`] = ` left: 8px; right: 8px; color: #F5F6FC; - background: #FC72FF; + background: #75ff72; -webkit-transition: 250ms ease bottom,250ms ease visibility; transition: 250ms ease bottom,250ms ease visibility; will-change: transform; diff --git a/src/nft/components/icons.tsx b/src/nft/components/icons.tsx index f28815ab2ca..fc8ddd8a4d4 100644 --- a/src/nft/components/icons.tsx +++ b/src/nft/components/icons.tsx @@ -12,11 +12,11 @@ type SVGProps = React.SVGProps & { } export const UniIcon = (props: SVGProps) => ( - + @@ -149,7 +149,7 @@ export const LightningBoltIcon = (props: SVGProps) => ( ( fillRule="evenodd" clipRule="evenodd" d="M8.26028 7.69661C8.2265 7.827 8.16752 7.94944 8.0867 8.05696C7.93627 8.25309 7.73717 8.40605 7.50935 8.50052C7.30443 8.58922 7.08744 8.64655 6.8656 8.67061C6.81999 8.67641 6.77273 8.68001 6.72695 8.68349L6.72692 8.68349L6.71944 8.68406C6.57894 8.68943 6.44384 8.73983 6.33392 8.82791C6.224 8.91598 6.14503 9.03709 6.10858 9.17351C6.09189 9.24138 6.07949 9.31024 6.07143 9.37969C6.05867 9.4844 6.0521 9.59161 6.04499 9.70758L6.04499 9.7076C6.03989 9.79082 6.03451 9.87856 6.02636 9.97313C5.97864 10.3583 5.86772 10.7329 5.6981 11.0817C5.66343 11.155 5.62809 11.2261 5.59338 11.2959C5.40739 11.6701 5.23937 12.008 5.28761 12.4607C5.32537 12.8095 5.50321 13.0432 5.73951 13.2842C5.85174 13.3995 6.00056 13.4981 6.15504 13.6003C6.58739 13.8866 7.06406 14.2022 6.90702 14.9973C6.77851 15.6415 5.71515 16.3175 4.2206 16.5537C4.36557 16.5316 4.04625 15.9843 4.01077 15.9235L4.00866 15.9199C3.96746 15.855 3.92525 15.7912 3.88311 15.7274L3.88309 15.7274L3.88309 15.7274C3.76142 15.5433 3.64034 15.3601 3.5458 15.157C3.29609 14.6265 3.18038 14.0129 3.2827 13.4317C3.37538 12.9056 3.72157 12.4854 4.05489 12.0808C4.10923 12.0149 4.16323 11.9493 4.21573 11.8838C4.66153 11.3277 5.12927 10.599 5.2328 9.87708C5.24153 9.81436 5.24933 9.74598 5.25753 9.67402C5.2722 9.54524 5.28819 9.40501 5.31319 9.26528C5.35036 9.02398 5.4256 8.79019 5.53609 8.57271C5.61152 8.43009 5.71082 8.30157 5.82965 8.19278C5.8916 8.13503 5.93248 8.05806 5.94573 7.9742C5.95898 7.89035 5.94384 7.80445 5.90273 7.73026L3.52022 3.4256L6.94234 7.66786C6.98131 7.71701 7.03057 7.75695 7.08663 7.78484C7.14269 7.81273 7.20417 7.82788 7.26671 7.82922C7.32925 7.83056 7.39132 7.81807 7.44852 7.79261C7.50571 7.76716 7.55663 7.72937 7.59765 7.68193C7.641 7.63115 7.66558 7.56689 7.66725 7.50002C7.66891 7.43314 7.64756 7.36774 7.60679 7.31484C7.44767 7.11058 7.28207 6.90352 7.11724 6.69742L7.11693 6.69703C7.05033 6.61376 6.98385 6.53063 6.91798 6.44792L6.05682 5.37726L4.32839 3.23962L2.40918 0.957275L4.55008 3.04812L6.38995 5.09155L7.30776 6.11571C7.39208 6.21109 7.4764 6.30562 7.56072 6.40016C7.78091 6.64702 8.0011 6.89388 8.2213 7.15578L8.27124 7.21696L8.2822 7.31179C8.29704 7.44037 8.28963 7.57057 8.26028 7.69661ZM17.0557 9.13522L17.0593 9.14073L17.0593 9.14022C17.0585 8.68377 16.7771 7.93092 16.2079 7.20681L16.1945 7.18907C16.0191 6.97129 15.828 6.7668 15.6226 6.57727L15.6058 6.56111L15.625 6.57774C15.6005 6.55502 15.5756 6.53252 15.5507 6.51012L15.5032 6.467L15.5386 6.49973L15.5008 6.46653C15.2378 6.23604 14.9502 6.03537 14.6433 5.86818L14.6214 5.85717C13.6573 5.32979 12.4027 5.05815 10.8558 5.36406C10.648 5.11068 10.4242 4.87097 10.1859 4.64641C9.82077 4.29694 9.39101 4.02277 8.9209 3.83944C8.45502 3.66813 7.9561 3.607 7.46289 3.66079C7.93832 3.70379 8.40139 3.83664 8.82772 4.05235C9.23946 4.27394 9.61026 4.56489 9.92397 4.91254C10.2419 5.26742 10.5408 5.63911 10.8192 6.02603L10.8891 6.11741C11.1616 6.47389 11.439 6.83678 11.7846 7.1597C11.9748 7.33953 12.187 7.49433 12.4161 7.62039C12.477 7.65159 12.5385 7.68096 12.5988 7.70666C12.6591 7.73235 12.7158 7.75621 12.7767 7.77824C12.8942 7.82412 13.016 7.86205 13.1378 7.89693C13.625 8.03642 14.1238 8.08659 14.611 8.11351C14.6789 8.11709 14.7466 8.12044 14.814 8.12378C14.988 8.13239 15.1604 8.14093 15.3303 8.15327C15.5631 8.16717 15.794 8.20363 16.0197 8.26217C16.3589 8.35099 16.6575 8.55399 16.8657 8.83727C16.9364 8.93161 17 9.03121 17.0557 9.13522ZM15.0299 11.0846C13.4631 10.446 11.8242 9.77791 12.0682 7.90283C12.5913 8.46392 13.4125 8.58159 14.3056 8.70957C15.1158 8.82566 15.9851 8.95023 16.745 9.42194C18.5379 10.5342 18.2761 12.6951 17.667 13.4904C17.7219 12.182 16.4037 11.6446 15.0299 11.0846ZM8.70682 10.1459C9.12035 10.1061 10.0016 9.89012 9.60757 9.19327C9.52279 9.05151 9.39993 8.93664 9.25309 8.86186C9.10626 8.78708 8.94141 8.75542 8.77747 8.77052C8.6111 8.78845 8.45424 8.85736 8.32819 8.9679C8.20214 9.07844 8.11298 9.22526 8.07283 9.38844C7.95041 9.84423 8.08013 10.207 8.70682 10.1459ZM8.59812 4.63104C8.33868 4.33003 7.93611 4.17219 7.54146 4.11468C7.5267 4.21341 7.51734 4.31287 7.51345 4.41263C7.49579 5.23428 7.78629 6.1367 8.34842 6.7638C8.52823 6.96652 8.74511 7.13267 8.98729 7.25324C9.12737 7.32176 9.49887 7.49185 9.63651 7.3389C9.64699 7.32488 9.65359 7.30832 9.65562 7.29091C9.65765 7.2735 9.65505 7.25585 9.64808 7.23978C9.62528 7.17428 9.58121 7.11485 9.53747 7.05585L9.53747 7.05585C9.50644 7.01401 9.47558 6.97239 9.45259 6.92899C9.42932 6.88521 9.40443 6.84254 9.37956 6.7999L9.37956 6.79989L9.37955 6.79988L9.37955 6.79988L9.37955 6.79987L9.37954 6.79986L9.37954 6.79985C9.33282 6.71975 9.28616 6.63975 9.25039 6.55272C9.15602 6.3249 9.10688 6.08265 9.05789 5.84116C9.04807 5.79277 9.03826 5.74441 9.0281 5.6962C8.95319 5.32361 8.85757 4.93205 8.59812 4.63104ZM14.1416 11.1862C13.7391 12.3144 14.3883 13.2674 15.0336 14.2147C15.7554 15.2744 16.4724 16.3271 15.7074 17.6101C17.1941 16.9934 17.8999 15.1305 17.283 13.6524C16.8942 12.7175 15.9573 12.2106 15.0876 11.7402C14.7501 11.5577 14.4228 11.3806 14.1416 11.1862ZM9.78299 13.8799C9.51358 13.9903 9.25954 14.1353 9.02718 14.3112C9.5555 14.1187 10.1101 14.0088 10.6716 13.9851C10.7734 13.9791 10.8758 13.9743 10.9792 13.9695L10.9793 13.9695C11.1579 13.9613 11.3391 13.9529 11.5242 13.9374C11.8277 13.9167 12.127 13.855 12.414 13.7538C12.7148 13.6481 12.9885 13.4768 13.2155 13.2522C13.4448 13.0203 13.6056 12.7291 13.6802 12.4109C13.7457 12.1104 13.7365 11.7982 13.6533 11.5021C13.5702 11.2059 13.4156 10.935 13.2033 10.7132C13.3057 10.9741 13.3687 11.249 13.3903 11.5287C13.4088 11.7891 13.3736 12.0505 13.2867 12.2965C13.2019 12.5297 13.0634 12.7394 12.8823 12.9083C12.6953 13.0789 12.4788 13.2137 12.2435 13.306C11.9164 13.4384 11.5466 13.4925 11.1613 13.5489C10.9856 13.5746 10.8066 13.6009 10.6271 13.6352C10.3383 13.6883 10.0555 13.7703 9.78299 13.8799ZM14.4825 18.5143L14.4282 18.558L14.4282 18.5581C14.3601 18.6131 14.2909 18.6691 14.2164 18.7193C14.1214 18.7822 14.0218 18.8378 13.9186 18.8857C13.7036 18.9911 13.4671 19.0449 13.2279 19.0429C12.5799 19.0307 12.1219 18.5462 11.854 17.9986C11.7837 17.8551 11.7218 17.7071 11.6599 17.5591C11.5609 17.3223 11.4618 17.0855 11.3284 16.8667C11.0184 16.3583 10.4879 15.949 9.86671 16.0249C9.61335 16.0567 9.37583 16.1711 9.23515 16.392C8.86486 16.9689 9.39654 17.7771 10.0744 17.6627C10.132 17.6539 10.1885 17.6383 10.2425 17.6162C10.2963 17.5932 10.3466 17.5625 10.3917 17.525C10.4864 17.4458 10.5578 17.3422 10.5981 17.2253C10.6427 17.1033 10.6526 16.9714 10.6268 16.8441C10.599 16.7111 10.5208 16.5942 10.4087 16.518C10.539 16.5793 10.6405 16.689 10.6919 16.8239C10.7453 16.9628 10.759 17.1139 10.7315 17.2601C10.7049 17.4125 10.638 17.555 10.5379 17.6725C10.4846 17.7329 10.4231 17.7855 10.3551 17.8285C10.2878 17.871 10.2156 17.9053 10.1402 17.9307C9.98719 17.9832 9.82434 18.0001 9.6639 17.9802C9.43863 17.948 9.22616 17.8554 9.04878 17.7123C9.01043 17.6818 8.97388 17.6496 8.93858 17.6162C8.82611 17.5169 8.72353 17.4067 8.63236 17.2871C8.58742 17.2373 8.54176 17.1881 8.49396 17.1408C8.27683 16.912 8.02065 16.724 7.73755 16.5859C7.54232 16.4998 7.33801 16.4362 7.12852 16.3963C7.02316 16.3742 6.91658 16.3583 6.81 16.3449C6.79841 16.3437 6.77607 16.3398 6.7483 16.335C6.65931 16.3194 6.51457 16.2942 6.48904 16.318C6.81846 16.0133 7.17757 15.7428 7.56093 15.5104C7.95455 15.2757 8.37719 15.0941 8.81796 14.9702C9.27496 14.8409 9.75294 14.8041 10.2242 14.8619C10.4668 14.8911 10.7044 14.9529 10.9307 15.0454C11.1678 15.1405 11.3866 15.2763 11.5775 15.4467C11.7663 15.6255 11.919 15.8393 12.0269 16.0763C12.1244 16.2982 12.1971 16.5303 12.2437 16.7682C12.2687 16.8963 12.2876 17.037 12.3071 17.1827C12.3959 17.8464 12.4984 18.6121 13.259 18.7456C13.3073 18.755 13.3561 18.762 13.4052 18.7664L13.5568 18.7701C13.6611 18.7626 13.7647 18.7477 13.8668 18.7254C14.0784 18.6754 14.2846 18.6047 14.4825 18.5143Z" - fill="#FC72FF" + fill="#75ff72" /> ) diff --git a/src/nft/components/profile/view/__snapshots__/EmptyWalletContent.test.tsx.snap b/src/nft/components/profile/view/__snapshots__/EmptyWalletContent.test.tsx.snap index 9b0404393eb..e3ded4a8f8c 100644 --- a/src/nft/components/profile/view/__snapshots__/EmptyWalletContent.test.tsx.snap +++ b/src/nft/components/profile/view/__snapshots__/EmptyWalletContent.test.tsx.snap @@ -46,7 +46,7 @@ exports[`EmptyWalletContent.tsx matches base snapshot 1`] = ` } .c5 { - background-color: #FC72FF; + background-color: #75ff72; padding: 10px 24px; color: #FFFFFF; width: -webkit-min-content; diff --git a/src/nft/components/profile/view/__snapshots__/ViewMyNftsAsset.test.tsx.snap b/src/nft/components/profile/view/__snapshots__/ViewMyNftsAsset.test.tsx.snap index 7a60887cb33..1214511f653 100644 --- a/src/nft/components/profile/view/__snapshots__/ViewMyNftsAsset.test.tsx.snap +++ b/src/nft/components/profile/view/__snapshots__/ViewMyNftsAsset.test.tsx.snap @@ -104,7 +104,7 @@ exports[`NftCard renders correctly 1`] = ` left: 8px; right: 8px; color: #F5F6FC; - background: #FC72FF; + background: #75ff72; -webkit-transition: 250ms ease bottom,250ms ease visibility; transition: 250ms ease bottom,250ms ease visibility; will-change: transform; @@ -299,7 +299,7 @@ exports[`NftCard renders correctly 1`] = ` > ` ${({ isDarkMode }) => isDarkMode ? css` - background: linear-gradient(20deg, rgba(255, 244, 207, 1) 10%, rgba(255, 87, 218, 1) 100%); + background: linear-gradient(20deg, rgba(255, 244, 207, 1) 10%, rgba(51, 255, 102, 1) 100%); ` : css` - background: linear-gradient(10deg, rgba(255, 79, 184, 1) 0%, rgba(255, 159, 251, 1) 100%); + background: linear-gradient(10deg, rgba(79, 255, 150, 1) 0%, rgba(159, 255, 163, 1) 100%); `}; background-clip: text; -webkit-background-clip: text; @@ -192,13 +192,13 @@ const LandingButton = styled(BaseButton)` ` const ButtonCTA = styled(LandingButton)` - background: linear-gradient(93.06deg, #ff00c7 2.66%, #ff9ffb 98.99%); + background: linear-gradient(93.06deg, #00ff38 2.66%, #9fffa3 98.99%); border: none; color: ${({ theme }) => theme.white}; transition: ${({ theme }) => `all ${theme.transition.duration.medium} ${theme.transition.timing.ease}`}; &:hover { - box-shadow: 0px 0px 16px 0px #ff00c7; + box-shadow: 0px 0px 16px 0px #00ff38; } ` diff --git a/src/pages/PoolDetails/__snapshots__/PoolDetailsStatsButtons.test.tsx.snap b/src/pages/PoolDetails/__snapshots__/PoolDetailsStatsButtons.test.tsx.snap index 2b8fcc5fb74..a3845daa521 100644 --- a/src/pages/PoolDetails/__snapshots__/PoolDetailsStatsButtons.test.tsx.snap +++ b/src/pages/PoolDetails/__snapshots__/PoolDetailsStatsButtons.test.tsx.snap @@ -44,10 +44,10 @@ exports[`PoolDetailsStatsButton renders both buttons correctly 1`] = ` -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #FFEFFF; + background-color: #EFEFEF; border-radius: 16px; border: 0; - color: #FC72FF; + color: #75ff72; cursor: pointer; display: -webkit-box; display: -webkit-flex; diff --git a/src/pages/PoolDetails/__snapshots__/index.test.tsx.snap b/src/pages/PoolDetails/__snapshots__/index.test.tsx.snap index fde90bd8fbd..a6ccd128d88 100644 --- a/src/pages/PoolDetails/__snapshots__/index.test.tsx.snap +++ b/src/pages/PoolDetails/__snapshots__/index.test.tsx.snap @@ -143,10 +143,10 @@ exports[`PoolDetailsPage pool header is displayed when data is received from the -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: #FFEFFF; + background-color: #EFEFEF; border-radius: 16px; border: 0; - color: #FC72FF; + color: #75ff72; cursor: pointer; display: -webkit-box; display: -webkit-flex; diff --git a/src/theme/colors.ts b/src/theme/colors.ts index ad0422e40aa..fd9d47896c9 100644 --- a/src/theme/colors.ts +++ b/src/theme/colors.ts @@ -26,7 +26,7 @@ export const colors = { pink100: '#FFD9E4', pink200: '#FBA4C0', pink300: '#FF6FA3', - pink400: '#FB118E', + pink400: '#111111', pink500: '#C41969', pink600: '#8C0F49', pink700: '#55072A', @@ -83,7 +83,7 @@ export const colors = { blueVibrant: '#587BFF', // TODO: add magenta 50-900 magenta300: '#FD82FF', - magentaVibrant: '#FC72FF', + magentaVibrant: '#75ff72', purple300: '#8440F2', purple900: '#1C0337', purpleVibrant: '#6100FF', @@ -106,7 +106,7 @@ export const colors = { surface3_dark: '#FFFFFF12', surface4_dark: '#FFFFFF20', surface5_dark: '#00000004', - accent1_dark: '#FC72FF', + accent1_dark: '#75ff72', accent2_dark: '#311C31', neutral1_light: '#222222', neutral2_light: '#7D7D7D', @@ -116,8 +116,8 @@ export const colors = { surface3_light: '#22222212', surface4_light: '#FFFFFF64', surface5_light: '#00000004', - accent1_light: '#FC72FF', - accent2_light: '#FFEFFF', + accent1_light: '#75ff72', + accent2_light: '#EFEFEF', success: '#40B66B', critical: '#FF5F52', scrim: 'rgba(0, 0, 0, 0.60)', diff --git a/src/theme/components/RadialGradientByChainUpdater.ts b/src/theme/components/RadialGradientByChainUpdater.ts index 02f8e995471..16acf942414 100644 --- a/src/theme/components/RadialGradientByChainUpdater.ts +++ b/src/theme/components/RadialGradientByChainUpdater.ts @@ -30,7 +30,7 @@ const setBackground = (newValues: TargetBackgroundStyles) => function setDefaultBackground(backgroundRadialGradientElement: HTMLElement, darkMode?: boolean) { setBackground(initialStyles) const defaultLightGradient = - 'radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF' + 'radial-gradient(100% 100% at 50% 0%, rgba(184, 255, 213, 0) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF' const defaultDarkGradient = 'linear-gradient(180deg, #131313 0%, #131313 100%)' backgroundRadialGradientElement.style.background = darkMode ? defaultDarkGradient : defaultLightGradient }