jae/jaeswift-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: swap purple to Solana turquoise (#14F195) on soldomains and LAB card

Browse source
This commit is contained in:
jae 2026-04-05 19:11:56 +00:00
parent 936a1eed9e
commit 150ad99608
3 changed files with 58 additions and 58 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
armoury/lab.html
View file

@ -22,7 +22,7 @@
.deploy-card { .deploy-card {
background: rgba(16, 16, 16, 0.85); background: rgba(16, 16, 16, 0.85);
border: 1px solid var(--border); 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; padding: 1.5rem;
cursor: pointer; cursor: pointer;
transition: all 0.25s ease; transition: all 0.25s ease;
@ -30,15 +30,15 @@
display: block; display: block;
} }
.deploy-card:hover { .deploy-card:hover {
border-left-color: #a855f7; border-left-color: #14F195;
transform: translateY(-2px); 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); background: rgba(20, 20, 20, 0.95);
} }
.deploy-card-status { .deploy-card-status {
font-family: 'JetBrains Mono', monospace; font-family: 'JetBrains Mono', monospace;
font-size: 0.6rem; font-size: 0.6rem;
color: #a855f7; color: #14F195;
letter-spacing: 2px; letter-spacing: 2px;
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
} }
@ -64,9 +64,9 @@
.deploy-tag { .deploy-tag {
font-family: 'JetBrains Mono', monospace; font-family: 'JetBrains Mono', monospace;
font-size: 0.55rem; font-size: 0.55rem;
color: rgba(138, 43, 226, 0.8); color: rgba(20, 241, 149, 0.8);
background: rgba(138, 43, 226, 0.08); background: rgba(20, 241, 149, 0.08);
border: 1px solid rgba(138, 43, 226, 0.2); border: 1px solid rgba(20, 241, 149, 0.2);
padding: 0.2rem 0.5rem; padding: 0.2rem 0.5rem;
letter-spacing: 1px; letter-spacing: 1px;
} }

100
css/soldomains.css
View file

@ -16,20 +16,20 @@
gap: 0.5rem; gap: 0.5rem;
background: rgba(16, 16, 16, 0.85); background: rgba(16, 16, 16, 0.85);
border: 1px solid var(--border); 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; padding: 1rem 1.25rem;
align-items: center; align-items: center;
} }
.sol-search-box:focus-within { .sol-search-box:focus-within {
border-left-color: #a855f7; border-left-color: #14F195;
box-shadow: 0 0 20px rgba(138, 43, 226, 0.1); box-shadow: 0 0 20px rgba(20, 241, 149, 0.1);
} }
.sol-search-prefix { .sol-search-prefix {
font-family: 'Orbitron', monospace; font-family: 'Orbitron', monospace;
font-size: 0.75rem; font-size: 0.75rem;
color: #a855f7; color: #14F195;
letter-spacing: 2px; letter-spacing: 2px;
white-space: nowrap; white-space: nowrap;
} }
@ -52,14 +52,14 @@
.sol-search-suffix { .sol-search-suffix {
font-family: 'JetBrains Mono', monospace; font-family: 'JetBrains Mono', monospace;
font-size: 0.75rem; font-size: 0.75rem;
color: rgba(138, 43, 226, 0.6); color: rgba(20, 241, 149, 0.6);
letter-spacing: 1px; letter-spacing: 1px;
} }
.sol-search-btn { .sol-search-btn {
background: rgba(138, 43, 226, 0.15); background: rgba(20, 241, 149, 0.15);
border: 1px solid rgba(138, 43, 226, 0.3); border: 1px solid rgba(20, 241, 149, 0.3);
color: #a855f7; color: #14F195;
font-family: 'Orbitron', monospace; font-family: 'Orbitron', monospace;
font-size: 0.65rem; font-size: 0.65rem;
letter-spacing: 2px; letter-spacing: 2px;
@ -69,9 +69,9 @@
} }
.sol-search-btn:hover { .sol-search-btn:hover {
background: rgba(138, 43, 226, 0.25); background: rgba(20, 241, 149, 0.25);
border-color: #a855f7; border-color: #14F195;
box-shadow: 0 0 15px rgba(138, 43, 226, 0.2); box-shadow: 0 0 15px rgba(20, 241, 149, 0.2);
} }
/* Wallet Connection */ /* Wallet Connection */
@ -82,7 +82,7 @@
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
background: rgba(16, 16, 16, 0.6); 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 { .sol-wallet-status {
@ -93,21 +93,21 @@
} }
.sol-wallet-status.connected { .sol-wallet-status.connected {
color: #00cc44; color: #14F195;
} }
.sol-wallet-address { .sol-wallet-address {
font-family: 'JetBrains Mono', monospace; font-family: 'JetBrains Mono', monospace;
font-size: 0.6rem; font-size: 0.6rem;
color: rgba(138, 43, 226, 0.7); color: rgba(20, 241, 149, 0.7);
letter-spacing: 1px; letter-spacing: 1px;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.sol-wallet-btn { .sol-wallet-btn {
background: rgba(138, 43, 226, 0.12); background: rgba(20, 241, 149, 0.12);
border: 1px solid rgba(138, 43, 226, 0.3); border: 1px solid rgba(20, 241, 149, 0.3);
color: #a855f7; color: #14F195;
font-family: 'JetBrains Mono', monospace; font-family: 'JetBrains Mono', monospace;
font-size: 0.6rem; font-size: 0.6rem;
letter-spacing: 2px; letter-spacing: 2px;
@ -117,8 +117,8 @@
} }
.sol-wallet-btn:hover { .sol-wallet-btn:hover {
background: rgba(138, 43, 226, 0.25); background: rgba(20, 241, 149, 0.25);
border-color: #a855f7; border-color: #14F195;
} }
.sol-wallet-btn.disconnect { .sol-wallet-btn.disconnect {
@ -158,8 +158,8 @@
} }
.sol-tab.active { .sol-tab.active {
color: #a855f7; color: #14F195;
border-bottom-color: #a855f7; border-bottom-color: #14F195;
} }
/* Results Panel */ /* Results Panel */
@ -170,7 +170,7 @@
.sol-result-card { .sol-result-card {
background: rgba(16, 16, 16, 0.85); background: rgba(16, 16, 16, 0.85);
border: 1px solid var(--border); 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; padding: 1.5rem;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
@ -190,7 +190,7 @@
} }
.sol-result-domain .sol-ext { .sol-result-domain .sol-ext {
color: #a855f7; color: #14F195;
} }
.sol-result-status { .sol-result-status {
@ -202,7 +202,7 @@
} }
.sol-result-status.available { .sol-result-status.available {
color: #00cc44; color: #14F195;
border-color: rgba(0, 204, 68, 0.3); border-color: rgba(0, 204, 68, 0.3);
background: rgba(0, 204, 68, 0.08); background: rgba(0, 204, 68, 0.08);
} }
@ -230,7 +230,7 @@
.sol-result-label { .sol-result-label {
font-family: 'JetBrains Mono', monospace; font-family: 'JetBrains Mono', monospace;
font-size: 0.55rem; font-size: 0.55rem;
color: rgba(138, 43, 226, 0.6); color: rgba(20, 241, 149, 0.6);
letter-spacing: 2px; letter-spacing: 2px;
margin-bottom: 0.25rem; margin-bottom: 0.25rem;
display: block; display: block;
@ -244,7 +244,7 @@
} }
.sol-result-value a { .sol-result-value a {
color: #a855f7; color: #14F195;
text-decoration: none; text-decoration: none;
} }
@ -255,8 +255,8 @@
/* Register Button */ /* Register Button */
.sol-register-btn { .sol-register-btn {
display: inline-block; display: inline-block;
background: linear-gradient(135deg, rgba(138, 43, 226, 0.25), rgba(168, 85, 247, 0.15)); background: linear-gradient(135deg, rgba(20, 241, 149, 0.25), rgba(168, 85, 247, 0.15));
border: 1px solid rgba(138, 43, 226, 0.5); border: 1px solid rgba(20, 241, 149, 0.5);
color: #ffffff; color: #ffffff;
font-family: 'Orbitron', monospace; font-family: 'Orbitron', monospace;
font-size: 0.7rem; font-size: 0.7rem;
@ -269,9 +269,9 @@
} }
.sol-register-btn:hover { .sol-register-btn:hover {
background: linear-gradient(135deg, rgba(138, 43, 226, 0.4), rgba(168, 85, 247, 0.3)); background: linear-gradient(135deg, rgba(20, 241, 149, 0.4), rgba(168, 85, 247, 0.3));
border-color: #a855f7; border-color: #14F195;
box-shadow: 0 0 25px rgba(138, 43, 226, 0.25); box-shadow: 0 0 25px rgba(20, 241, 149, 0.25);
transform: translateY(-1px); transform: translateY(-1px);
} }
@ -295,13 +295,13 @@
.sol-domain-card { .sol-domain-card {
background: rgba(16, 16, 16, 0.85); background: rgba(16, 16, 16, 0.85);
border: 1px solid var(--border); 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; padding: 1rem 1.25rem;
transition: all 0.25s ease; transition: all 0.25s ease;
} }
.sol-domain-card:hover { .sol-domain-card:hover {
border-left-color: #a855f7; border-left-color: #14F195;
background: rgba(20, 20, 20, 0.95); background: rgba(20, 20, 20, 0.95);
} }
@ -314,13 +314,13 @@
} }
.sol-domain-name .sol-ext { .sol-domain-name .sol-ext {
color: #a855f7; color: #14F195;
} }
.sol-domain-fav { .sol-domain-fav {
font-family: 'JetBrains Mono', monospace; font-family: 'JetBrains Mono', monospace;
font-size: 0.5rem; font-size: 0.5rem;
color: #00cc44; color: #14F195;
letter-spacing: 1px; letter-spacing: 1px;
} }
@ -334,8 +334,8 @@
display: inline-block; display: inline-block;
width: 20px; width: 20px;
height: 20px; height: 20px;
border: 2px solid rgba(138, 43, 226, 0.2); border: 2px solid rgba(20, 241, 149, 0.2);
border-top-color: #a855f7; border-top-color: #14F195;
border-radius: 50%; border-radius: 50%;
animation: sol-spin 0.8s linear infinite; animation: sol-spin 0.8s linear infinite;
} }
@ -379,7 +379,7 @@
gap: 0.5rem; gap: 0.5rem;
background: rgba(16, 16, 16, 0.85); background: rgba(16, 16, 16, 0.85);
border: 1px solid var(--border); 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; padding: 1rem 1.25rem;
align-items: center; align-items: center;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
@ -406,7 +406,7 @@
gap: 2rem; gap: 2rem;
padding: 0.5rem 0; padding: 0.5rem 0;
margin-bottom: 1.5rem; 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 { .sol-stat {
@ -417,7 +417,7 @@
} }
.sol-stat-value { .sol-stat-value {
color: #a855f7; color: #14F195;
} }
/* Price Display */ /* Price Display */
@ -437,7 +437,7 @@
.sol-price-currency { .sol-price-currency {
font-family: 'JetBrains Mono', monospace; font-family: 'JetBrains Mono', monospace;
font-size: 0.65rem; font-size: 0.65rem;
color: rgba(138, 43, 226, 0.7); color: rgba(20, 241, 149, 0.7);
letter-spacing: 2px; letter-spacing: 2px;
} }
@ -477,8 +477,8 @@
.sol-modal-content { .sol-modal-content {
position: relative; position: relative;
background: rgba(12, 12, 12, 0.98); background: rgba(12, 12, 12, 0.98);
border: 1px solid rgba(138, 43, 226, 0.3); border: 1px solid rgba(20, 241, 149, 0.3);
border-top: 2px solid #a855f7; border-top: 2px solid #14F195;
width: 90%; width: 90%;
max-width: 420px; max-width: 420px;
max-height: 80vh; max-height: 80vh;
@ -490,13 +490,13 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 1rem 1.25rem; 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 { .sol-modal-title {
font-family: 'Orbitron', monospace; font-family: 'Orbitron', monospace;
font-size: 0.7rem; font-size: 0.7rem;
color: #a855f7; color: #14F195;
letter-spacing: 3px; letter-spacing: 3px;
} }
@ -525,7 +525,7 @@
.sol-modal-footer { .sol-modal-footer {
padding: 0.75rem 1.25rem; 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 { .sol-modal-hint {
@ -543,7 +543,7 @@
width: 100%; width: 100%;
padding: 0.85rem 1rem; padding: 0.85rem 1rem;
background: rgba(20, 20, 20, 0.6); 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; color: #ffffff;
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
@ -552,8 +552,8 @@
} }
.sol-wallet-option:hover { .sol-wallet-option:hover {
background: rgba(138, 43, 226, 0.1); background: rgba(20, 241, 149, 0.1);
border-color: rgba(138, 43, 226, 0.35); border-color: rgba(20, 241, 149, 0.35);
transform: translateX(3px); transform: translateX(3px);
} }
@ -582,7 +582,7 @@
font-family: 'JetBrains Mono', monospace; font-family: 'JetBrains Mono', monospace;
font-size: 0.5rem; font-size: 0.5rem;
letter-spacing: 1px; letter-spacing: 1px;
color: #00cc44; color: #14F195;
} }
.sol-wallet-option.not-installed .sol-wallet-option-status { .sol-wallet-option.not-installed .sol-wallet-option-status {

2
js/soldomains.js
View file

@ -428,7 +428,7 @@ async function loadMyDomains() {
content.innerHTML = ` content.innerHTML = `
<div class="sol-empty"> <div class="sol-empty">
NO .SOL DOMAINS FOUND<br> 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> </div>
`; `;
return; return;