diff --git a/app/client-layout.tsx b/app/client-layout.tsx index e0da614a..0e224129 100644 --- a/app/client-layout.tsx +++ b/app/client-layout.tsx @@ -1,5 +1,6 @@ 'use client'; import "./globals.css"; +import "./dynamic-overrides.css"; import { DynamicContextProvider, EthereumWalletConnectors, diff --git a/app/dynamic-overrides.css b/app/dynamic-overrides.css new file mode 100644 index 00000000..f6f1c12c --- /dev/null +++ b/app/dynamic-overrides.css @@ -0,0 +1,62 @@ +div { font-family: 'IBM Plex Sans', sans-serif; } +img[data-testid='iconic-solana'] { + content: url('/eclipse.png'); +} + +.wallet-progress-stepper, .accordion-item { + border: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 27px; + background: rgb(5, 5, 5); +} + +.wallet-progress-stepper {border-radius: 20px;} +.wallet-progress-stepper div:first-of-type { background: transparent; } +.wallet-list-item__tile, .list-tile { + background: rgba(255, 255, 255, 0.03); +} +.wallet-list-item__tile:hover, .list-tile:hover { + background-color: rgba(255, 255, 255, 0.05)!important; +} + +.accordion-item, .default-footer__footer {background: rgb(5, 5, 5);} +.button {background: rgba(161, 254, 160, 1); } +.button span {color: black; font-size: 15px;} +.button--padding-large { + padding: 14px 20px; +} +.stepper { + background: rgba(255, 255, 255, 0.03); + padding: 8px; + border-radius: 10px; + padding-inline: 16px; +} +.badge__container { + background: rgba(255, 255, 255, 0.03); + color: rgba(71, 121, 255, 1); +} +.badge__dot {background-color: rgba(71, 121, 255, 1);} + +.tos-and-pp__link {color: rgba(161, 254, 160, 1)!important;} +.tos-and-pp__text {color: white; font-size: 12px; font-weight: 500;} +.dynamic-shadow-dom-content div { + transition: none; +} + +.bridge-welcome-layout__body { + gap: 20px; + padding: 0 20px 20px; +} +.bridge-welcome-layout__message-container { gap: 6px; } +.portal__backdrop { display: none!important; } +.modal-header--align-content-bottom { + border-bottom: none!important; + margin-bottom: 0!important; +} +.modal-header { + border-bottom: 1px rgba(255, 255, 255, 0.1) solid; + margin-bottom: 16px; + padding: 20px; +} +.step__icon--done { + background-color: #4779ff!important; +} \ No newline at end of file