@swapper-finance/sdk
Version:
JavaScript SDK form Swapper
317 lines (279 loc) • 21.8 kB
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Swapper SDK Theme Examples</title>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
sans-serif;
margin: 40px;
line-height: 1.6;
}
.header {
text-align: center;
margin-bottom: 40px;
}
.section {
margin-bottom: 40px;
}
.example {
background: #f8f9fa;
border-radius: 8px;
padding: 20px;
margin-bottom: 20px;
border-left: 4px solid #007bff;
}
.example h3 {
margin-top: 0;
color: #007bff;
}
.url {
background: #e9ecef;
padding: 10px;
border-radius: 4px;
word-break: break-all;
font-family: Monaco, monospace;
font-size: 12px;
}
.button {
display: inline-block;
background: #007bff;
color: white;
padding: 8px 16px;
text-decoration: none;
border-radius: 4px;
margin-top: 10px;
}
.button:hover {
background: #0056b3;
}
.type-badge {
background: #6c757d;
color: white;
padding: 2px 8px;
border-radius: 12px;
font-size: 11px;
}
</style>
</head>
<body>
<div class="header">
<h1>🎨 Swapper SDK Theme Examples</h1>
<p>Click any link below to test different theme configurations</p>
</div>
<div class="section">
<h2>Theme Examples</h2>
<div class="example">
<h3>
Light Theme (Default) <span class="type-badge">Theme Only</span>
</h3>
<div class="url">
http://localhost:3001/?integratorId=d6e438dfa14e80701b9b
</div>
<a
href="http://localhost:3001/?integratorId=d6e438dfa14e80701b9b"
class="button"
target="_blank"
>Open Example</a
>
</div>
<div class="example">
<h3>Dark Theme <span class="type-badge">Theme Only</span></h3>
<div class="url">
http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22dark%22%7D
</div>
<a
href="http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22dark%22%7D"
class="button"
target="_blank"
>Open Example</a
>
</div>
<div class="example">
<h3>Uniswap Colors <span class="type-badge">Theme Only</span></h3>
<div class="url">
http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22light%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%23ff37c6%22%2C%22secondaryColor%22%3A%22%23ff37c6%22%7D%7D
</div>
<a
href="http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22light%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%23ff37c6%22%2C%22secondaryColor%22%3A%22%23ff37c6%22%7D%7D"
class="button"
target="_blank"
>Open Example</a
>
</div>
<div class="example">
<h3>
Light with Brand Colors <span class="type-badge">Theme Only</span>
</h3>
<div class="url">
http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22light%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%23FF6B35%22%2C%22secondaryColor%22%3A%22%23845EC2%22%7D%7D
</div>
<a
href="http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22light%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%23FF6B35%22%2C%22secondaryColor%22%3A%22%23845EC2%22%7D%7D"
class="button"
target="_blank"
>Open Example</a
>
</div>
<div class="example">
<h3>
Dark with Brand Colors <span class="type-badge">Theme Only</span>
</h3>
<div class="url">
http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22dark%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%23FF6B35%22%2C%22secondaryColor%22%3A%22%23845EC2%22%7D%7D
</div>
<a
href="http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22dark%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%23FF6B35%22%2C%22secondaryColor%22%3A%22%23845EC2%22%7D%7D"
class="button"
target="_blank"
>Open Example</a
>
</div>
<div class="example">
<h3>Corporate Blue Theme <span class="type-badge">Theme Only</span></h3>
<div class="url">
http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22light%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%230066CC%22%2C%22secondaryColor%22%3A%22%23004499%22%7D%7D
</div>
<a
href="http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22light%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%230066CC%22%2C%22secondaryColor%22%3A%22%23004499%22%7D%7D"
class="button"
target="_blank"
>Open Example</a
>
</div>
<div class="example">
<h3>Gaming Green Theme <span class="type-badge">Theme Only</span></h3>
<div class="url">
http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22dark%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%2300FF88%22%2C%22secondaryColor%22%3A%22%2300CC66%22%7D%7D
</div>
<a
href="http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22dark%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%2300FF88%22%2C%22secondaryColor%22%3A%22%2300CC66%22%7D%7D"
class="button"
target="_blank"
>Open Example</a
>
</div>
<div class="example">
<h3>Crypto Orange Theme <span class="type-badge">Theme Only</span></h3>
<div class="url">
http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22dark%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%23FF8C00%22%2C%22secondaryColor%22%3A%22%23FF6347%22%7D%7D
</div>
<a
href="http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22dark%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%23FF8C00%22%2C%22secondaryColor%22%3A%22%23FF6347%22%7D%7D"
class="button"
target="_blank"
>Open Example</a
>
</div>
<div class="example">
<h3>Full Custom Light <span class="type-badge">Theme Only</span></h3>
<div class="url">
http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22light%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%236C63FF%22%2C%22secondaryColor%22%3A%22%234A90E2%22%7D%2C%22componentStyles%22%3A%7B%22backgroundColor%22%3A%22%23FFFFFF%22%2C%22borderRadius%22%3A%2216px%22%2C%22width%22%3A%22450px%22%2C%22textColor%22%3A%22%231A1A1A%22%2C%22primaryButtonBackground%22%3A%22%236C63FF%22%2C%22primaryButtonText%22%3A%22%23FFFFFF%22%2C%22secondaryButtonBackground%22%3A%22%23F5F5F5%22%2C%22secondaryButtonText%22%3A%22%236C63FF%22%2C%22successColor%22%3A%22%2328A745%22%2C%22warningColor%22%3A%22%23FFC107%22%2C%22errorColor%22%3A%22%23DC3545%22%7D%7D
</div>
<a
href="http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22light%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%236C63FF%22%2C%22secondaryColor%22%3A%22%234A90E2%22%7D%2C%22componentStyles%22%3A%7B%22backgroundColor%22%3A%22%23FFFFFF%22%2C%22borderRadius%22%3A%2216px%22%2C%22width%22%3A%22450px%22%2C%22textColor%22%3A%22%231A1A1A%22%2C%22primaryButtonBackground%22%3A%22%236C63FF%22%2C%22primaryButtonText%22%3A%22%23FFFFFF%22%2C%22secondaryButtonBackground%22%3A%22%23F5F5F5%22%2C%22secondaryButtonText%22%3A%22%236C63FF%22%2C%22successColor%22%3A%22%2328A745%22%2C%22warningColor%22%3A%22%23FFC107%22%2C%22errorColor%22%3A%22%23DC3545%22%7D%7D"
class="button"
target="_blank"
>Open Example</a
>
</div>
<div class="example">
<h3>Full Custom Dark <span class="type-badge">Theme Only</span></h3>
<div class="url">
http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22dark%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%23BB86FC%22%2C%22secondaryColor%22%3A%22%2303DAC6%22%7D%2C%22componentStyles%22%3A%7B%22backgroundColor%22%3A%22%23121212%22%2C%22borderRadius%22%3A%2212px%22%2C%22width%22%3A%22400px%22%2C%22textColor%22%3A%22%23E1E1E1%22%2C%22primaryButtonBackground%22%3A%22%23BB86FC%22%2C%22primaryButtonText%22%3A%22%23000000%22%2C%22secondaryButtonBackground%22%3A%22%23333333%22%2C%22secondaryButtonText%22%3A%22%23E1E1E1%22%2C%22successColor%22%3A%22%234CAF50%22%2C%22warningColor%22%3A%22%23FF9800%22%2C%22errorColor%22%3A%22%23F44336%22%2C%22cardBackground%22%3A%22%231E1E1E%22%2C%22inputBackground%22%3A%22%232A2A2A%22%7D%7D
</div>
<a
href="http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22dark%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%23BB86FC%22%2C%22secondaryColor%22%3A%22%2303DAC6%22%7D%2C%22componentStyles%22%3A%7B%22backgroundColor%22%3A%22%23121212%22%2C%22borderRadius%22%3A%2212px%22%2C%22width%22%3A%22400px%22%2C%22textColor%22%3A%22%23E1E1E1%22%2C%22primaryButtonBackground%22%3A%22%23BB86FC%22%2C%22primaryButtonText%22%3A%22%23000000%22%2C%22secondaryButtonBackground%22%3A%22%23333333%22%2C%22secondaryButtonText%22%3A%22%23E1E1E1%22%2C%22successColor%22%3A%22%234CAF50%22%2C%22warningColor%22%3A%22%23FF9800%22%2C%22errorColor%22%3A%22%23F44336%22%2C%22cardBackground%22%3A%22%231E1E1E%22%2C%22inputBackground%22%3A%22%232A2A2A%22%7D%7D"
class="button"
target="_blank"
>Open Example</a
>
</div>
<div class="example">
<h3>Financial Services <span class="type-badge">Theme Only</span></h3>
<div class="url">
http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22light%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%231B5E20%22%2C%22secondaryColor%22%3A%22%232E7D32%22%7D%2C%22componentStyles%22%3A%7B%22borderRadius%22%3A%228px%22%2C%22successColor%22%3A%22%234CAF50%22%2C%22warningColor%22%3A%22%23FF8F00%22%2C%22errorColor%22%3A%22%23D32F2F%22%7D%7D
</div>
<a
href="http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22light%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%231B5E20%22%2C%22secondaryColor%22%3A%22%232E7D32%22%7D%2C%22componentStyles%22%3A%7B%22borderRadius%22%3A%228px%22%2C%22successColor%22%3A%22%234CAF50%22%2C%22warningColor%22%3A%22%23FF8F00%22%2C%22errorColor%22%3A%22%23D32F2F%22%7D%7D"
class="button"
target="_blank"
>Open Example</a
>
</div>
<div class="example">
<h3>Fintech Dark <span class="type-badge">Theme Only</span></h3>
<div class="url">
http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22dark%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%2300E676%22%2C%22secondaryColor%22%3A%22%231DE9B6%22%7D%2C%22componentStyles%22%3A%7B%22backgroundColor%22%3A%22%230A0A0A%22%2C%22cardBackground%22%3A%22%231A1A1A%22%2C%22borderRadius%22%3A%2210px%22%7D%7D
</div>
<a
href="http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22dark%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%2300E676%22%2C%22secondaryColor%22%3A%22%231DE9B6%22%7D%2C%22componentStyles%22%3A%7B%22backgroundColor%22%3A%22%230A0A0A%22%2C%22cardBackground%22%3A%22%231A1A1A%22%2C%22borderRadius%22%3A%2210px%22%7D%7D"
class="button"
target="_blank"
>Open Example</a
>
</div>
<div class="example">
<h3>Sunset Theme <span class="type-badge">Theme Only</span></h3>
<div class="url">
http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22dark%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%23FF6B6B%22%2C%22secondaryColor%22%3A%22%234ECDC4%22%7D%2C%22componentStyles%22%3A%7B%22backgroundColor%22%3A%22%232C1810%22%2C%22cardBackground%22%3A%22%233D2817%22%2C%22successColor%22%3A%22%2351CF66%22%2C%22warningColor%22%3A%22%23FFD43B%22%2C%22errorColor%22%3A%22%23FF6B6B%22%7D%7D
</div>
<a
href="http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22dark%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%23FF6B6B%22%2C%22secondaryColor%22%3A%22%234ECDC4%22%7D%2C%22componentStyles%22%3A%7B%22backgroundColor%22%3A%22%232C1810%22%2C%22cardBackground%22%3A%22%233D2817%22%2C%22successColor%22%3A%22%2351CF66%22%2C%22warningColor%22%3A%22%23FFD43B%22%2C%22errorColor%22%3A%22%23FF6B6B%22%7D%7D"
class="button"
target="_blank"
>Open Example</a
>
</div>
<div class="example">
<h3>Ocean Theme <span class="type-badge">Theme Only</span></h3>
<div class="url">
http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22light%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%23228BE6%22%2C%22secondaryColor%22%3A%22%2315AABF%22%7D%2C%22componentStyles%22%3A%7B%22backgroundColor%22%3A%22%23F0F8FF%22%2C%22cardBackground%22%3A%22%23FFFFFF%22%2C%22borderRadius%22%3A%2220px%22%2C%22successColor%22%3A%22%2351CF66%22%2C%22warningColor%22%3A%22%23FFD43B%22%7D%7D
</div>
<a
href="http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22light%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%23228BE6%22%2C%22secondaryColor%22%3A%22%2315AABF%22%7D%2C%22componentStyles%22%3A%7B%22backgroundColor%22%3A%22%23F0F8FF%22%2C%22cardBackground%22%3A%22%23FFFFFF%22%2C%22borderRadius%22%3A%2220px%22%2C%22successColor%22%3A%22%2351CF66%22%2C%22warningColor%22%3A%22%23FFD43B%22%7D%7D"
class="button"
target="_blank"
>Open Example</a
>
</div>
</div>
<div class="section">
<h2>Quick Copy URLs</h2>
<textarea
style="
width: 100%;
height: 200px;
font-family: Monaco, monospace;
font-size: 12px;
"
>
Light Theme (Default): http://localhost:3001/?integratorId=d6e438dfa14e80701b9b
Dark Theme: http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22dark%22%7D
Uniswap Colors: http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22light%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%23ff37c6%22%2C%22secondaryColor%22%3A%22%23ff37c6%22%7D%7D
Light with Brand Colors: http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22light%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%23FF6B35%22%2C%22secondaryColor%22%3A%22%23845EC2%22%7D%7D
Dark with Brand Colors: http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22dark%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%23FF6B35%22%2C%22secondaryColor%22%3A%22%23845EC2%22%7D%7D
Corporate Blue Theme: http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22light%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%230066CC%22%2C%22secondaryColor%22%3A%22%23004499%22%7D%7D
Gaming Green Theme: http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22dark%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%2300FF88%22%2C%22secondaryColor%22%3A%22%2300CC66%22%7D%7D
Crypto Orange Theme: http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22dark%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%23FF8C00%22%2C%22secondaryColor%22%3A%22%23FF6347%22%7D%7D
Full Custom Light: http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22light%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%236C63FF%22%2C%22secondaryColor%22%3A%22%234A90E2%22%7D%2C%22componentStyles%22%3A%7B%22backgroundColor%22%3A%22%23FFFFFF%22%2C%22borderRadius%22%3A%2216px%22%2C%22width%22%3A%22450px%22%2C%22textColor%22%3A%22%231A1A1A%22%2C%22primaryButtonBackground%22%3A%22%236C63FF%22%2C%22primaryButtonText%22%3A%22%23FFFFFF%22%2C%22secondaryButtonBackground%22%3A%22%23F5F5F5%22%2C%22secondaryButtonText%22%3A%22%236C63FF%22%2C%22successColor%22%3A%22%2328A745%22%2C%22warningColor%22%3A%22%23FFC107%22%2C%22errorColor%22%3A%22%23DC3545%22%7D%7D
Full Custom Dark: http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22dark%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%23BB86FC%22%2C%22secondaryColor%22%3A%22%2303DAC6%22%7D%2C%22componentStyles%22%3A%7B%22backgroundColor%22%3A%22%23121212%22%2C%22borderRadius%22%3A%2212px%22%2C%22width%22%3A%22400px%22%2C%22textColor%22%3A%22%23E1E1E1%22%2C%22primaryButtonBackground%22%3A%22%23BB86FC%22%2C%22primaryButtonText%22%3A%22%23000000%22%2C%22secondaryButtonBackground%22%3A%22%23333333%22%2C%22secondaryButtonText%22%3A%22%23E1E1E1%22%2C%22successColor%22%3A%22%234CAF50%22%2C%22warningColor%22%3A%22%23FF9800%22%2C%22errorColor%22%3A%22%23F44336%22%2C%22cardBackground%22%3A%22%231E1E1E%22%2C%22inputBackground%22%3A%22%232A2A2A%22%7D%7D
Financial Services: http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22light%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%231B5E20%22%2C%22secondaryColor%22%3A%22%232E7D32%22%7D%2C%22componentStyles%22%3A%7B%22borderRadius%22%3A%228px%22%2C%22successColor%22%3A%22%234CAF50%22%2C%22warningColor%22%3A%22%23FF8F00%22%2C%22errorColor%22%3A%22%23D32F2F%22%7D%7D
Fintech Dark: http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22dark%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%2300E676%22%2C%22secondaryColor%22%3A%22%231DE9B6%22%7D%2C%22componentStyles%22%3A%7B%22backgroundColor%22%3A%22%230A0A0A%22%2C%22cardBackground%22%3A%22%231A1A1A%22%2C%22borderRadius%22%3A%2210px%22%7D%7D
Sunset Theme: http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22dark%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%23FF6B6B%22%2C%22secondaryColor%22%3A%22%234ECDC4%22%7D%2C%22componentStyles%22%3A%7B%22backgroundColor%22%3A%22%232C1810%22%2C%22cardBackground%22%3A%22%233D2817%22%2C%22successColor%22%3A%22%2351CF66%22%2C%22warningColor%22%3A%22%23FFD43B%22%2C%22errorColor%22%3A%22%23FF6B6B%22%7D%7D
Ocean Theme: http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22light%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%23228BE6%22%2C%22secondaryColor%22%3A%22%2315AABF%22%7D%2C%22componentStyles%22%3A%7B%22backgroundColor%22%3A%22%23F0F8FF%22%2C%22cardBackground%22%3A%22%23FFFFFF%22%2C%22borderRadius%22%3A%2220px%22%2C%22successColor%22%3A%22%2351CF66%22%2C%22warningColor%22%3A%22%23FFD43B%22%7D%7D
Dark Theme + Basic Ethereum: http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&dstChain=ethereum&dstToken=0xA0b86a33E6441b8b9fF8A91D0fe999c61F0DEE39&styles=%7B%22themeMode%22%3A%22dark%22%7D
Dark Theme + Polygon USDC: http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&dstChain=polygon&dstToken=0x3c499c542cef5e3811e1192ce70d8cc03d5c3359&styles=%7B%22themeMode%22%3A%22dark%22%7D
Light with Brand Colors + Basic Ethereum: http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&dstChain=ethereum&dstToken=0xA0b86a33E6441b8b9fF8A91D0fe999c61F0DEE39&styles=%7B%22themeMode%22%3A%22light%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%23FF6B35%22%2C%22secondaryColor%22%3A%22%23845EC2%22%7D%7D
Light with Brand Colors + Polygon USDC: http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&dstChain=polygon&dstToken=0x3c499c542cef5e3811e1192ce70d8cc03d5c3359&styles=%7B%22themeMode%22%3A%22light%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%23FF6B35%22%2C%22secondaryColor%22%3A%22%23845EC2%22%7D%7D
Corporate Blue Theme + Basic Ethereum: http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&dstChain=ethereum&dstToken=0xA0b86a33E6441b8b9fF8A91D0fe999c61F0DEE39&styles=%7B%22themeMode%22%3A%22light%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%230066CC%22%2C%22secondaryColor%22%3A%22%23004499%22%7D%7D
Corporate Blue Theme + Polygon USDC: http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&dstChain=polygon&dstToken=0x3c499c542cef5e3811e1192ce70d8cc03d5c3359&styles=%7B%22themeMode%22%3A%22light%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%230066CC%22%2C%22secondaryColor%22%3A%22%23004499%22%7D%7D
Gaming Green Theme + Basic Ethereum: http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&dstChain=ethereum&dstToken=0xA0b86a33E6441b8b9fF8A91D0fe999c61F0DEE39&styles=%7B%22themeMode%22%3A%22dark%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%2300FF88%22%2C%22secondaryColor%22%3A%22%2300CC66%22%7D%7D
Gaming Green Theme + Polygon USDC: http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&dstChain=polygon&dstToken=0x3c499c542cef5e3811e1192ce70d8cc03d5c3359&styles=%7B%22themeMode%22%3A%22dark%22%2C%22brandTheme%22%3A%7B%22primaryColor%22%3A%22%2300FF88%22%2C%22secondaryColor%22%3A%22%2300CC66%22%7D%7D
</textarea
>
</div>
</body>
</html>