style: swap purple to Solana turquoise (#14F195) on soldomains and LAB card
This commit is contained in:
parent
936a1eed9e
commit
150ad99608
3 changed files with 58 additions and 58 deletions
|
|
@ -22,7 +22,7 @@
|
|||
.deploy-card {
|
||||
background: rgba(16, 16, 16, 0.85);
|
||||
border: 1px solid var(--border);
|
||||
border-left: 3px solid rgba(138, 43, 226, 0.6);
|
||||
border-left: 3px solid rgba(20, 241, 149, 0.6);
|
||||
padding: 1.5rem;
|
||||
cursor: pointer;
|
||||
transition: all 0.25s ease;
|
||||
|
|
@ -30,15 +30,15 @@
|
|||
display: block;
|
||||
}
|
||||
.deploy-card:hover {
|
||||
border-left-color: #a855f7;
|
||||
border-left-color: #14F195;
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 20px rgba(138, 43, 226, 0.15);
|
||||
box-shadow: 0 4px 20px rgba(20, 241, 149, 0.15);
|
||||
background: rgba(20, 20, 20, 0.95);
|
||||
}
|
||||
.deploy-card-status {
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 0.6rem;
|
||||
color: #a855f7;
|
||||
color: #14F195;
|
||||
letter-spacing: 2px;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
|
@ -64,9 +64,9 @@
|
|||
.deploy-tag {
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 0.55rem;
|
||||
color: rgba(138, 43, 226, 0.8);
|
||||
background: rgba(138, 43, 226, 0.08);
|
||||
border: 1px solid rgba(138, 43, 226, 0.2);
|
||||
color: rgba(20, 241, 149, 0.8);
|
||||
background: rgba(20, 241, 149, 0.08);
|
||||
border: 1px solid rgba(20, 241, 149, 0.2);
|
||||
padding: 0.2rem 0.5rem;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,20 +16,20 @@
|
|||
gap: 0.5rem;
|
||||
background: rgba(16, 16, 16, 0.85);
|
||||
border: 1px solid var(--border);
|
||||
border-left: 3px solid rgba(138, 43, 226, 0.6);
|
||||
border-left: 3px solid rgba(20, 241, 149, 0.6);
|
||||
padding: 1rem 1.25rem;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.sol-search-box:focus-within {
|
||||
border-left-color: #a855f7;
|
||||
box-shadow: 0 0 20px rgba(138, 43, 226, 0.1);
|
||||
border-left-color: #14F195;
|
||||
box-shadow: 0 0 20px rgba(20, 241, 149, 0.1);
|
||||
}
|
||||
|
||||
.sol-search-prefix {
|
||||
font-family: 'Orbitron', monospace;
|
||||
font-size: 0.75rem;
|
||||
color: #a855f7;
|
||||
color: #14F195;
|
||||
letter-spacing: 2px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
|
@ -52,14 +52,14 @@
|
|||
.sol-search-suffix {
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 0.75rem;
|
||||
color: rgba(138, 43, 226, 0.6);
|
||||
color: rgba(20, 241, 149, 0.6);
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.sol-search-btn {
|
||||
background: rgba(138, 43, 226, 0.15);
|
||||
border: 1px solid rgba(138, 43, 226, 0.3);
|
||||
color: #a855f7;
|
||||
background: rgba(20, 241, 149, 0.15);
|
||||
border: 1px solid rgba(20, 241, 149, 0.3);
|
||||
color: #14F195;
|
||||
font-family: 'Orbitron', monospace;
|
||||
font-size: 0.65rem;
|
||||
letter-spacing: 2px;
|
||||
|
|
@ -69,9 +69,9 @@
|
|||
}
|
||||
|
||||
.sol-search-btn:hover {
|
||||
background: rgba(138, 43, 226, 0.25);
|
||||
border-color: #a855f7;
|
||||
box-shadow: 0 0 15px rgba(138, 43, 226, 0.2);
|
||||
background: rgba(20, 241, 149, 0.25);
|
||||
border-color: #14F195;
|
||||
box-shadow: 0 0 15px rgba(20, 241, 149, 0.2);
|
||||
}
|
||||
|
||||
/* Wallet Connection */
|
||||
|
|
@ -82,7 +82,7 @@
|
|||
margin-bottom: 1.5rem;
|
||||
padding: 0.75rem 1.25rem;
|
||||
background: rgba(16, 16, 16, 0.6);
|
||||
border: 1px solid rgba(138, 43, 226, 0.15);
|
||||
border: 1px solid rgba(20, 241, 149, 0.15);
|
||||
}
|
||||
|
||||
.sol-wallet-status {
|
||||
|
|
@ -93,21 +93,21 @@
|
|||
}
|
||||
|
||||
.sol-wallet-status.connected {
|
||||
color: #00cc44;
|
||||
color: #14F195;
|
||||
}
|
||||
|
||||
.sol-wallet-address {
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 0.6rem;
|
||||
color: rgba(138, 43, 226, 0.7);
|
||||
color: rgba(20, 241, 149, 0.7);
|
||||
letter-spacing: 1px;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.sol-wallet-btn {
|
||||
background: rgba(138, 43, 226, 0.12);
|
||||
border: 1px solid rgba(138, 43, 226, 0.3);
|
||||
color: #a855f7;
|
||||
background: rgba(20, 241, 149, 0.12);
|
||||
border: 1px solid rgba(20, 241, 149, 0.3);
|
||||
color: #14F195;
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 0.6rem;
|
||||
letter-spacing: 2px;
|
||||
|
|
@ -117,8 +117,8 @@
|
|||
}
|
||||
|
||||
.sol-wallet-btn:hover {
|
||||
background: rgba(138, 43, 226, 0.25);
|
||||
border-color: #a855f7;
|
||||
background: rgba(20, 241, 149, 0.25);
|
||||
border-color: #14F195;
|
||||
}
|
||||
|
||||
.sol-wallet-btn.disconnect {
|
||||
|
|
@ -158,8 +158,8 @@
|
|||
}
|
||||
|
||||
.sol-tab.active {
|
||||
color: #a855f7;
|
||||
border-bottom-color: #a855f7;
|
||||
color: #14F195;
|
||||
border-bottom-color: #14F195;
|
||||
}
|
||||
|
||||
/* Results Panel */
|
||||
|
|
@ -170,7 +170,7 @@
|
|||
.sol-result-card {
|
||||
background: rgba(16, 16, 16, 0.85);
|
||||
border: 1px solid var(--border);
|
||||
border-left: 3px solid rgba(138, 43, 226, 0.4);
|
||||
border-left: 3px solid rgba(20, 241, 149, 0.4);
|
||||
padding: 1.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
|
@ -190,7 +190,7 @@
|
|||
}
|
||||
|
||||
.sol-result-domain .sol-ext {
|
||||
color: #a855f7;
|
||||
color: #14F195;
|
||||
}
|
||||
|
||||
.sol-result-status {
|
||||
|
|
@ -202,7 +202,7 @@
|
|||
}
|
||||
|
||||
.sol-result-status.available {
|
||||
color: #00cc44;
|
||||
color: #14F195;
|
||||
border-color: rgba(0, 204, 68, 0.3);
|
||||
background: rgba(0, 204, 68, 0.08);
|
||||
}
|
||||
|
|
@ -230,7 +230,7 @@
|
|||
.sol-result-label {
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 0.55rem;
|
||||
color: rgba(138, 43, 226, 0.6);
|
||||
color: rgba(20, 241, 149, 0.6);
|
||||
letter-spacing: 2px;
|
||||
margin-bottom: 0.25rem;
|
||||
display: block;
|
||||
|
|
@ -244,7 +244,7 @@
|
|||
}
|
||||
|
||||
.sol-result-value a {
|
||||
color: #a855f7;
|
||||
color: #14F195;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
@ -255,8 +255,8 @@
|
|||
/* Register Button */
|
||||
.sol-register-btn {
|
||||
display: inline-block;
|
||||
background: linear-gradient(135deg, rgba(138, 43, 226, 0.25), rgba(168, 85, 247, 0.15));
|
||||
border: 1px solid rgba(138, 43, 226, 0.5);
|
||||
background: linear-gradient(135deg, rgba(20, 241, 149, 0.25), rgba(168, 85, 247, 0.15));
|
||||
border: 1px solid rgba(20, 241, 149, 0.5);
|
||||
color: #ffffff;
|
||||
font-family: 'Orbitron', monospace;
|
||||
font-size: 0.7rem;
|
||||
|
|
@ -269,9 +269,9 @@
|
|||
}
|
||||
|
||||
.sol-register-btn:hover {
|
||||
background: linear-gradient(135deg, rgba(138, 43, 226, 0.4), rgba(168, 85, 247, 0.3));
|
||||
border-color: #a855f7;
|
||||
box-shadow: 0 0 25px rgba(138, 43, 226, 0.25);
|
||||
background: linear-gradient(135deg, rgba(20, 241, 149, 0.4), rgba(168, 85, 247, 0.3));
|
||||
border-color: #14F195;
|
||||
box-shadow: 0 0 25px rgba(20, 241, 149, 0.25);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
|
|
@ -295,13 +295,13 @@
|
|||
.sol-domain-card {
|
||||
background: rgba(16, 16, 16, 0.85);
|
||||
border: 1px solid var(--border);
|
||||
border-left: 3px solid rgba(138, 43, 226, 0.4);
|
||||
border-left: 3px solid rgba(20, 241, 149, 0.4);
|
||||
padding: 1rem 1.25rem;
|
||||
transition: all 0.25s ease;
|
||||
}
|
||||
|
||||
.sol-domain-card:hover {
|
||||
border-left-color: #a855f7;
|
||||
border-left-color: #14F195;
|
||||
background: rgba(20, 20, 20, 0.95);
|
||||
}
|
||||
|
||||
|
|
@ -314,13 +314,13 @@
|
|||
}
|
||||
|
||||
.sol-domain-name .sol-ext {
|
||||
color: #a855f7;
|
||||
color: #14F195;
|
||||
}
|
||||
|
||||
.sol-domain-fav {
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 0.5rem;
|
||||
color: #00cc44;
|
||||
color: #14F195;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
|
|
@ -334,8 +334,8 @@
|
|||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border: 2px solid rgba(138, 43, 226, 0.2);
|
||||
border-top-color: #a855f7;
|
||||
border: 2px solid rgba(20, 241, 149, 0.2);
|
||||
border-top-color: #14F195;
|
||||
border-radius: 50%;
|
||||
animation: sol-spin 0.8s linear infinite;
|
||||
}
|
||||
|
|
@ -379,7 +379,7 @@
|
|||
gap: 0.5rem;
|
||||
background: rgba(16, 16, 16, 0.85);
|
||||
border: 1px solid var(--border);
|
||||
border-left: 3px solid rgba(138, 43, 226, 0.4);
|
||||
border-left: 3px solid rgba(20, 241, 149, 0.4);
|
||||
padding: 1rem 1.25rem;
|
||||
align-items: center;
|
||||
margin-bottom: 1.5rem;
|
||||
|
|
@ -406,7 +406,7 @@
|
|||
gap: 2rem;
|
||||
padding: 0.5rem 0;
|
||||
margin-bottom: 1.5rem;
|
||||
border-bottom: 1px solid rgba(138, 43, 226, 0.1);
|
||||
border-bottom: 1px solid rgba(20, 241, 149, 0.1);
|
||||
}
|
||||
|
||||
.sol-stat {
|
||||
|
|
@ -417,7 +417,7 @@
|
|||
}
|
||||
|
||||
.sol-stat-value {
|
||||
color: #a855f7;
|
||||
color: #14F195;
|
||||
}
|
||||
|
||||
/* Price Display */
|
||||
|
|
@ -437,7 +437,7 @@
|
|||
.sol-price-currency {
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 0.65rem;
|
||||
color: rgba(138, 43, 226, 0.7);
|
||||
color: rgba(20, 241, 149, 0.7);
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
|
||||
|
|
@ -477,8 +477,8 @@
|
|||
.sol-modal-content {
|
||||
position: relative;
|
||||
background: rgba(12, 12, 12, 0.98);
|
||||
border: 1px solid rgba(138, 43, 226, 0.3);
|
||||
border-top: 2px solid #a855f7;
|
||||
border: 1px solid rgba(20, 241, 149, 0.3);
|
||||
border-top: 2px solid #14F195;
|
||||
width: 90%;
|
||||
max-width: 420px;
|
||||
max-height: 80vh;
|
||||
|
|
@ -490,13 +490,13 @@
|
|||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 1rem 1.25rem;
|
||||
border-bottom: 1px solid rgba(138, 43, 226, 0.15);
|
||||
border-bottom: 1px solid rgba(20, 241, 149, 0.15);
|
||||
}
|
||||
|
||||
.sol-modal-title {
|
||||
font-family: 'Orbitron', monospace;
|
||||
font-size: 0.7rem;
|
||||
color: #a855f7;
|
||||
color: #14F195;
|
||||
letter-spacing: 3px;
|
||||
}
|
||||
|
||||
|
|
@ -525,7 +525,7 @@
|
|||
|
||||
.sol-modal-footer {
|
||||
padding: 0.75rem 1.25rem;
|
||||
border-top: 1px solid rgba(138, 43, 226, 0.1);
|
||||
border-top: 1px solid rgba(20, 241, 149, 0.1);
|
||||
}
|
||||
|
||||
.sol-modal-hint {
|
||||
|
|
@ -543,7 +543,7 @@
|
|||
width: 100%;
|
||||
padding: 0.85rem 1rem;
|
||||
background: rgba(20, 20, 20, 0.6);
|
||||
border: 1px solid rgba(138, 43, 226, 0.12);
|
||||
border: 1px solid rgba(20, 241, 149, 0.12);
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s ease;
|
||||
|
|
@ -552,8 +552,8 @@
|
|||
}
|
||||
|
||||
.sol-wallet-option:hover {
|
||||
background: rgba(138, 43, 226, 0.1);
|
||||
border-color: rgba(138, 43, 226, 0.35);
|
||||
background: rgba(20, 241, 149, 0.1);
|
||||
border-color: rgba(20, 241, 149, 0.35);
|
||||
transform: translateX(3px);
|
||||
}
|
||||
|
||||
|
|
@ -582,7 +582,7 @@
|
|||
font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 0.5rem;
|
||||
letter-spacing: 1px;
|
||||
color: #00cc44;
|
||||
color: #14F195;
|
||||
}
|
||||
|
||||
.sol-wallet-option.not-installed .sol-wallet-option-status {
|
||||
|
|
|
|||
|
|
@ -428,7 +428,7 @@ async function loadMyDomains() {
|
|||
content.innerHTML = `
|
||||
<div class="sol-empty">
|
||||
NO .SOL DOMAINS FOUND<br>
|
||||
<a href="${BONFIDA_REG}" target="_blank" rel="noopener" style="color:#a855f7; font-size:0.6rem">Register one on Bonfida ↗</a>
|
||||
<a href="${BONFIDA_REG}" target="_blank" rel="noopener" style="color:#14F195; font-size:0.6rem">Register one on Bonfida ↗</a>
|
||||
</div>
|
||||
`;
|
||||
return;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue