Theme Examples
Light Theme (Default) Theme Only
http://localhost:3001/?integratorId=d6e438dfa14e80701b9b
Open Example
Dark Theme Theme Only
http://localhost:3001/?integratorId=d6e438dfa14e80701b9b&styles=%7B%22themeMode%22%3A%22dark%22%7D
Open Example
Uniswap Colors Theme Only
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
Open Example
Light with Brand Colors Theme Only
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
Open Example
Dark with Brand Colors Theme Only
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
Open Example
Corporate Blue Theme Theme Only
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
Open Example
Gaming Green Theme Theme Only
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
Open Example
Crypto Orange Theme Theme Only
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
Open Example
Full Custom Light Theme Only
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
Open Example
Full Custom Dark Theme Only
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
Open Example
Financial Services Theme Only
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
Open Example
Fintech Dark Theme Only
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
Open Example
Sunset Theme Theme Only
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
Open Example
Ocean Theme Theme Only
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
Open Example