From 150ad99608e78d10690ca0a99988946db45923c7 Mon Sep 17 00:00:00 2001 From: jae Date: Sun, 5 Apr 2026 19:11:56 +0000 Subject: [PATCH] style: swap purple to Solana turquoise (#14F195) on soldomains and LAB card --- armoury/lab.html | 14 +++---- css/soldomains.css | 100 ++++++++++++++++++++++----------------------- js/soldomains.js | 2 +- 3 files changed, 58 insertions(+), 58 deletions(-) diff --git a/armoury/lab.html b/armoury/lab.html index 7afea8b..1252a12 100644 --- a/armoury/lab.html +++ b/armoury/lab.html @@ -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; } diff --git a/css/soldomains.css b/css/soldomains.css index 3a5f3e6..ac52a5c 100644 --- a/css/soldomains.css +++ b/css/soldomains.css @@ -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 { diff --git a/js/soldomains.js b/js/soldomains.js index 8d428ed..17e3bc5 100644 --- a/js/soldomains.js +++ b/js/soldomains.js @@ -428,7 +428,7 @@ async function loadMyDomains() { content.innerHTML = `
NO .SOL DOMAINS FOUND
- Register one on Bonfida ↗ + Register one on Bonfida ↗
`; return;