Created
April 13, 2024 11:33
-
-
Save SuperstrongBE/a937b6317000349b7bcfe168e489ade5 to your computer and use it in GitHub Desktop.
A gist that showcase XPRNetwork transport/link dialogs styles
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
html[data-theme="twelvedays"] .proton-link-inner, | |
html[data-theme="twelvedays"] .wallet-selector-inner, | |
html[data-theme="twelvedays"] .wallet-selector-connect | |
{ | |
background-color: #0b211c; | |
} | |
html[data-theme="twelvedays"] .proton-link-header, | |
html[data-theme="twelvedays"] .wallet-selector-title { | |
font-family: var(--font-dm-display); | |
font-size: 2em; | |
margin-bottom: 20px; | |
font-weight: bold; | |
color: #D9D9D9; | |
} | |
html[data-theme="twelvedays"] .proton-link-header { | |
margin-bottom: 0; | |
} | |
html[data-theme="twelvedays"] .wallet-selector-wallet-list li { | |
padding: 16px; | |
background: linear-gradient(180deg, #FFD9A1 27%, #F19540 71%); | |
box-shadow: 0px 4px 2px #F4EFE9 inset; | |
border-radius: 24px; border: 1px #FFD098 solid; | |
} | |
html[data-theme="twelvedays"] .wallet-selector-wallet-list li { | |
padding: 16px; | |
background: linear-gradient(180deg, #FFD9A1 27%, #F19540 71%); | |
box-shadow: 0px 4px 2px #F4EFE9 inset; | |
border-radius: 24px; border: 1px #FFD098 solid; | |
font-size: 1em; | |
margin-left: 5px; | |
font-weight: bold; | |
color:black; | |
} | |
html[data-theme="twelvedays"] .proton-link-countdown { | |
padding: 16px; | |
background: linear-gradient(180deg, #FFD9A1 27%, #F19540 71%); | |
box-shadow: 0px 4px 2px #F4EFE9 inset; | |
border: 1px #FFD098 solid; | |
font-family: var(--font-dm-display); | |
margin-left: 5px; | |
font-weight: bold; | |
color:black; | |
} | |
html[data-theme="twelvedays"] .wallet-selector-subtitle { | |
display: none; | |
} | |
html[data-theme="twelvedays"] .wallet-selector-connect-header:after { | |
font-size: 16px; | |
font-family: "Circular Std Book", sans-serif; | |
line-height: 24px; | |
color: var(--proton-wallet-color-font-secondary, var(--color-font-secondary)); | |
text-align: center; | |
content: 'To claim Gift Crypto Not Cash NFTs'; | |
} | |
html[data-theme="twelvedays"] .wallet-selector-wallet-list li .wallet-selector-logo{ | |
filter: brightness(0); | |
opacity: 0.3; | |
} | |
html[data-theme="twelvedays"] .wallet-selector-wallet-list li .wallet-selector-right-arrow{ | |
filter: brightness(0); | |
opacity: 0.3; | |
} | |
html[data-theme="twelvedays"] .wallet-selector-wallet-list li .wallet-selector-wallet-name{ | |
font-size: 1.5em; | |
margin-left: 5px; | |
font-weight: bold; | |
} | |
html[data-theme="twelvedays"] .proton-link-inner .proton-link-button{ | |
background-color: rgba(0, 0, 0, 0.2); | |
padding: 16px; | |
border-radius: 16px; | |
} | |
html[data-theme="twelvedays"] .proton-link-request{ | |
display: grid; | |
gap:2em | |
} | |
html[data-theme="twelvedays"] .proton-link-info{ | |
margin: 0 auto; | |
} | |
html[data-theme="twelvedays"] .proton-link-hr{ | |
margin: 0 auto; | |
border: 1px solid #D9D9D9; | |
width: 20%; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment