Brand guidelines

.copy-color,.copy-gradient{cursor:pointer} .copy-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(20px);background:#fff;color:#000;padding:10px 20px;border-radius:8px;opacity:0;pointer-events:none;transition:all .25s;z-index:9999;font-family:monospace;font-size:14px} .copy-toast.show{opacity:1;transform:translateX(-50%) translateY(0)} document.addEventListener('DOMContentLoaded', function () { const MESSAGE = 'Copied : '; // ← message here const toast = document.createElement('div'); toast.className = 'copy-toast'; document.body.appendChild(toast); const rgbToHex = s => s.replace(/rgba?\((\d+),\s*(\d+),\s*(\d+)[^)]*\)/g, (_, r, g, b) => '#' + [r, g, b].map(n => (+n).toString(16).padStart(2, '0')).join('').toUpperCase()); function getValue(el) { if (el.dataset.copy) return el.dataset.copy; if (el.classList.contains('copy-color')) { const m = el.innerText.match(/#[0-9A-Fa-f]{6}\b/); return m ? m[0].toUpperCase() : null; } const bg = getComputedStyle(el).backgroundImage; return bg && bg !== 'none' ? rgbToHex(bg) : null; } function copy(text) { if (navigator.clipboard && window.isSecureContext) return navigator.clipboard.writeText(text); const ta = document.createElement('textarea'); ta.value = text; document.body.appendChild(ta); ta.select(); document.execCommand('copy'); document.body.removeChild(ta); return Promise.resolve(); } document.addEventListener('click', function (e) { const el = e.target.closest('.copy-color, .copy-gradient'); if (!el) return; const value = getValue(el); if (!value) return; copy(value).then(() => { toast.textContent = MESSAGE + value; toast.classList.add('show'); setTimeout(() => toast.classList.remove('show'), 1500); }); }); });